
MCP App with Hono
Interface UIpar yusukebe
Modèle de démarrage pour créer des applications MCP avec Hono sur Cloudflare Workers — implémentation de référence expérimentale utilisant le protocole ext-apps.
Ce qu'il fait
MCP App with Hono est une implémentation de référence minimale qui démontre comment construire des applications MCP interactives en utilisant Hono déployées sur Cloudflare Workers. Elle enregistre un outil get-time et une ressource UI qui rend une petite application frontend, permettant à tout client MCP d'afficher des résultats d'outils en direct à l'intérieur d'une interface intégrée. Les exemples officiels d'applications MCP utilisent Express ; ce projet montre l'alternative Hono-on-Workers.
Fonctionnalités clés
- Couche HTTP Hono — routeur léger et natif pour l'edge, remplaçant Express pour l'hébergement d'applications MCP
- Déploiement Cloudflare Workers — déploiement edge mondial avec
wrangler deployen une seule commande - Transport HTTP fluxable — point de terminaison
/mcpavec support complet du streaming MCP 2.0 - UI groupée via Vite — application frontend compilée en un seul fichier et servie comme ressource
ui://MCP - Outil
get-time— démo d'horloge en direct montrant le flux de données outil → UI en temps réel
Installation
Auto-hébergé (Cloudflare Workers)
git clone https://github.com/yusukebe/mcp-app-with-hono
cd mcp-app-with-hono
npm install
npm run build
npm run deploy # Déploie vers votre compte Cloudflare
Claude Desktop (après déploiement)
Ajoutez à ~/Library/Application Support/Claude/claude_desktop_config.json :
{
"mcpServers": {
"mcp-app-with-hono": {
"command": "npx",
"args": ["mcp-remote", "https://your-worker.workers.dev/mcp"]
}
}
}
Développement local
npm run build && npm run dev
Wrangler démarre un serveur de développement local sur http://localhost:8787.
Hôtes supportés
Aucun client MCP spécifique n'est explicitement confirmé dans le README — fonctionne avec tout client MCP supportant le transport HTTP fluxable.
Installation rapide
npm install && npm run build && npm run deployInformations
- Tarification






