mcpField
M
MCP example Netlify Express

MCP example Netlify Express

本地服务
github.com/lutfi-haslab云与基础设施077 周前更新

关于 MCP example Netlify Express

MCP example Netlify Express 是使用 Netlify Functions 构建和运行基础无服务器 MCP 服务的演示站点,供开发者了解 Express 路由、部署及本地开发。

主要功能

  1. 01基于 Netlify Functions 的无服务器 MCP 示例
  2. 02Express 路由映射示例
  3. 03通过自定义 URL 访问已部署函数
  4. 04一键创建 Netlify 项目
  5. 05使用 Netlify CLI 本地开发

适用场景

  1. 01了解最简无服务器 MCP 配置
  2. 02测试 /mcp 的 Express 重定向
  3. 03将起始项目部署到 Netlify

MCP 相关

该示例部署 MCP 无服务器函数,并演示如何通过 Netlify 重定向将 /mcp 请求路由到函数。

配置

本地服务的配置在各客户端中通用,复制后粘贴到客户端的 MCP 配置文件即可。

mcp.json · 通用配置
{
"mcpServers": {
"netlify": {
"command": "npx",
"args": [
"-y",
"@modelcontextprotocol/inspector"
]
}
}
}
启动命令npx -y @modelcontextprotocol/inspector

本地服务需要在你的电脑上安装运行环境(如 Node.js 18+)。各客户端的配置文件位置不同,请参考客户端文档。

安装包
npm@modelcontextprotocol/inspector

工具

还没有获取到工具列表

本地服务需要在你的电脑上运行后才能读取工具,维护者暂未提供工具列表。

详细介绍

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"

快速部署你自己的版本

点击下方的“部署到 Netlify”按钮,即可部署此示例站点的自有版本。此操作会自动:

  • 将此示例从 examples 仓库克隆一份到你自己的 GitHub 账户
  • 在你的 Netlify 账户中创建一个新项目,并关联到你的新仓库
  • 创建一个自动部署流水线,以监视仓库中的更改
  • 构建并部署你的新站点
  • 然后可以使用 netlify dev 在本地迭代此仓库

部署到 Netlify

在本地安装并运行示例

你可以克隆整个 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

评论

支持 Markdown

第一次接触 MCP?

从协议是什么,到在客户端里装上第一个服务,这几条回答覆盖了大多数入门问题。

一个开放协议,规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话,MCP 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。