Netlifyの例

MCPの例 Netlify Express

このデモサイトをご覧ください: https://mcp-example-express.netlify.app/

Netlify ステータス

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

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

Expressがマッピングルートを処理する方法を考慮すると、 netlify.tomlリダイレクトが正しいパスに設定されていることを確認することが重要です。この例では、/mcpがこのサーバーへのすべてのリクエストをキャッチするように、以下の設定を行っています。

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

Related MCP server: MCP Serverless Functions Example

独自のバージョンを迅速に展開

以下の「Netlifyにデプロイ」ボタンをクリックして、このサンプルサイトの独自バージョンをデプロイしてください。これにより、以下の処理が自動的に実行されます。

この例のコピーをサンプルリポジトリから自分のGitHubアカウントにクローンします。
Netlifyアカウントで新しいプロジェクトを作成し、新しいリポジトリにリンクします。
リポジトリの変更を監視するための自動デプロイメントパイプラインを作成する
新しいサイトを構築して展開する
このリポジトリは、 netlify devを使用してローカルで反復処理するために使用できます。

Netlifyにデプロイする

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

この例リポジトリ全体をクローンして、この例や他の例を調べ、ローカルで実行することができます。


# 1. Clone the examples repository to your local development environment
git clone git@github.com: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