MCP example Netlify Express

MCP の Netlify Express サンプル

デモサイトを見る：https://mcp-example-express.netlify.app/

このサンプルサイトについて

このサイトでは、Netlify Functions を使用してサーバーレス MCP を開発、実行する非常に基本的な例を紹介します。デプロイされたサーバーレス関数へのリンクと、カスタマイズされた URL を使用して関数にアクセスする例が含まれています。

• Model Context Protocol（MCP）
• ドキュメント：Netlify Functions
• エージェントエクスペリエンス（AX）

重要なのは、Express によるルートのマッピング方法を踏まえ、netlify.toml のリダイレクトを正しいパスに設定することです。この例では、/mcp がこのサーバーへのすべてのリクエストを受け取るように、次の設定をしています。

[[redirects]]
  force = true
  from = "/mcp"
  status = 200
  to = "/.netlify/functions/express-mcp-server"

独自のバージョンをすばやくデプロイする

以下の「Deploy to Netlify」ボタンをクリックして、このサンプルサイトの独自のバージョンをデプロイできます。次の処理が自動的に行われます。

• examples リポジトリからこのサンプルのコピーをクローンし、独自の GitHub アカウントに作成します
• 新しいリポジトリにリンクされたプロジェクトを、Netlify アカウントに作成します
• リポジトリの変更を監視する自動デプロイパイプラインを作成します
• 新しいサイトをビルドしてデプロイします
• このリポジトリを使用して、netlify dev でローカル環境上の反復開発ができます

サンプルをローカルにインストールして実行する

examples リポジトリ全体をクローンすると、このサンプルやその他のサンプルを確認し、ローカルで実行できます。

# 1. Clone the examples repository to your local development environment
git clone [email protected]:netlify/examples

# 2. Move into the project directory for this example
cd examples/mcp/express-mcp

# 3. Install the Netlify CLI to let you locally serve your site using Netlify's features
npm i -g netlify-cli

# 4. Serve your site using Netlify Dev to get local serverless functions
netlify dev

# 5. While the site is running locally, open a separate terminal tab to run the MCP inspector or client you desire
npx @modelcontextprotocol/inspector npx mcp-remote@next http://localhost:8888/mcp