Click on "Install Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@Hono MCP Sample Serverwhat's the weather in Tokyo?"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
Hono MCP Sample Server
Honoフレームワークとhono/mcpを使用したModel Context Protocol (MCP)
サーバーのサンプル実装です。
機能
このサンプルサーバーは以下のMCP機能を提供します:
リソース
weather://tokyo: 東京の天気情報を取得
news://latest: 最新ニュースヘッドラインを取得
ツール
calculator: 2つの数値を加算
パラメータ:
a(number),b(number)
reverse-string: 文字列を反転
パラメータ:
text(string)
プロンプト
code-review: コードレビューを依頼するプロンプトテンプレート
引数:
code(string)
セットアップ
依存関係のインストール
使用方法
開発モード
ビルド
本番環境で実行
エンドポイント
サーバーが起動すると、以下のエンドポイントが利用可能になります:
http://localhost:3000/- サーバー情報http://localhost:3000/mcp- MCPエンドポイント
技術スタック
Hono: 高速で軽量なWebフレームワーク
hono/mcp: HonoのMCPサポートパッケージ
@modelcontextprotocol/sdk: MCP公式SDK
zod: スキーマ定義(v3系を使用)
TypeScript: 型安全な開発
tsx: TypeScriptの実行環境
構成
カスタマイズ
新しいリソースを追加
新しいツールを追加
ライセンス
MIT