Como Integrar a API do Claude da Anthropic no Seu Site com a GeHost
Olá, amigo(a) desenvolvedor(a) ou empreendedor(a) que quer trazer inteligência artificial ao seu site — seja para atendimento, criação de conteúdo ou automação — bem-vindo(a) ao seu primeiro passo com o Claude API da Anthropic! 🌟
Na GeHost, acreditamos que tecnologia deve ser acessível, intuitiva e poderosa — e integrar o Claude é mais simples do que parece. Vamos juntos, passo a passo, com calma, como um bom treinamento de Sensei.
Passo 1: Prepare-se com os Dados do Claude API
Antes de tocar no servidor, você precisa do API Key do Claude. É como uma senha secreta que permite o acesso à API.
- Visite o site oficial da Anthropic: anthropic.com
- Entre na sua conta (ou crie uma, gratuitamente).
- Na seção de "API Keys", crie uma nova chave.
- Salve essa chave em um lugar seguro — nunca a compartilhe publicamente.
Dica do Sensei: Use um nome claro para a chave, como “Claude-Integracao-Website”, para não se perder no futuro.
Passo 2: Acesse o Gerenciador de Arquivos da GeHost
Com seu acesso à GeHost, vamos acessar o Gerenciador de Arquivos — onde você vai editar o código do seu site.
No cPanel, localize o grupo "Arquivos" e clique em Gerenciador de Arquivos.
Passo 3: Localize a Pasta do Seu Site
Na tela do Gerenciador de Arquivos, navegue até a pasta public_html — é aqui que seu site está hospedado.
Se seu site for um site simples (como um site de portfólio ou loja virtual), provavelmente já está na raiz. Se você tiver um site em um subdomínio ou pasta, acesse essa pasta específica.
Passo 4: Crie um Arquivo para a Integração (ex: claudesite.php)
Clique no botão Novo Arquivo no topo do Gerenciador de Arquivos.
Digite o nome do arquivo, por exemplo: claudesite.php.
Depois de criado, clique duas vezes no arquivo para editá-lo.
Passo 5: Insira o Código de Integração
Na área de edição, cole o seguinte código básico (em PHP) para chamar a API do Claude:
<?php
// Configurações da API
$api_key = 'SUA_API_KEY_AQUI'; // Substitua por sua chave real
$endpoint = 'https://api.anthropic.com/v1/messages';
// Mensagem que queremos enviar ao Claude
$message = 'Olá, você é um assistente inteligente. Me ajude a escrever um texto sobre tecnologia e inovação.';
// Configuração da requisição
$curl = curl_init();
curl_setopt($curl, CURLOPT_URL, $endpoint);
curl_setopt($curl, CURLOPT_POST, true);
curl_setopt($curl, CURLOPT_POSTFIELDS, json_encode([
'model' => 'claude-3-opus-20240229',
'messages' => [
['role' => 'user', 'content' => $message]
],
'max_tokens' => 500
]));
curl_setopt($curl, CURLOPT_HTTPHEADER, [
'Content-Type: application/json',
'x-api-key: ' . $api_key,
'anthropic-version: 2023-06-01'
]);
curl_setopt($curl, CURLOPT_RETURNTRANSFER, true);
// Executa a requisição
$response = curl_exec($curl);
curl_close($curl);
// Exibe o resultado
if ($response) {
$data = json_decode($response, true);
echo '<h3>Resposta do Claude:</h3>';
echo htmlspecialchars($data['content'][0]['text']);
} else {
echo '<p>Erro ao conectar com a API do Claude.</p>';
}
?>
⚠️ Importante: Substitua SUA_API_KEY_AQUI pela sua chave real, mas nunca deixe isso no código final se o arquivo for acessível publicamente!
Passo 6: Proteja Sua API Key (Sua Senha!) 🛡️
Ter a chave no código diretamente no site é como deixar a senha da sua casa na porta. Não faça isso em produção!
Para segurança, use um arquivo .env ou um arquivo de configuração fora da pasta public_html.
Exemplo prático:
- Crie uma pasta chamada config dentro de public_html.
- Coloque um arquivo chamado api-config.php nessa pasta com apenas:
<?php
define('CLAUDE_API_KEY', 'sua_chave_real_aqui');
?>
Depois, no arquivo principal, substitua a linha:
$api_key = 'SUA_API_KEY_AQUI';
Pela linha:
$api_key = CLAUDE_API_KEY;
Assim, sua chave nunca sai da pasta segura.
Passo 7: Acesse o Arquivo no Seu Navegador
Abra seu navegador e vá para:
https://seudominio.com.br/claudesite.php
Se tudo estiver certo, você verá a resposta do Claude — como se ele estivesse respondendo diretamente ao seu site!
Passo 8: Integre ao Seu Site (Onde Quiser!) 🚀
Com o código funcionando, você pode:
- Adicionar um formulário no seu site para que os visitantes digitem perguntas.
- Usar o Claude para gerar textos de blog automaticamente.
- Montar um chatbot simples com respostas inteligentes.
É só chamar o arquivo PHP onde quiser — por exemplo, com um include ou iframe.
Dica Final do Sensei: Teste com Cuidado
Antes de colocar no ar, teste em um ambiente de desenvolvimento ou com acesso restrito. A API tem custo por uso — então, não deixe ela rodando sem controle.
Se precisar de ajuda, nosso suporte está aqui — como um amigo de verdade. 💬
Parabéns! Você acaba de integrar uma das inteligências artificiais mais poderosas do mundo ao seu site. Isso é crescimento, inovação e coragem. 🌱
Com carinho,
Sensei da GeHost — seu parceiro em tecnologia, sempre com um sorriso.
