Blog

Desarrollo
API de Deepseek
_

Cómo Integrar la API de Deepseek en Laravel

Tutorial sencillo

En este tutorial crearemos una aplicación web responsive usando Laravel que interactúa con la API de Deepseek para obtener respuestas inteligentes. Ideal para implementar un chatbot con diseño adaptable.

Requisitos Previos

  • PHP 8.1+
  • Composer instalado
  • Node.js (para compilar assets)
  • Cuenta en Deepseek (para obtener API key)
  • Conocimientos básicos de Laravel

Paso 1: Configuración Inicial del Proyecto

Crea un nuevo proyecto Laravel:

composer create-project laravel/laravel deepseek-chat
cd deepseek-chat

Instala Guzzle para peticiones HTTP:

composer require guzzlehttp/guzzle

Paso 2: Crear Controlador y Rutas

Genera el controlador:

php artisan make:controller DeepSeekController

app/Http/Controllers/DeepSeekController.php:

validate(['question' => 'required|string|max:500']);

        $client = new Client();
        
        try {
            $response = $client->post('https://api.deepseek.com/v1/chat/completions', [
                'headers' => [
                    'Authorization' => 'Bearer ' . env('DEEPSEEK_API_KEY'),
                    'Content-Type' => 'application/json',
                ],
                'json' => [
                    'model' => 'deepseek-chat',
                    'messages' => [
                        ['role' => 'user', 'content' => $request->question]
                    ]
                ]
            ]);

            $responseData = json_decode($response->getBody(), true);
            
            return response()->json([
                'answer' => $responseData['choices'][0]['message']['content']
            ]);

        } catch (\Exception $e) {
            return response()->json([
                'error' => 'Error al conectar con la API: ' . $e->getMessage()
            ], 500);
        }
    }
}

routes/web.php:

use App\Http\Controllers\DeepSeekController;

Route::get('/chat', [DeepSeekController::class, 'index'])->name('chat');
Route::post('/ask', [DeepSeekController::class, 'ask'])->name('ask');

Paso 3: Crear Vista Responsive

resources/views/chat.blade.php:




    
    
    Chat con Deepseek
    @vite(['resources/css/app.css', 'resources/js/app.js'])
    


    

        

            
Chat con Deepseek

            
            

                

            


            

                @csrf

Paso 4: Configurar Variables de Entorno

Añade esta línea a tu archivo .env de Laravel:

DEEPSEEK_API_KEY=tu_api_key_aquí

Diseño Responsive

La interfaz utiliza Tailwind CSS con:

  • Contenedores con ancho máximo adaptable
  • Espacios responsivos (p-4, md:p-6)
  • Altura de chat ajustable
  • Elementos flexibles para móviles

Consejos Finales

  1. Usa HTTPS en producción
  2. Implementa límite de solicitudes
  3. Añade un indicador de escritura
  4. Prueba con diferentes modelos de IA

¡Ahora tienes un chatbot inteligente con diseño profesional! ¿Qué preguntas le harás a tu nueva IA?