MCP 远程调用完全解析：串联多个 MCP Server 建立 AI 工作流

前言

在上一篇中。我们实现了本地 MCP Server，Agent 通过 command + args spawn 子进程、走 stdio 管道通信。很多读者反馈的观点是，

• 部署本地服务后仍然需要手动管理进程。容易出现进程挂掉却不知情。说起来，
• 跨机器协作时只能局限在同一台机器上。无法利用云端强大的工具资源。

这篇文章更进一步：用 url 连远程 MCP Server。用 npx 一键启动本地 npm 包，三个 Server 串联，让 Agent 自动完成 “查地图 → 打开浏览器 → 写文件” 的完整工作流，从根本解决上述痛点。

一、从 stdio 到 HTTP：同一种协议，不同传输方式

主要不变

协议内容完全一样：tools/listtools/callresources/read…，LLM 和工具之间说的话还是那些。唯一变的是传输介质：

stdio HTTP
Agent 进程 Agent 进程
│ │
│ spawn + stdin/stdout 管道 │ POST http://服务器:/mcp
▼ ▼
MCP Server 子进程 MCP Server

• stdio = 两个人在同一房间直接说话
• HTTP = 一个在北京，一个在上海打电话

Client 配置三种写法

无论你是习惯本地启动还是想直接调用云端接口。都可以统一使用 MultiServerMCPClient 管理：

// 方式一：本地文件 — spawn 子进程
{ command: 'node',args: }
// 方式二：npx — spawn 子进程 + 自动下载 npm 包
{ command: 'npx',args: }
// 方式三：远程 HTTP — 发网络请求
{ url: 'https://远程地址/mcp' }

User Pain Point： 之前需要为每种启动方式写不同的代码，现在只要把对应配置放进去，一把就能拿到所有工具。

让工具即装即用的关键利器

npx -y 包名

User Pain Point： 传统做法需要先 ,环境不一致时经常报错；使用比如 ,一行命令就可以完成下载。 还有执行，再有缓存，省去环境配置烦恼。

三、三个 MCP Server 的配置解析

const mcpClient = new MultiServerMCPClient({
mcpServers: {
'amap-server': {
至于url，'https://mcp.amap.com/mcp?key=f58f8879063a5f61df94bbb40a6305cb'
},'file-system': {
command: 'npx'。args:
},'chrome-devtools': {
command: 'npx',args:
}
}
});

三个 Server 的命名自由可控

You can name m arbitrarily . The framework only cares about inner configuration structure.

固定字段说明表格化展示，更易阅读与排错：

amap-server — 纯远程 HTTP

'amap - server ': {
url :‘ https ://mcp.amap.com/m cp?key =xxx ’}
​
痛点很多团队担心跨域安全和身份验证。这里只需在 URL 中加入 API Key，即可安全调用，高德服务器负责身份校验。

提供工具

• mapsgeo
• mapsaroundsearch
• mapssearchdetail
• mapsdistance …
​

​

​​

​​​

​ ​ ​ ​ ​ ​ ​