10 KiB
Populaire MCP Host Clients Configureren
Deze gids behandelt hoe MCP-servers geconfigureerd en gebruikt kunnen worden met populaire AI-hostapplicaties. Elke host heeft zijn eigen configuratiemethode, maar eenmaal ingesteld communiceren ze allemaal met MCP-servers via het gestandaardiseerde protocol.
Wat is een MCP Host?
Een MCP Host is een AI-applicatie die verbinding kan maken met MCP-servers om zijn mogelijkheden uit te breiden. Zie het als de "voorkant" waarmee gebruikers interactie hebben, terwijl MCP-servers de "achterkant" gereedschappen en data leveren.
flowchart LR
User[👤 Gebruiker] --> Host[🖥️ MCP Host]
Host --> S1[MCP Server A]
Host --> S2[MCP Server B]
Host --> S3[MCP Server C]
subgraph "Populaire Hosts"
H1[Claude Desktop]
H2[VS Code]
H3[Cursor]
H4[Cline]
H5[Windsurf]
end
Vereisten
- Een MCP-server om verbinding mee te maken (zie Module 3.1 - Eerste Server)
- De hostapplicatie geïnstalleerd op uw systeem
- Basiskennis van JSON-configuratiebestanden
1. Claude Desktop
Claude Desktop is de officiële desktopapplicatie van Anthropic die MCP native ondersteunt.
Installatie
- Download Claude Desktop van claude.ai/download
- Installeer en meld aan met uw Anthropic-account
Configuratie
Claude Desktop gebruikt een JSON-configuratiebestand om MCP-servers te definiëren.
Locatie configuratiebestand:
- macOS:
~/Library/Application Support/Claude/claude_desktop_config.json - Windows:
%APPDATA%\Claude\claude_desktop_config.json - Linux:
~/.config/Claude/claude_desktop_config.json
Voorbeeld configuratie:
{
"mcpServers": {
"calculator": {
"command": "python",
"args": ["-m", "mcp_calculator_server"],
"env": {
"PYTHONPATH": "/path/to/your/server"
}
},
"weather": {
"command": "node",
"args": ["/path/to/weather-server/build/index.js"]
},
"database": {
"command": "npx",
"args": ["-y", "@modelcontextprotocol/server-postgres"],
"env": {
"DATABASE_URL": "postgresql://user:pass@localhost/mydb"
}
}
}
}
Configuratieopties
| Veld | Beschrijving | Voorbeeld |
|---|---|---|
command |
Het uit te voeren uitvoerbare bestand | "python", "node", "npx" |
args |
Opdrachtregelargumenten | ["-m", "my_server"] |
env |
Omgevingsvariabelen | {"API_KEY": "xxx"} |
cwd |
Werkmap | "/path/to/server" |
Testen van uw Setup
- Sla het configuratiebestand op
- Herstart Claude Desktop volledig (afsluiten en opnieuw openen)
- Open een nieuw gesprek
- Zoek naar het 🔌-pictogram dat verbonden servers aangeeft
- Probeer Claude een van uw tools te laten gebruiken
Problemen met Claude Desktop oplossen
Server verschijnt niet:
- Controleer de syntaxis van het configuratiebestand met een JSON-validator
- Zorg dat het pad naar het commando correct is
- Controleer de logs van Claude Desktop: Help → Logs weergeven
Server crasht bij opstarten:
- Test uw server eerst handmatig in de terminal
- Controleer of omgevingsvariabelen correct zijn ingesteld
- Zorg dat alle afhankelijkheden zijn geïnstalleerd
2. VS Code met GitHub Copilot
VS Code ondersteunt MCP via GitHub Copilot Chat extensies.
Vereisten
- VS Code 1.99+ geïnstalleerd
- GitHub Copilot extensie geïnstalleerd
- GitHub Copilot Chat extensie geïnstalleerd
Configuratie
VS Code gebruikt .vscode/mcp.json in uw werkruimte of gebruikersinstellingen.
Werkruimteconfiguratie (.vscode/mcp.json):
{
"servers": {
"my-calculator": {
"type": "stdio",
"command": "python",
"args": ["-m", "mcp_calculator_server"]
},
"my-database": {
"type": "sse",
"url": "http://localhost:8080/sse"
}
}
}
Gebruikersinstellingen (settings.json):
{
"mcp.servers": {
"global-server": {
"type": "stdio",
"command": "npx",
"args": ["-y", "@anthropic/mcp-server-memory"]
}
},
"mcp.enableLogging": true
}
MCP gebruiken in VS Code
- Open het Copilot Chat-paneel (Ctrl+Shift+I / Cmd+Shift+I)
- Typ
@om beschikbare MCP-tools te zien - Gebruik natuurlijke taal om tools aan te roepen: "Bereken 25 * 48 met de rekenmachine"
Problemen met VS Code oplossen
MCP-servers laden niet:
- Controleer het Uitvoerpaneel → "MCP" voor foutmeldingen
- Herlaad het venster: Ctrl+Shift+P → "Ontwikkelaar: Venster herladen"
- Controleer eerst of de server zelfstandig draait
3. Cursor
Cursor is een AI-georiënteerde code-editor met ingebouwde MCP-ondersteuning.
Installatie
- Download Cursor van cursor.sh
- Installeer en meld aan
Configuratie
Cursor gebruikt een vergelijkbaar configuratieformaat als Claude Desktop.
Locatie configuratiebestand:
- macOS:
~/.cursor/mcp.json - Windows:
%USERPROFILE%\.cursor\mcp.json - Linux:
~/.cursor/mcp.json
Voorbeeld configuratie:
{
"mcpServers": {
"filesystem": {
"command": "npx",
"args": ["-y", "@modelcontextprotocol/server-filesystem", "/path/to/allowed/directory"]
},
"github": {
"command": "npx",
"args": ["-y", "@modelcontextprotocol/server-github"],
"env": {
"GITHUB_TOKEN": "ghp_your_token_here"
}
}
}
}
MCP gebruiken in Cursor
- Open de AI-chat van Cursor (Ctrl+L / Cmd+L)
- MCP-tools verschijnen automatisch in suggesties
- Vraag de AI taken uit te voeren met verbonden servers
4. Cline (Terminalbased)
Cline is een terminal-gebaseerde MCP-client, ideaal voor commandoregelworkflows.
Installatie
npm install -g @anthropic/cline
Configuratie
Cline gebruikt omgevingsvariabelen en opdrachtregelargumenten.
Gebruik van omgevingsvariabelen:
export ANTHROPIC_API_KEY="your-api-key"
export MCP_SERVER_CALCULATOR="python -m mcp_calculator_server"
Gebruik van opdrachtregelargumenten:
cline --mcp-server "calculator:python -m mcp_calculator_server" \
--mcp-server "weather:node /path/to/weather/index.js"
Configuratiebestand (~/.clinerc):
{
"apiKey": "your-api-key",
"mcpServers": {
"calculator": {
"command": "python",
"args": ["-m", "mcp_calculator_server"]
}
}
}
Cline gebruiken
# Start een interactieve sessie
cline
# Enkele aanvraag met MCP
cline "Calculate the square root of 144 using the calculator"
# Lijst van beschikbare gereedschappen
cline --list-tools
5. Windsurf
Windsurf is een andere AI-aangedreven code-editor met MCP-ondersteuning.
Installatie
- Download Windsurf van codeium.com/windsurf
- Installeer en maak een account aan
Configuratie
Windsurf-configuratie wordt beheerd via de instellingen-UI:
- Open Instellingen (Ctrl+, / Cmd+,)
- Zoek op "MCP"
- Klik op "Bewerken in settings.json"
Voorbeeld configuratie:
{
"windsurf.mcp.servers": {
"my-tools": {
"command": "python",
"args": ["/path/to/server.py"],
"env": {}
}
},
"windsurf.mcp.enabled": true
}
Vergelijking Transporttypes
Verschillende hosts ondersteunen verschillende transportmechanismen:
| Host | stdio | SSE/HTTP | WebSocket |
|---|---|---|---|
| Claude Desktop | ✅ | ❌ | ❌ |
| VS Code | ✅ | ✅ | ❌ |
| Cursor | ✅ | ✅ | ❌ |
| Cline | ✅ | ✅ | ❌ |
| Windsurf | ✅ | ✅ | ❌ |
stdio (standaardinvoer/-uitvoer): het beste voor lokale servers gestart door de host
SSE/HTTP: het beste voor externe servers of servers gedeeld tussen meerdere clients
Veelvoorkomende Problemen Oplossen
Server start niet op
-
Test de server eerst handmatig:
# Voor Python python -m your_server_module # Voor Node.js node /path/to/server/index.js -
Controleer het pad naar het commando:
- Gebruik indien mogelijk absolute paden
- Zorg dat het uitvoerbare bestand in uw PATH staat
-
Verifieer afhankelijkheden:
# Python pip list | grep mcp # Node.js npm list @modelcontextprotocol/sdk
Server maakt verbinding maar tools werken niet
- Controleer serverlogs - De meeste hosts hebben logopties
- Verifieer tool-registratie - Gebruik MCP Inspector om te testen
- Controleer permissies - Sommige tools hebben bestands-/netwerktoegang nodig
Omgevingsvariabelen worden niet doorgegeven
- Sommige hosts saneren omgevingsvariabelen
- Gebruik expliciet het
envconfiguratieveld - Vermijd gevoelige gegevens in configuratiebestanden (gebruik geheimbeheer)
Veiligheidsrichtlijnen
- Sla nooit API-sleutels op in configuratiebestanden
- Gebruik omgevingsvariabelen voor gevoelige data
- Beperk serverrechten tot alleen wat strikt noodzakelijk is
- Controleer servercode voordat u toegang tot uw systeem verleent
- Gebruik allowlists voor bestandssysteem- en netwerktoegang
Wat Nu?
Extra Bronnen
- Claude Desktop MCP Documentatie
- VS Code MCP Extensie
- MCP Specificatie - Transports
- Officiële MCP Servers Registry
Disclaimer:
Dit document is vertaald met behulp van de AI-vertalingsservice Co-op Translator. Hoewel wij streven naar nauwkeurigheid, kan het voorkomen dat geautomatiseerde vertalingen fouten of onnauwkeurigheden bevatten. Het originele document in de oorspronkelijke taal dient als de gezaghebbende bron te worden beschouwd. Voor belangrijke informatie wordt een professionele menselijke vertaling aanbevolen. Wij zijn niet aansprakelijk voor misverstanden of verkeerde interpretaties die voortkomen uit het gebruik van deze vertaling.