🐙 Modul 4: Praktisk MCP-udvikling - Tilpasset GitHub-klonserver

February 8, 2026 · View on GitHub

⚡ Hurtig start: Byg en produktionsklar MCP-server, der automatiserer GitHub-repositorie-kloning og VS Code-integration på kun 30 minutter!

🎯 Læringsmål

Når du er færdig med dette lab, vil du kunne:

✅ Oprette en tilpasset MCP-server til virkelige udviklingsarbejdsgange
✅ Implementere funktionalitet til kloning af GitHub-repositorier via MCP
✅ Integrere tilpassede MCP-servere med VS Code og Agent Builder
✅ Bruge GitHub Copilot Agent Mode med tilpassede MCP-værktøjer
✅ Teste og implementere tilpassede MCP-servere i produktionsmiljøer

📋 Forudsætninger

Fuldførelse af Labs 1-3 (MCP-grundlæggende og avanceret udvikling)
GitHub Copilot-abonnement (gratis tilmelding tilgængelig)
VS Code med AI Toolkit og GitHub Copilot-udvidelser
Installeret og konfigureret Git CLI

🏗️ Projektoversigt

Virkelighedsnært udviklingsudfordring

Som udviklere bruger vi ofte GitHub til at klone repositorier og åbne dem i VS Code eller VS Code Insiders. Denne manuelle proces indebærer:

Åbne terminal/kommandoprompt
Navigere til den ønskede mappe
Køre kommandoen git clone
Åbne VS Code i den klonede mappe

Vores MCP-løsning forenkler dette til en enkelt intelligent kommando!

Hvad du skal bygge

En GitHub Clone MCP-server (git_mcp_server), der tilbyder:

Funktion	Beskrivelse	Fordel
🔄 Smart Repositoriekloning	Klon GitHub-repos med validering	Automatiseret fejlkontrol
📁 Intelligent Mappestyring	Tjek og opret mapper sikkert	Forhindrer overskrivning
🚀 Platformuafhængig VS Code-integration	Åbn projekter i VS Code/Insiders	Sømløs arbejdsprocesovergang
🛡️ Robust Fejlhåndtering	Håndter netværk, tilladelser og sti-problemer	Produktionsklar pålidelighed

📖 Trin for trin-implementering

Trin 1: Opret GitHub-agent i Agent Builder

Start Agent Builder via AI Toolkit-udvidelsen
Opret en ny agent med følgende konfiguration:
```
Agent Name: GitHubAgent
```
Initialiser tilpasset MCP-server:
- Naviger til Værktøjer → Tilføj værktøj → MCP Server
- Vælg "Opret en ny MCP Server"
- Vælg Python-skabelon for maksimal fleksibilitet
- Servernavn: git_mcp_server

Trin 2: Konfigurer GitHub Copilot Agent Mode

Åbn GitHub Copilot i VS Code (Ctrl/Cmd + Shift + P → "GitHub Copilot: Open")
Vælg Agent Model i Copilot-grænsefladen
Vælg Claude 3.7-modellen for forbedret ræsonneringsevne
Aktivér MCP-integration for adgang til værktøjer

💡 Pro-tip: Claude 3.7 giver overlegen forståelse af udviklingsarbejdsgange og fejlhåndteringsmønstre.

Trin 3: Implementer Kernefunktionalitet i MCP-serveren

Brug følgende detaljerede 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

Trin 4: Test din MCP-server

4a. Test i Agent Builder

Start debug-konfigurationen for Agent Builder
Konfigurer din agent med denne 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.

Test med realistiske brugerscenarier:

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

Forventede resultater:

✅ Vellykket kloning med sti-bekræftelse
✅ Automatisk opstart af VS Code
✅ Klare fejlmeddelelser for ugyldige scenarier
✅ Korrekt håndtering af grænsesituationer

🎉 Tillykke! Du har med succes oprettet en praktisk, produktionsklar MCP-server, der løser virkelige udfordringer i udviklingsarbejdsgange. Din tilpassede GitHub-klonserver viser styrken af MCP til at automatisere og forbedre udviklerproduktivitet.

🏆 Opnåelser opnået:

✅ MCP-udvikler - Oprettet tilpasset MCP-server
✅ Workflow-automatiser - Effektiviserede udviklingsprocesser
✅ Integrations-ekspert - Forbundet flere udviklingsværktøjer
✅ Produktionsklar - Bygget deployerbare løsninger

🎓 Workshopafslutning: Din rejse med Model Context Protocol

Kære workshopdeltager,

Tillykke med at have gennemført alle fire moduler i Model Context Protocol-workshoppen! Du er nået langt fra at forstå grundlæggende AI Toolkit-koncepter til at bygge produktionsklare MCP-servere, der løser virkelige udviklingsudfordringer.

🚀 Resumé af din læringsrejse:

Modul 1: Du startede med at udforske AI Toolkit-grundlæggende, modeltestning og oprettelse af din første AI-agent.

Modul 2: Du lærte MCP-arkitektur, integrerede Playwright MCP og byggede din første browser-automatiseringsagent.

Modul 3: Du avancerede til tilpasset MCP-serverudvikling med Weather MCP-serveren og mestrede debugging-værktøjer.

Modul 4: Du har nu anvendt alt til at skabe et praktisk værktøj til automatisering af GitHub-repositorie-arbejdsgange.

🌟 Hvad du har mestret:

✅ AI Toolkit-økosystemet: Modeller, agenter og integrationsmønstre
✅ MCP-arkitektur: Klient-server design, transportprotokoller og sikkerhed
✅ Udviklingsværktøjer: Fra Playground til Inspector til produktion
✅ Tilpasset udvikling: Bygning, test og implementering af egne MCP-servere
✅ Praktiske anvendelser: Løse virkelige arbejdsgangsudfordringer med AI

🔮 Dine næste trin:

Byg din egen MCP-server: Anvend disse færdigheder til at automatisere dine unikke arbejdsgange
Bliv en del af MCP-fællesskabet: Del dine kreationer og lær af andre
Udforsk avanceret integration: Forbind MCP-servere til virksomheds-systemer
Bidrag til open source: Hjælp med at forbedre MCP-værktøjer og dokumentation

Husk, at denne workshop kun er begyndelsen. Model Context Protocol-økosystemet udvikler sig hurtigt, og du er nu udstyret til at være i frontlinjen med AI-drevne udviklingsværktøjer.

Tak for din deltagelse og dedikation til læring!

Vi håber, denne workshop har skabt idéer, der vil transformere, hvordan du bygger og interagerer med AI-værktøjer i din udviklingsrejse.

God kodning!

Hvad er det næste

Tillykke med at have gennemført alle labs i Modul 10!

Tilbage til: Modul 10 Oversigt
Fortsæt til: Modul 11: MCP Server Hands-On Labs

Ansvarsfraskrivelse:
Dette dokument er blevet oversat ved hjælp af AI-oversættelsestjenesten Co-op Translator. Selvom vi bestræber os på nøjagtighed, bedes du være opmærksom på, at automatiserede oversættelser kan indeholde fejl eller unøjagtigheder. Det oprindelige dokument på dets modersmål bør betragtes som den autoritative kilde. For kritisk information anbefales professionel menneskelig oversættelse. Vi påtager os intet ansvar for eventuelle misforståelser eller fejltolkninger, der måtte opstå ved brug af denne oversættelse.