mcpField
H
Hello World MCP Server

Hello World MCP Server

ローカル
github.com/jageenshukla開発ツール1580 週間前に更新

Hello World MCP Server について

Hello World MCP Server は、MCP サーバーの構築を学ぶ開発者向けの TypeScript サンプルです。MCP ツールとプロンプトに加え、SSE とメッセージ通信用の Express エンドポイントを備えています。

主な機能

  1. 01MCP ツールとプロンプトの登録
  2. 02SSE とメッセージ用エンドポイント
  3. 03.env による設定
  4. 04TypeScript でのビルド

活用シーン

  1. 01TypeScript MCP サーバーの構成を学習
  2. 02ツールとプロンプトを試行
  3. 03SSE とメッセージ通信をテスト
  4. 04MCP Inspector で登録機能を確認

MCP 対応

MCP SDK を使ってツールとプロンプトを提供します。Express がクライアントとの通信に使う SSE とメッセージのエンドポイントを処理します。

設定

ローカルサーバーの設定はどのクライアントでも共通です。コピーしてクライアントの MCP 設定ファイルに貼り付けてください。

mcp.json · 共通設定
{
"mcpServers": {
"hello-world-mcp-server-jageenshukla": {
"command": "npx",
"args": [
"-y",
"@modelcontextprotocol/inspector"
]
}
}
}
起動コマンドnpx -y @modelcontextprotocol/inspector

ローカルサーバーにはマシン上の実行環境(Node.js 18 以上など)が必要です。設定ファイルの場所はクライアントごとに異なります。

パッケージ
npm@modelcontextprotocol/inspector

ツール

ツール一覧はまだ取得されていません

ローカルサーバーのツールはマシン上で起動して初めて取得できます。メンテナーはまだツール一覧を提供していません。

詳細

Hello World MCP Server

Hello World MCP Serverへようこそ!このプロジェクトでは、Model Context Protocol (MCP) SDK を使用してサーバーをセットアップする方法を紹介します。ツール、プロンプト、サーバー送信イベント(SSE)とメッセージを処理するエンドポイントが含まれています。

このプロジェクトは、ブログ記事Building a TypeScript MCP Server: A Guide for Integrating Existing Servicesの一部です。ブログでは、このプロジェクトの背景にある概念や実装の詳細について解説しています。


機能

  • MCP 統合:MCP SDK を使用して、ツールとプロンプトを備えたサーバーを作成します。
  • Express フレームワーク:SSE とメッセージ通信のための HTTP エンドポイントを処理します。
  • 環境設定:.env ファイルを使用して、簡単に設定できます。
  • TypeScript のサポート:開発者エクスペリエンスを向上させる、型付けされたコードベースです。

前提条件

始める前に、以下がインストールされていることを確認してください。

  1. Node.js(v16 以降)- こちらからダウンロード
  2. npm(Node.js に付属)または yarn

はじめに

以下の手順に従って、プロジェクトをセットアップして実行してください。

1. リポジトリをクローンする

まだクローンしていない場合は、リポジトリをローカルマシンにクローンしてください。

git clone https://github.com/your-username/hello-world-mcp-server.git
cd hello-world-mcp-server
2. 依存関係をインストールする

npm または yarn を使用して、必要な依存関係をインストールしてください。

npm install

または

yarn install
3. 環境変数を設定する

このプロジェクトでは、サーバーのポートを設定するために .env ファイルを使用します。サンプルの .env.example ファイルが用意されています。

  1. .env.example ファイルを .env にコピーします。

    cp .env.example .env
    
  2. .env ファイルを開き、必要に応じて PORT 変数を更新します。デフォルトは 4000 です。

    PORT=4000
    
4. プロジェクトをビルドする

TypeScript コードを JavaScript にコンパイルします。

npm run build

コンパイル済みファイルが dist ディレクトリに生成されます。

5. サーバーを実行する

本番モードでサーバーを起動します。

npm start

または、ライブリロードを有効にした開発モードで実行するには、次のコマンドを使用します。

npm run dev

サーバーをテストする

1. MCP Inspector を使用する

MCP Inspector は、MCP サーバーをテストおよび検査するためのツールです。これを使用して、ツールとプロンプトが正しく登録されているか確認できます。

以下のコマンドを実行して、サーバーを検査します。

npx @modelcontextprotocol/inspector ./dist/server.js

インタラクティブなインターフェースが開き、以下のようにサーバーに登録されたツールとプロンプトをテストできます。

Hello World MCP Server


プロジェクト構成

プロジェクトの構成の概要は次のとおりです。

hello-world-mcp-server/
├── src/
│   ├── server.ts                     # Main server entry point
│   ├── modules/
│   │   ├── tools.ts                  # Registers MCP tools
│   │   ├── prompts.ts                # Registers MCP prompts
│   │   └── transports.ts             # Handles SSE and message endpoints
├── .env                              # Environment variables
├── .env.example                      # Example environment variables
├── package.json                      # Project metadata and scripts
├── tsconfig.json                     # TypeScript configuration
└── README.md                         # Project documentation

トラブルシューティング

よくある問題
  1. ポートがすでに使用中:ポートが使用中であるというエラーが表示された場合は、.env ファイルの PORT 変数を更新してください。
  2. TypeScript エラー:すべての依存関係がインストールされ、正しいバージョンの Node.js を使用していることを確認してください。
デバッグ

以下のコマンドを使用して、サーバーをデバッグします。

npm run dev

ライブリロードと詳細なログを有効にしてサーバーが起動します。


関連プロジェクト


貢献

貢献を歓迎します!お気軽にイシューを作成するか、プルリクエストを送信してください。


ライセンス

このプロジェクトは MIT ライセンスの下でライセンスされています。詳細については、LICENSE ファイルをご覧ください。

コメント

MCP は初めてですか?

プロトコルの概要から最初のサーバーの導入まで、よくある疑問にまとめて答えます。

AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。