Cómo Integrar ChatGPT en tu Aplicación Web

La Revolución de la IA en el Desarrollo Web

Integrar inteligencia artificial en tu aplicación web ya no es un lujo, es una necesidad. La API de OpenAI makes que sea increíblemente accesible.

Obtener tu API Key

  1. Visita platform.openai.com
  2. Crea una cuenta o inicia sesión
  3. Navega a API Keys
  4. Genera una nueva clave

Integración con PHP

$apiKey = "sk-tu-api-key-aqui";
$prompt = "Explica qué es PHP en 3 líneas";

$datos = [
    "model" => "gpt-3.5-turbo",
    "messages" => [
        ["role" => "user", "content" => $prompt]
    ],
    "max_tokens" => 200,
    "temperature" => 0.7
];

$ch = curl_init("https://api.openai.com/v1/chat/completions");
curl_setopt_array($ch, [
    CURLOPT_POST => true,
    CURLOPT_POSTFIELDS => json_encode($datos),
    CURLOPT_HTTPHEADER => [
        "Content-Type: application/json",
        "Authorization: Bearer " . $apiKey
    ],
    CURLOPT_RETURNTRANSFER => true,
]);

$respuesta = json_decode(curl_exec($ch), true);
echo $respuesta["choices"][0]["message"]["content"];

Integración con JavaScript

async function preguntarChatGPT(pregunta) {
    const response = await fetch("/api/chatgpt.php", {
        method: "POST",
        headers: { "Content-Type": "application/json" },
        body: JSON.stringify({ pregunta })
    });
    const data = await response.json();
    return data.respuesta;
}

Casos de Uso

Conclusión

La integración de IA en aplicaciones web es más sencilla de lo que parece. Empieza con un caso de uso simple y ve escalando.

🤖 Asistente Virtual
¡Hola! 👋

¿En qué te puedo ayudar hoy?