Bac à sable du serveur MCP
Ce bac à sable fait tourner un petit serveur MCP (Model Context Protocol) local et vous permet d'appeler directement ses outils exposés, afin que vous puissiez voir les charges utiles des requêtes et des réponses en temps réel et comprendre comment les appels d'outils MCP fonctionnent réellement avant de câbler le protocole dans votre propre application d'IA.
How MCP Communication Flows
Next.js Client (React)
Sends a standard POST request with the text body to our API route: `/api/mcp-client`.
Next.js API Handler (Stdio Client)
Spawns a Node.js child process: `node mcp-demo/dist/server.js` and opens stdout/stdin pipelines.
JSON-RPC StdIn Write
Writes a standard JSON-RPC command string to the child process standard input stream: `{"method":"tools/call","params":{"name":"calculate_text_stats",...}}` followed by `\n`.
MCP Server (Studio Transport Server)
Listens on stdin, executes the tool logic locally, and writes the output back to `stdout` as a JSON line.
JSON-RPC StdOut Read & Return
Next.js API catches the line from stdout, terminates the child process using `child.kill()`, and responds back to the client.
Learning Module
The MCP server project configuration is saved inside the workspace sub-directory at:mcp-demo/
- src/server.ts
The TypeScript server implementing the official `@modelcontextprotocol/sdk` wrapper.
- README.md
Contains complete instructions on how to configure this server with external desktop clients like Claude Desktop.
Open `src/server.ts`. You can add new tools to the `ListToolsRequestSchema` response, and implement their execution rules in the `CallToolRequestSchema` handler block.
Comment ça marche
- 1
ToolKloud génère un serveur MCP local léger exposant quelques exemples d'outils.
- 2
Parcourez les outils disponibles et leurs schémas d'entrée.
- 3
Appelez un outil avec un exemple d’entrée et voyez la réponse en direct.
- 4
Inspectez les charges utiles brutes de requête/réponse pour comprendre le protocole.
Avantages et avantages clés
Pratique, pas seulement de la documentation
Consultez les véritables requêtes et réponses MCP au lieu de simplement lire les spécifications du protocole.
Aucune configuration requise
Le serveur démarre automatiquement – pas besoin d'installer des packages Node ou de configurer vous-même un client au préalable.
Inspecter les charges utiles brutes
Affichez le JSON réel échangé entre le client et le serveur pour comprendre la forme du protocole.
Environnement de bac à sable sécurisé
Expérimentez librement avec des exemples d’outils sans affecter aucun système de production.
Pourquoi les gens l’utilisent
- Voir à quoi ressemblent réellement un appel et une réponse d'un outil de protocole de contexte de modèle.
- Comprendre les schémas d'outils avant d'implémenter votre propre serveur MCP.
- Démonstration de la mécanique MCP dans une page de discussion, d'atelier ou de documentation.
- Vérifier votre modèle mental du protocole par rapport à une implémentation fonctionnelle.
Formats et options pris en charge
| Protocole | Liste des outils du protocole de contexte de modèle et appel d'outils |
|---|---|
| Outils de démonstration | Un petit ensemble d'exemples d'outils de statistiques de texte |
| Traitement | Assisté par le serveur : les appels s'exécutent sur un serveur de démonstration sur notre infrastructure |
Confidentialité et traitement des données
Contrairement aux outils basés sur un navigateur ici, ce bac à sable exécute les requêtes sur notre serveur. Les entrées que vous envoyez y sont traitées et ne sont pas stockées après la session, mais elles quittent votre appareil : gardez les informations d'identification réelles et les données confidentielles à l'écart.
Limites et choses à savoir
- Il s'agit d'un bac à sable d'apprentissage et non d'un hôte MCP à usage général. Vous ne pouvez pas le connecter à votre propre serveur ou enregistrer des outils personnalisés.
- Les requêtes sont exécutées sur notre serveur plutôt que dans votre navigateur, donc les entrées que vous envoyez ici quittent votre appareil.
- Le bac à sable est sans état et se réinitialise entre les sessions ; rien de ce que vous faites ne persiste.
- Les exemples d'outils sont délibérément triviaux, choisis pour rendre les formes de requête et de réponse lisibles plutôt que pour être utiles en elles-mêmes.
Dépannage
Un appel renvoie une erreur
Vérifiez les noms des arguments par rapport au schéma annoncé de l'outil : les appels de l'outil MCP sont validés par rapport à celui-ci, et une clé incompatible en est la cause habituelle.
Les résultats diffèrent selon les séances
Le bac à sable se réinitialise, donc rien n'est conservé. Traitez chaque session comme un nouveau serveur.
MCP Client — Test Model Context Protocol Servers in Your Browser
Connect to a Model Context Protocol server, inspect the tools, resources and prompts it exposes, and call them with real arguments. A free browser-based MCP client for developers building or debugging an MCP integration, with no local runtime to configure first.
- Inspect tools, resources and prompts — see everything a server advertises, including each tool's full JSON Schema, so you can confirm the contract before writing client code.
- Call tools with live arguments — invoke a tool with real input and read the raw response — the fastest way to find out whether a bug is yours or the server's.
- Debug an MCP server as you build it — verify that schemas, descriptions and error responses look the way an AI model will actually receive them.
- No local setup required — test a server without first wiring it into a desktop AI client and restarting it after every change.
- Understand the protocol by using it — MCP is the emerging standard for connecting AI assistants to external tools and data — seeing the exchange makes the spec concrete.
Free with no account. Format the JSON responses you get back with the JSON Formatter while you debug.
Questions fréquemment posées
Qu'est-ce que le protocole de contexte modèle ?
MCP est une norme ouverte permettant de connecter des applications d'IA à des outils et sources de données externes via une interface client-serveur cohérente, développée par Anthropic et largement adoptée dans l'écosystème des outils d'IA.
Dois-je connaître Node.js pour utiliser ce bac à sable ?
Non : le serveur est généré automatiquement en arrière-plan, vous pouvez donc explorer les appels et les réponses des outils sans écrire vous-même de code de serveur.
Puis-je ajouter mes propres outils personnalisés pour tester ?
Ce bac à sable est livré avec un petit ensemble d'exemples d'outils de statistiques de texte conçus pour l'apprentissage ; il s'agit d'un environnement de démonstration plutôt que d'un hôte de serveur MCP à usage général.
Est-ce utile si je crée ma propre intégration MCP ?
Oui, voir les schémas d'outils réels et les charges utiles de requêtes/réponses est un bon moyen de comprendre la structure du protocole avant d'implémenter votre propre client ou serveur.
Est-ce que quelque chose que je fais ici persiste par la suite ?
Non : le serveur généré et son état sont temporaires et réinitialisés à chaque session, donc rien de ce que vous testez ici n'a d'effets durables.
Outils associés
Formateur JSON
Formatez, validez et réduisez JSON instantanément
Convertisseur et générateur de données
Convertissez entre CSV, JSON, SQL ou générez des données fictives
Générateur de codes-barres (CODE128 et EAN)
Générez des codes-barres pour les produits, l'inventaire et la vente au détail