Files

🐙 Modul 4: Praktisk MCP-utveckling - Anpassad GitHub-klonserver

Duration Difficulty MCP VS Code GitHub Copilot

Kom igång snabbt: Bygg en produktionsklar MCP-server som automatiserar kloning av GitHub-repositorier och integrering med VS Code på bara 30 minuter!

🎯 Lärandemål

I slutet av denna lab kommer du att kunna:

  • Skapa en anpassad MCP-server för verkliga utvecklingsflöden
  • Implementera funktionalitet för kloning av GitHub-repositorier via MCP
  • Integrera anpassade MCP-servrar med VS Code och Agent Builder
  • Använda GitHub Copilot Agent Mode med anpassade MCP-verktyg
  • Testa och distribuera anpassade MCP-servrar i produktionsmiljöer

📋 Förkunskaper

  • Genomförda Labs 1-3 (MCP-grunder och avancerad utveckling)
  • Prenumeration på GitHub Copilot (gratis registrering finns)
  • VS Code med Microsoft Foundry Toolkit och GitHub Copilot extensioner
  • Git CLI installerat och konfigurerat

🏗️ Projektöversikt

Verkligt utvecklingsutmaning

Som utvecklare använder vi ofta GitHub för att klona repositorier och öppna dem i VS Code eller VS Code Insiders. Denna manuella process innebär:

  1. Öppna terminal/kommandoprompt
  2. Navigera till önskad mapp
  3. Köra kommandot git clone
  4. Öppna VS Code i den klonade katalogen

Vår MCP-lösning förenklar detta till ett enda intelligent kommando!

Vad du kommer att bygga

En GitHub Clone MCP Server (git_mcp_server) som erbjuder:

Funktion Beskrivning Fördel
🔄 Smart Repositoriekloning Klon GitHub-repos med validering Automatisk felkontroll
📁 Intelligent Kataloghantering Kontrollera och skapa mappar säkert Förhindrar överskrivning
🚀 Tvärplattform VS Code-integration Öppna projekt i VS Code/Insiders Smidig arbetsflödesövergång
🛡️ Robust Felhantering Hantera nätverk, behörighet och sökvägsproblem Produktionsklar pålitlighet

📖 Steg-för-steg-implementering

Steg 1: Skapa GitHub-agent i Agent Builder

  1. Starta Agent Builder via Microsoft Foundry Toolkit extensionen

  2. Skapa en ny agent med följande konfiguration:

    Agent Name: GitHubAgent
    
  3. Initiera anpassad MCP-server:

    • Gå till ToolsAdd ToolMCP Server
    • Välj "Create A new MCP Server"
    • Välj Python-template för maximal flexibilitet
    • Servernamn: git_mcp_server

Steg 2: Konfigurera GitHub Copilot Agent Mode

  1. Öppna GitHub Copilot i VS Code (Ctrl/Cmd + Shift + P → "GitHub Copilot: Open")
  2. Välj Agent Model i Copilot-gränssnittet
  3. Välj Claude 3.7-modellen för förbättrade resonemangsförmågor
  4. Aktivera MCP-integrering för verktygsåtkomst

💡 Proffstips: Claude 3.7 ger överlägsen förståelse för utvecklingsflöden och felhanteringsmönster.

Steg 3: Implementera kärnfunktionaliteten i MCP-servern

Använd följande detaljerade prompt med GitHub Copilot Agent Mode:

Create two MCP tools with the following comprehensive requirements:

🔧 TOOL A: clone_repository
Requirements:
- Clone any GitHub repository to a specified local folder
- Return the absolute path of the successfully cloned project
- Implement comprehensive validation:
  ✓ Check if target directory already exists (return error if exists)
  ✓ Validate GitHub URL format (https://github.com/user/repo)
  ✓ Verify git command availability (prompt installation if missing)
  ✓ Handle network connectivity issues
  ✓ Provide clear error messages for all failure scenarios

🚀 TOOL B: open_in_vscode
Requirements:
- Open specified folder in VS Code or VS Code Insiders
- Cross-platform compatibility (Windows/Linux/macOS)
- Use direct application launch (not terminal commands)
- Auto-detect available VS Code installations
- Handle cases where VS Code is not installed
- Provide user-friendly error messages

Additional Requirements:
- Follow MCP 1.9.3 best practices
- Include proper type hints and documentation
- Implement logging for debugging purposes
- Add input validation for all parameters
- Include comprehensive error handling

Steg 4: Testa din MCP-server

4a. Testa i Agent Builder

  1. Starta felsökningskonfigurationen för Agent Builder
  2. Konfigurera din agent med denna systemprompt:
SYSTEM_PROMPT:
You are my intelligent coding repository assistant. You help developers efficiently clone GitHub repositories and set up their development environment. Always provide clear feedback about operations and handle errors gracefully.
  1. Testa med realistiska användarscenarier:
USER_PROMPT EXAMPLES:

Scenario : Basic Clone and Open
"Clone {Your GitHub Repo link such as https://github.com/kinfey/GHCAgentWorkshop
 } and save to {The global path you specify}, then open it with VS Code Insiders"

Agent Builder Testing

Förväntade resultat:

  • Lyckad kloning med sökvägsbekräftelse
  • Automatisk uppstart av VS Code
  • Tydliga felmeddelanden vid ogiltiga scenarier
  • Korrekt hantering av kantfall

4b. Testa i MCP Inspector

MCP Inspector Testing


🎉 Grattis! Du har framgångsrikt skapat en praktisk, produktionsklar MCP-server som löser verkliga utvecklingsflödesutmaningar. Din anpassade GitHub-klonserver visar kraften i MCP för att automatisera och förbättra utvecklarproduktiviteten.

🏆 Uppnåendet uppnått:

  • MCP-utvecklare - Skapade anpassad MCP-server
  • Automatiseringsspecialist för arbetsflöden - Strömlinjeformade utvecklingsprocesser
  • Integrationsexpert - Kopplade samman flera utvecklingsverktyg
  • Produktionsklar - Byggde distribuerbara lösningar

🎓 Workshopavslutning: Din resa med Model Context Protocol

Kära workshopdeltagare,

Grattis till att ha genomfört alla fyra moduler av Model Context Protocol-workshopen! Du har kommit långt från att förstå grundläggande Microsoft Foundry Toolkit-koncept till att bygga produktionsklara MCP-servrar som löser verkliga utvecklingsutmaningar.

🚀 Din läranderesa i korthet:

Modul 1: Du började med att utforska grunderna i Microsoft Foundry Toolkit, modelltestning och skapandet av din första AI-agent.

Modul 2: Du lärde dig MCP-arkitektur, integrerade Playwright MCP och byggde din första agent för webbläsarautomatisering.

Modul 3: Du avancerade till utveckling av anpassade MCP-servrar med Weather MCP-servern och bemästrade felsökningsverktyg.

Modul 4: Du har nu tillämpat allt för att skapa ett praktiskt verktyg för automatisering av GitHub-repositoriearbetsflöden.

🌟 Vad du har bemästrat:

  • Microsoft Foundry Toolkit-ekosystemet: Modeller, agenter och integrationsmönster
  • MCP-arkitektur: Klient-serverdesign, transportprotokoll och säkerhet
  • Utvecklarverktyg: Från Playground till Inspector till produktionsdistribution
  • Anpassad utveckling: Bygga, testa och distribuera egna MCP-servrar
  • Praktiska applikationer: Lösa verkliga arbetsflödesutmaningar med AI

🔮 Dina nästa steg:

  1. Bygg din egen MCP-server: Tillämpa dessa färdigheter för att automatisera dina unika arbetsflöden
  2. Gå med i MCP-gemenskapen: Dela dina skapelser och lär av andra
  3. Utforska avancerad integration: Koppla MCP-servrar till företagsystem
  4. Bidra till öppen källkod: Hjälp till att förbättra MCP-verktyg och dokumentation

Kom ihåg, denna workshop är bara början. Model Context Protocol-ekosystemet utvecklas snabbt, och du är nu rustad för att vara i framkant för AI-drivna utvecklingsverktyg.

Tack för din medverkan och ditt engagemang i lärandet!

Vi hoppas denna workshop har väckt idéer som kommer att förändra hur du bygger och interagerar med AI-verktyg i din utvecklingsresa.

Lycka till med kodandet!


Vad händer härnäst

Grattis till att ha avslutat alla labs i Modul 10!


Ansvarsfriskrivning: Detta dokument har översatts med hjälp av AI-översättningstjänsten Co-op Translator. Även om vi strävar efter noggrannhet, var vänlig notera att automatiska översättningar kan innehålla fel eller brister. Det ursprungliga dokumentet på dess modersmål bör betraktas som den auktoritativa källan. För kritisk information rekommenderas professionell mänsklig översättning. Vi ansvarar inte för några missförstånd eller feltolkningar som uppstår till följd av användningen av denna översättning.