Primeros Pasos con las Extensiones de GitHub Copilot

Las Extensiones de GitHub Copilot transforman la forma en que los desarrolladores trabajan al integrar herramientas y servicios externos directamente en Copilot Chat. En lugar de alternar entre múltiples aplicaciones, ahora puedes consultar bases de datos, monitorear despliegues y depurar errores—todo a través de conversaciones en lenguaje natural dentro de tu IDE o GitHub.com.

¿Qué Son las Extensiones de GitHub Copilot?

Estas extensiones se integran perfectamente con tu flujo de trabajo existente. Al depurar un problema, puedes invocar Sentry para monitoreo de errores, DataStax para consultas de bases de datos, o Azure para despliegues—todo sin salir de tu editor de código. Socios importantes como Docker, MongoDB, Stripe y Microsoft ya han creado extensiones disponibles en el GitHub Marketplace.

Importante: Cronograma de Obsolescencia

Fechas críticas a recordar:

• 23 de septiembre de 2025: No se podrán crear nuevas Extensiones de Copilot basadas en GitHub App
• 10 de noviembre de 2025: Todas las extensiones existentes basadas en GitHub App dejarán de funcionar

Las Extensiones de Copilot para VS Code no se ven afectadas y seguirán siendo compatibles. Si estás comenzando un nuevo proyecto hoy, considera crear una extensión de VS Code o explorar servidores Model Context Protocol (MCP) como la solución a largo plazo.

Instalación de Extensiones desde el GitHub Marketplace

Comenzar con extensiones existentes toma solo unos minutos:

1. Explora las extensiones disponibles en el GitHub Marketplace
2. Haz clic en “Install” en la extensión elegida
3. Otorga los permisos necesarios
4. Accede a la extensión escribiendo @ en Copilot Chat, seguido del nombre de la extensión

Por ejemplo, escribir @sentry te permite analizar registros de errores, mientras que @docker te ayuda a construir y desplegar contenedores—todo a través de comandos en lenguaje natural.

Creando una Extensión Hello World

Vamos a crear una extensión Hello World mínima para comprender los conceptos fundamentales. Este ejemplo usa Node.js y el Copilot Extensions Preview SDK.

Paso 1: Configura tu Endpoint

import { verifyAndParseRequest, createTextEvent, createDoneEvent } from "@copilot-extensions/preview-sdk";
import express from 'express';

const app = express();
app.use(express.text());

app.post("/", async (req, res) => {
  // Verify the request is from GitHub
  const signature = req.headers["github-public-key-signature"];
  const keyID = req.headers["github-public-key-identifier"];
  const token = req.headers["x-github-token"];
  
  const { isValidRequest, payload } = await verifyAndParseRequest(
    req.body,
    signature,
    keyID,
    { token }
  );
  
  if (!isValidRequest) {
    return res.status(401).send("Unauthorized");
  }
  
  // Send response using server-sent events
  res.setHeader("Content-Type", "text/event-stream");
  
  // Simple Hello World response
  res.write(createTextEvent("Hello from my Copilot Extension! 👋"));
  res.write(createDoneEvent());
  res.end();
});

app.listen(3000);

Paso 2: Configura tu GitHub App

1. Navega a Settings → Developer settings → GitHub Apps
2. Crea una nueva GitHub App con estas configuraciones:
   • Webhook URL: El endpoint de tu servidor (usa ngrok para pruebas locales)
   • Permissions: Configura “Copilot Chat” como solo lectura
   • Copilot settings: Configura App Type como “Agent”

Paso 3: Prueba tu Extensión

Una vez instalada, prueba tu extensión en Copilot Chat:

• En GitHub.com
• En VS Code
• En Visual Studio

Escribe @your-extension-name seguido de cualquier mensaje. Verás tu respuesta “Hello World” aparecer en el chat.

Conceptos Clave a Recordar

Verificación de Solicitudes: Siempre verifica las solicitudes entrantes usando la función verifyAndParseRequest del SDK. Esto asegura que las solicitudes realmente provengan de GitHub.

Server-Sent Events: Las Extensiones de Copilot usan SSE para transmitir respuestas en streaming. Esto permite actualizaciones progresivas en tiempo real en la interfaz del chat.

Gestión de Tokens: El encabezado x-github-token proporciona el contexto del usuario. Úsalo con Octokit para acceder a las APIs de GitHub en nombre del usuario.

Próximos Pasos

Comienza explorando las extensiones existentes en el GitHub Marketplace para comprender patrones comunes y casos de uso. Para extensiones de producción, considera:

• Implementar manejo de errores adecuado
• Agregar llamadas a funciones para operaciones complejas
• Integrar con las APIs internas de tu organización
• Usar la API LLM de Copilot para respuestas inteligentes

Dado el cronograma de obsolescencia, las Extensiones de Copilot para VS Code ofrecen el camino más preparado para el futuro en nuevos desarrollos. El ecosistema continúa evolucionando rápidamente, con los servidores MCP emergiendo como la próxima generación de arquitectura de extensiones.

Conclusión

Ya sea que estés instalando extensiones de socios o construyendo integraciones personalizadas, las Extensiones de GitHub Copilot cambian fundamentalmente la forma en que los desarrolladores interactúan con sus herramientas—manteniéndote en flujo y productivo sin cambios de contexto. Con la próxima obsolescencia de las extensiones basadas en GitHub App, ahora es el momento de explorar extensiones de VS Code o servidores MCP para soluciones a largo plazo.

Preguntas Frecuentes

Understand every bug

Uncover frustrations, understand bugs and fix slowdowns like never before with OpenReplay — the open-source session replay tool for developers. Self-host it in minutes, and have complete control over your customer data. Check our GitHub repo and join the thousands of developers in our community.