Partilhar via


Integrar uma aplicação do App Service como Servidor MCP para o GitHub Copilot Chat (.NET)

Neste tutorial, você aprenderá como expor a funcionalidade de um aplicativo ASP.NET Core por meio do MCP (Model Context Protocol), adicioná-lo como uma ferramenta ao GitHub Copilot e interagir com seu aplicativo usando linguagem natural no modo de agente do Copilot Chat.

Captura de tela mostrando o Copilot do GitHub chamando o servidor Todos MCP hospedado no Serviço de Aplicativo do Azure.

Se o seu aplicativo Web já tiver recursos úteis, como compras, reservas de hotéis ou gerenciamento de dados, é fácil disponibilizar esses recursos para:

Ao adicionar um servidor MCP ao seu aplicativo Web, você permite que um agente compreenda e use os recursos do seu aplicativo quando ele responde às solicitações do usuário. Isso significa que tudo o que seu aplicativo pode fazer, o agente também pode fazer.

  • Adicione um servidor MCP ao seu aplicativo Web.
  • Teste o servidor MCP localmente no modo de agente do GitHub Copilot Chat.
  • Implante o servidor MCP no Serviço de Aplicativo do Azure e conecte-se a ele no Chat do Copiloto do GitHub.

Pré-requisitos

Este tutorial pressupõe que você esteja trabalhando com o exemplo usado em Tutorial: Implantar um aplicativo ASP.NET Core e do Banco de Dados SQL do Azure no Serviço de Aplicativo do Azure.

No mínimo, abra o aplicativo de exemplo no GitHub Codespaces e implante o aplicativo executando azd up.

Adicionar servidor MCP ao seu aplicativo Web

  1. No terminal codespace, adicione o pacote NuGet ModelContextProtocol.AspNetCore ao seu projeto:

    dotnet add package ModelContextProtocol.AspNetCore --prerelease
    
  2. Crie uma pasta McpServer e crie um TodosMcpTool.cs nela com o código a seguir.

    using DotNetCoreSqlDb.Data;
    using DotNetCoreSqlDb.Models;
    using Microsoft.EntityFrameworkCore;
    using System.ComponentModel;
    using ModelContextProtocol.Server;
    
    namespace DotNetCoreSqlDb.McpServer
    {
        [McpServerToolType]
        public class TodosMcpTool
        {
            private readonly MyDatabaseContext _db;
    
            public TodosMcpTool(MyDatabaseContext db)
            {
                _db = db;
            }
    
            [McpServerTool, Description("Creates a new todo with a description and creation date.")]
            public async Task<string> CreateTodoAsync(
                [Description("Description of the todo")] string description,
                [Description("Creation date of the todo")] DateTime createdDate)
            {
                var todo = new Todo
                {
                    Description = description,
                    CreatedDate = createdDate
                };
                _db.Todo.Add(todo);
                await _db.SaveChangesAsync();
                return $"Todo created: {todo.Description} (Id: {todo.ID})";
            }
    
            [McpServerTool, Description("Reads all todos, or a single todo if an id is provided.")]
            public async Task<List<Todo>> ReadTodosAsync(
                [Description("Id of the todo to read (optional)")] string? id = null)
            {
                if (!string.IsNullOrWhiteSpace(id) && int.TryParse(id, out int todoId))
                {
                    var todo = await _db.Todo.FindAsync(todoId);
                    if (todo == null) return new List<Todo>();
                    return new List<Todo> { todo };
                }
                var todos = await _db.Todo.OrderBy(t => t.ID).ToListAsync();
                return todos;
            }
    
            [McpServerTool, Description("Updates the specified todo fields by id.")]
            public async Task<string> UpdateTodoAsync(
                [Description("Id of the todo to update")] string id,
                [Description("New description (optional)")] string? description = null,
                [Description("New creation date (optional)")] DateTime? createdDate = null)
            {
                if (!int.TryParse(id, out int todoId))
                    return "Invalid todo id.";
                var todo = await _db.Todo.FindAsync(todoId);
                if (todo == null) return $"Todo with Id {todoId} not found.";
                if (!string.IsNullOrWhiteSpace(description)) todo.Description = description;
                if (createdDate.HasValue) todo.CreatedDate = createdDate.Value;
                await _db.SaveChangesAsync();
                return $"Todo {todo.ID} updated.";
            }
    
            [McpServerTool, Description("Deletes a todo by id.")]
            public async Task<string> DeleteTodoAsync(
                [Description("Id of the todo to delete")] string id)
            {
                if (!int.TryParse(id, out int todoId))
                    return "Invalid todo id.";
                var todo = await _db.Todo.FindAsync(todoId);
                if (todo == null) return $"Todo with Id {todoId} not found.";
                _db.Todo.Remove(todo);
                await _db.SaveChangesAsync();
                return $"Todo {todo.ID} deleted.";
            }
        }
    }
    

    O código acima disponibiliza ferramentas para o servidor MCP usando os seguintes atributos específicos:

    • [McpServerToolType]: Marca a TodosMcpTool classe como um tipo de ferramenta de servidor MCP. Ele sinaliza para a estrutura MCP que essa classe contém métodos que devem ser expostos como ferramentas chamáveis.
    • [McpServerTool]: Marca um método como uma ação chamável para o servidor MCP.
    • [Description]: Fornecem descrições legíveis por humanos para métodos e parâmetros. Ele ajuda o agente chamador a entender como usar as ações e seus parâmetros.

    Este código está duplicando a funcionalidade do existente TodosController, o que é desnecessário, mas você o manterá para simplificar. Uma prática recomendada seria mover a lógica da aplicação para uma classe de serviço e, em seguida, chamar os métodos desse serviço tanto de TodosController quanto de TodosMcpTool.

  3. Em Program.cs, registre o serviço de servidor MCP e o serviço CORS.

    builder.Services.AddMcpServer()
        .WithHttpTransport() // With streamable HTTP
        .WithToolsFromAssembly(); // Add all classes marked with [McpServerToolType]
    
    builder.Services.AddCors(options =>
    {
        options.AddDefaultPolicy(policy =>
        {
            policy.AllowAnyOrigin()
                  .AllowAnyHeader()
                  .AllowAnyMethod();
        });
    });
    

    Quando você usa HTTP streamable com o servidor MCP, você precisa habilitar o CORS (Cross-Origin Resource Sharing) se quiser testá-lo com ferramentas de navegador cliente ou GitHub Copilot (tanto no Visual Studio Code quanto no GitHub Codespaces).

  4. Em Program.cs, habilite o middleware MCP e CORS.

    app.MapMcp("/api/mcp");
    app.UseCors();
    

    Este código define o ponto de extremidade do servidor MCP como <url>/api/mcp.

Teste o servidor MCP localmente

  1. No terminal codespace, execute o aplicativo com dotnet run.

  2. Selecione Abrir no Navegador e adicione uma tarefa.

    Deixe correr dotnet run . O seu servidor MCP está em funcionamento agora no http://localhost:5093/api/mcp.

  3. De volta ao espaço de código, abra o Copilot Chat e selecione Modo de agente na caixa de prompt.

  4. Selecione o botão Ferramentas e, em seguida, selecione Adicionar Mais Ferramentas... no menu pendente.

    Captura de tela mostrando como adicionar um servidor MCP no modo de agente do GitHub Copilot Chat.

  5. Selecione Adicionar Servidor MCP.

  6. Selecione HTTP (HTTP ou Server-Sent Eventos).

  7. Em Inserir URL do Servidor, digite http://localhost:5093/api/mcp.

  8. Em Enter Server ID, digite todos-mcp ou qualquer nome que desejar.

  9. Selecione Configurações do espaço de trabalho.

  10. Em uma nova janela do Copilot Chat, digite algo como "Mostre-me as tarefas".

  11. Por padrão, o GitHub Copilot mostra uma confirmação de segurança quando você invoca um servidor MCP. Selecione Continuar.

    Captura de tela mostrando a mensagem de segurança padrão de uma invocação MCP no GitHub Copilot Chat.

    Agora você verá uma resposta que indica que a chamada da ferramenta MCP foi bem-sucedida.

    Captura de tela mostrando a resposta da chamada da ferramenta MCP na janela do GitHub Copilot Chat.

Implantar o seu servidor MCP no App Service

  1. De volta ao terminal do codespace, implante suas alterações confirmando suas alterações (método GitHub Actions) ou executando azd up (método Azure Developer CLI).

  2. Na saída AZD, localize o URL do seu aplicativo. O URL tem esta aparência na saída AZD:

     Deploying services (azd deploy)
    
       (✓) Done: Deploying service web
       - Endpoint: <app-url>
     
  3. Quando azd up terminar, abra .vscode/mcp.json. Altere o URL para <app-url>/api/mcp.

  4. Acima da configuração modificada do servidor MCP, selecione Iniciar.

    Captura de ecrã a mostrar como iniciar manualmente um servidor MCP a partir do ficheiro mcp.json local.

  5. Inicie uma nova janela de bate-papo do GitHub Copilot. Você deve ser capaz de visualizar, criar, atualizar e excluir tarefas no agente Copilot.

Práticas recomendadas de segurança

Quando o seu servidor MCP é chamado por um agente alimentado por modelos de linguagem grandes (LLM), esteja ciente de ataques de injeção imediata . Considere as seguintes práticas recomendadas de segurança:

  • Autenticação e Autorização: Proteja o seu servidor MCP com autenticação Microsoft Entra para garantir que apenas utilizadores ou agentes autorizados possam aceder às suas ferramentas. Consulte as chamadas do protocolo de contexto de modelo seguro para o Azure App Service a partir do Visual Studio Code, utilizando a autenticação Microsoft Entra para um guia passo a passo.
  • Validação e limpeza de entrada: O código de exemplo neste tutorial omite validação e limpeza de entrada para simplicidade e clareza. Em cenários de produção, sempre implemente a validação e a higienização adequadas para proteger seu aplicativo. Para ASP.NET Core, consulte Validação de modelo no ASP.NET Core.
  • HTTPS: O exemplo depende do Serviço de Aplicativo do Azure, que impõe HTTPS por padrão e fornece certificados TLS/SSL gratuitos para criptografar dados em trânsito.
  • Princípio do Privilégio Mínimo: Exponha apenas as ferramentas e os dados necessários para o seu caso de uso. Evite expor operações sensíveis, a menos que seja necessário.
  • Limitação de Taxa e Controle de Fluxo: use Gerenciamento de API ou middleware personalizado para evitar abusos e ataques de negação de serviço.
  • Registo e monitorização: Registe e monitore o acesso e uso de pontos de extremidade MCP para auditoria e deteção de anomalias. Monitore atividades suspeitas.
  • Configuração do CORS: restrinja solicitações de origem cruzada a domínios confiáveis se o servidor MCP for acessado a partir de navegadores. Para obter mais informações, consulte Habilitar CORS.
  • Atualizações regulares: mantenha suas dependências atualizadas para mitigar vulnerabilidades conhecidas.

Mais recursos

Integre a IA em seus aplicativos do Serviço de Aplicativo do Azure