Skip to main content

Início Rápido das Extensões do GitHub Copilot usando agentes

Compile e experimente a extensão Blackbeard do GitHub para saber mais sobre o processo de desenvolvimento para Extensões do GitHub Copilot.

A extensão do Blackbeard é uma Extensão do GitHub Copilot que inclui um agente do GitHub App e do Copilot. O agente responde a solicitações de chat no estilo de um pirata, usando a API de LLM (modelo de linguagem grande) do Copilot e solicitações de sistema especiais. Confira Sobre agentes para extensões do Copilot.

Este guia usa uma implementação de agente simples, mas o processo é semelhante para conjuntos de habilidades. Para obter informações sobre a diferença entre agentes e conjuntos de habilidades, consulte Sobre as extensões do Copilot.

Este início rápido foi elaborado para ajudar você a compilar e bater papo com a extensão Blackbeard o mais rápido possível, para que possa desenvolver e testar sua extensão sem implantar a infraestrutura. Para produção, você precisará hospedar o aplicativo para os pontos de extremidade do agente ou do conjunto de habilidades em um servidor acessível publicamente. Para aprender a criar uma Extensão do GitHub Copilot, confira Configurar extensões do Copilot.

1. Criar e instalar um GitHub App

Nas configurações de desenvolvedor de sua conta do GitHub, crie um GitHub App. O GitHub App precisa ter:

  • Um nome
  • Uma URL da home page
  • Webhooks desmarcados

Depois de criar o aplicativo, clique em Install App na barra lateral e instale o aplicativo em sua conta.

Para obter instruções detalhadas, confira Criar um aplicativo GitHub para sua extensão do Copilot.

2. Clonar e hospedar o agente do Blackbeard localmente

Em vez de implantar o agente do Blackbeard como um aplicativo Web, você pode hospedar o agente localmente para ter um processo de compilação significativamente mais rápido.

  1. Usando o Terminal integrado ao VS Code, clone o repositório copilot-extensions/blackbeard-extension.
  2. No mesmo Terminal, execute npm install para instalar as dependências necessárias e execute npm start para iniciar o agente do Blackbeard na porta 3000.
  3. Na guia "Ports" do painel do VS Code, clique em Forward a port ou em Add port e adicione a porta 3000.
  4. Clique com o botão direito do mouse na porta, defina a visibilidade como "Public" e copie o endereço local.

3. Integrar e testar a extensão Blackbeard

Depois de configurar o GitHub App e o agente do Blackbeard, você pode integrar o agente ao aplicativo e testar a extensão Blackbeard. Você precisa fazer as seguintes alterações em suas configurações do GitHub App:

  • Nas configurações "General", no campo "Callback URL", cole o endereço local do agente.
  • Nas configurações "Permissions & events", conceda permissões somente leitura a Copilot Chat.
  • Nas configurações "Copilot", defina o tipo de aplicativo como "Agent" e preencha os campos restantes.

Depois de atualizar as configurações do GitHub App, você pode começar a bater papo com sua extensão digitando @YOUR-EXTENSION-NAME na janela do Copilot Chat e enviando uma solicitação normalmente.

Para obter instruções mais detalhadas, confira Configurar o Aplicativo GitHub para a extensão do Copilot.

2. Clonar e hospedar o agente do Blackbeard em um codespace

Em vez de implantar o agente do Blackbeard como um aplicativo Web, você pode hospedá-lo em um codespace para ter um processo de compilação significativamente mais rápido.

  1. Navegue até o repositório copilot-extensions/blackbeard-extension. Selecione o menu suspenso Code e clique em Create codespace on main.
  2. Para localizar seu novo codespace, selecione o menu suspenso Code . Ao lado do novo codespace, selecione e clique em Open in Browser.
  3. No Terminal integrado, execute npm start para iniciar o agente Blackbeard na porta 3000.
  4. Na guia "Ports" do painel do VS Code, clique em Forward a port e adicione a porta 3000.
  5. Clique com o botão direito do mouse na porta, defina a visibilidade como "Public" e copie o endereço local.

3. Integrar e testar a extensão Blackbeard

Depois de configurar o GitHub App e o agente do Blackbeard, você pode integrar o agente ao aplicativo e testar a extensão Blackbeard. Você precisa fazer as seguintes alterações em suas configurações do GitHub App:

  • Nas configurações "General", no campo "Callback URL", cole o endereço encaminhado do agente.
  • Nas configurações "Permissions & events", conceda permissões somente leitura a Copilot Chat.
  • Nas configurações "Copilot", defina o tipo de aplicativo como "Agent" e preencha os campos restantes.

Depois de atualizar as configurações do GitHub App, você pode começar a bater papo com sua extensão digitando @YOUR-EXTENSION-NAME na janela do Copilot Chat de um cliente ou IDE com suporte e enviando uma solicitação normalmente. Para ver uma lista de clientes e IDEs com suporte, confira Sobre as extensões do Copilot.

Observação

Não há suporte para bater papo com Extensões do GitHub Copilot em GitHub Codespaces.

Para obter instruções mais detalhadas, confira Configurar o Aplicativo GitHub para a extensão do Copilot.

2. Clonar e iniciar o agente do Blackbeard localmente

Em vez de implantar o agente do Blackbeard como um aplicativo Web, você pode hospedar o agente localmente para ter um processo de compilação significativamente mais rápido.

  1. Usando o aplicativo de linha de comando, clone o repositório copilot-extensions/blackbeard-extension.
  2. Execute npm install para instalar as dependências necessárias e execute npm start para iniciar o agente do Blackbeard na porta 3000.

3. Expor o servidor local

Para tornar o agente Blackbeard acessível para a plataforma Copilot e o GitHub, você precisa expor o servidor local para que ele possa ser acessado por solicitações HTTP. Você pode usar qualquer serviço de encaminhamento ou túnel de porta para fazer isso. Para as etapas a seguir, usaremos o ngrok.

  1. Navegue até a página de download do ngrok e instale a versão apropriada do ngrok para seu sistema operacional.

  2. Navegue até a página de configuração e instalação do ngrok e faça logon ou inscreva-se pata obter uma conta do ngrok.

  3. Para expor o servidor local, em uma nova janela do aplicativo de linha de comando, execute o seguinte comando:

    Shell
    ngrok http http://localhost:3000
    
  4. No aplicativo de linha de comando, ao lado de "Forwarding", copie a URL atribuída pelo ngrok ao servidor.

4. Integrar e testar a extensão Blackbeard

Para integrar seu GitHub App ao agente do Blackbeard, você precisa fazer as seguintes alterações nas configurações do aplicativo:

  • Nas configurações "General", no campo "Callback URL", cole a URL do servidor exposto.
  • Nas configurações "Permissions & events", conceda permissões somente leitura a Copilot Chat.
  • Nas configurações "Copilot", defina o tipo de aplicativo como "Agent" e preencha os campos restantes.

Depois de atualizar as configurações do GitHub App, você pode começar a bater papo com sua extensão digitando @YOUR-EXTENSION-NAME na janela do Copilot Chat e enviando uma solicitação normalmente.

Para obter instruções mais detalhadas, confira Configurar o Aplicativo GitHub para a extensão do Copilot.

Próximas etapas

Agora que tem uma Extensão do GitHub Copilot em funcionamento, você pode tentar aproveitar o agente do Blackbeard para experimentar com o desenvolvimento do agente.

Para aprender sobre implementações de agentes mais complexas, você também pode examinar os seguintes agentes de exemplo e SDK (kit de desenvolvimento de software), todos disponíveis na organização copilot-extensions:

  • GitHub Models: um agente mais complexo que permite perguntar e interagir com vários LLMs listados no GitHub Marketplace via Copilot Chat. O agente GitHub Models usa o recurso de chamada de função.
  • Chamada de função: um agente de exemplo escrito em Go que demonstra caixas de diálogo de confirmação e chamada de função.
  • Extensão RAG: um agente de exemplo escrito em Go que demonstra uma implementação simples de geração aumentada de recuperação.
  • SDK de visualização: um SDK que simplifica o desenvolvimento de Extensões do Copilot cuidando automaticamente da verificação de solicitação, da análise de payloads e da formatação de resposta. Esse SDK permite que os criadores de extensões se concentrem mais na criação de funcionalidades principais e menos em código clichê.