Plantilla Web de Chat IA con APIs de OpenAI, DeepSeek y OpenRouter – HTML, CSS y JS

Potente asistente virtual desarrollado en HTML, CSS y JavaScript que se integra con las principales APIs de IA como OpenAI, DeepSeek y OpenRouter. Chatea con modelos avanzados de inteligencia artificial, guarda tu historial localmente y disfruta de una interfaz limpia con modo oscuro. ¡La solución todo-en-uno para interactuar con múltiples plataformas de IA desde un mismo lugar!

Obtención de API Keys

OpenAI: Regístrate en https://platform.openai.com y crea una clave desde tu panel de usuario.

DeepSeek: Regístrate en https://deepseek.com y busca la sección de API para generar tu clave.

OpenRouter: Regístrate en https://openrouter.ai, inicia sesión y copia tu clave desde el panel de usuario.

Abre el archivo script.js y añade:

const requestBody = {
    model: "deepseek-chat", // Es el modelo que quieres usar, en este caso 'deepseek-chat'
    messages: [
        ...chatHistory[chatId].messages,
        {
            role: "user",
            content: `""`,
        },
    ],
    stream: true,
};

const response = await fetch(
    "https://api.deepseek.com/chat/completions", // Endpoint del chat
    {
        method: "POST",
        headers: {
            Authorization: `Bearer API_KEY`, // API Key de autenticación
            "Content-Type": "application/json",
        },
        body: JSON.stringify(requestBody),
    }
);