9router/gitbook/content/es/integration/cline.md

Integración con Cline

Integra 9Router con la extensión Cline de VSCode para enrutar tus solicitudes de IA a través del sistema de enrutamiento inteligente de 9Router.

Requisitos previos

• Visual Studio Code instalado
• Extensión Cline instalada desde el marketplace de VSCode
• 9Router ejecutándose localmente o endpoint en la nube configurado
• API key del dashboard de 9Router

Configuración

1. Abrir la configuración de Cline

1. Abre Visual Studio Code
2. Abre el panel de la extensión Cline (clic en el ícono de Cline en la barra lateral)
3. Clic en el ícono de Settings (engranaje) en el panel de Cline

2. Seleccionar el proveedor de API

1. En la configuración de Cline, encuentra el dropdown API Provider
2. Selecciona Ollama de la lista
   • Nota: Usamos el tipo de proveedor Ollama porque es compatible con APIs estilo OpenAI

3. Configurar Base URL

Establece la URL base a tu endpoint de 9Router:

Para 9Router local:

http://localhost:20128/v1

Para 9Router en la nube:

https://9router.com

Pasos:

1. En el campo Base URL, ingresa tu endpoint de 9Router
2. Asegúrate de incluir /v1 al final

4. Agregar API Key

1. En el campo API Key, ingresa tu API key de 9Router
2. Puedes encontrar tu API key en el dashboard de 9Router en Settings → API Keys
3. La key debe comenzar con sk-9router-

5. Seleccionar modelo

1. En el dropdown Model, puedes:

   • Seleccionar de los modelos disponibles (si Cline los auto-detecta)
   • Ingresar manualmente el nombre del modelo desde tu configuración de 9Router

2. Nombres comunes de modelos:

   • gpt-4
   • gpt-4o
   • claude-opus-4-5
   • claude-sonnet-4-5
   • gemini-2.0-flash

6. Guardar la configuración

Clic en Save o cierra el panel de configuración. Cline guardará automáticamente tu configuración.

Ejemplo de configuración

Tu configuración de Cline debería verse así:

API Provider: Ollama
Base URL: http://localhost:20128/v1
API Key: sk-9router-xxxxxxxxxxxxx
Model: gpt-4

Modelos disponibles

Puedes usar cualquier modelo configurado en tu dashboard de 9Router. Ejemplos comunes:

Nombre del modelo	Proveedor	Descripción
gpt-4	OpenAI	GPT-4 Turbo
gpt-4o	OpenAI	GPT-4 Optimized
claude-opus-4-5	Anthropic	Claude Opus 4.5
claude-sonnet-4-5	Anthropic	Claude Sonnet 4.5
gemini-2.0-flash	Google	Gemini 2.0 Flash

Uso

Chat con IA

1. Abre el panel de Cline en VSCode
2. Escribe tu mensaje en el input del chat
3. Presiona Enter para enviar
4. Cline usará 9Router para procesar tu solicitud

Generación de código

1. Pide a Cline que genere código: "Create a React component for a login form"
2. Cline generará código usando 9Router
3. Revisa y acepta el código generado

Explicación de código

1. Selecciona código en tu editor
2. Pregunta a Cline: "Explain this code"
3. Obtén explicaciones potenciadas por IA a través de 9Router

Operaciones con archivos

1. Pide a Cline que cree, modifique o elimine archivos
2. Cline usará 9Router para entender el contexto y hacer cambios
3. Revisa los cambios antes de aceptar

Solución de problemas

Error "Connection Failed"

1. Verifica que 9Router esté corriendo: curl http://localhost:20128/health
2. Verifica que la URL base sea correcta e incluya /v1
3. Asegúrate de que ningún firewall esté bloqueando el puerto 20128
4. Intenta reiniciar VSCode

Error "Invalid API Key"

1. Verifica tu API key en el dashboard de 9Router
2. Asegúrate de haber copiado la key completa incluyendo el prefijo sk-9router-
3. Verifica que la API key no haya expirado
4. Intenta regenerar una nueva API key

Error "Model Not Found"

1. Verifica que el nombre del modelo coincida exactamente con tu configuración de 9Router
2. Verifica que la conexión del proveedor esté activa en el dashboard de 9Router
3. Asegúrate de que el modelo esté disponible en tus proveedores conectados
4. Intenta usar el nombre completo del modelo (ej. openai/gpt-4 en lugar de gpt-4)

Cline no responde

1. Revisa el panel de output de Cline para mensajes de error
2. Verifica que tu instancia de 9Router esté ejecutándose y saludable
3. Intenta recargar la ventana de VSCode (Cmd/Ctrl + Shift + P → "Reload Window")
4. Revisa los logs de 9Router para cualquier error

Configuración avanzada

Usar endpoint en la nube

Para usar el endpoint en la nube de 9Router en lugar de localhost:

1. En la configuración de Cline, establece Base URL a: https://9router.com
2. Asegúrate de haber configurado tu API key en el dashboard en la nube de 9Router
3. Asegúrate de que tu endpoint en la nube esté activo y accesible

Múltiples modelos

Puedes cambiar rápidamente entre modelos:

1. Abre la configuración de Cline
2. Cambia el campo Model a otro modelo
3. Guarda y continúa chateando con el nuevo modelo

Timeout personalizado

Si experimentas problemas de timeout con solicitudes grandes:

1. Abre la configuración de VSCode (Cmd/Ctrl + ,)
2. Busca "Cline timeout"
3. Aumenta el valor de timeout (por defecto suele ser 30 segundos)

Mejores prácticas

1. Usa modelos apropiados: Elige modelos rápidos (como Haiku o Flash) para tareas simples, y modelos más potentes (como Opus o GPT-4) para tareas complejas
2. Monitorea el uso: Revisa el dashboard de 9Router para estadísticas de uso y costos
3. Gestión de contexto: Mantén tus conversaciones enfocadas para reducir el uso de tokens
4. Cambio de modelo: Cambia modelos según la complejidad de la tarea para optimizar costo y rendimiento
5. Seguridad de API Key: Nunca subas tu API key al control de versiones

Integración con características de 9Router

Enrutamiento de modelos

9Router enruta automáticamente tus solicitudes al mejor proveedor disponible según:

• Disponibilidad del modelo
• Estado de salud del proveedor
• Optimización de costos
• Balanceo de carga

Soporte de fallback

Si un proveedor falla, 9Router automáticamente cambia a proveedores alternativos configurados en tu dashboard.

Seguimiento de uso

Monitorea tu uso de Cline a través del dashboard de 9Router:

• Total de solicitudes
• Uso de tokens
• Costo por modelo
• Distribución por proveedor