自己写的 MCP 怎么接 Claude 网页版:ChatGPT 对照表
自己部署的 MCP Server 可接入 Claude.ai 与 ChatGPT 网页版。本文给出两端逐步操作、鉴权与国内排错清单,附 datasette-mcp 示例。

自己写的 mcp server 怎么接入 claude 网页版:在 Claude.ai 聊天框旁点 + → Add custom connector,填入公网可访问的 MCP URL,保存后在 Connectors 菜单里开关即可。ChatGPT 网页版路径不同,要先开 Developer mode,再在 Plugins 目录用 + 新建 Plugin(界面仍叫 Plugin,底层是 MCP)。下面按 Simon Willison 2026-07-29 的实测步骤展开,并补上国内可达性与排错。
网页版 MCP 接的是什么
网页版客户端不会在你本机跑 stdio 子进程,而是把 HTTPS 上的远程 MCP 端点 当成「连接器 / Plugin」拉进来。你的 server 必须:
- 有一个 公网 HTTPS URL(本地
localhost除非穿透,否则网页端连不上) - 实现 MCP 协议(常见是 HTTP/SSE 传输)
- 按需配置 OAuth 或 Bearer Token;只读公开数据可设 No Auth
这和 Claude Code / Cursor 里写 mcp.json 调本地命令不是同一条路。CLI 工具接本地进程;Claude.ai / ChatGPT 网页版接远程 URL。两边能力模型相同(tools/resources),入口 UI 不同。
Claude.ai 接入步骤
据 Simon Willison TIL(2026-07-29):
- 打开 claude.ai,在聊天输入框旁的
+菜单 里找到连接器相关项。 - 选择 Add custom connector(添加自定义连接器)。
- 在弹窗里填 MCP URL;若 server 需要鉴权,在同一表单配置 OAuth 或 token(Willison 的示例 server 无需 auth,他尚未实测带 auth 的流程)。
- 保存后,在 Connectors 菜单里对新连接器 开/关;只有打开时,当前对话才会加载该 MCP 的工具列表。
Claude 侧 UI 相对直观:找 + → 填 URL → Connectors 开关。配好后可在对话里直接让模型调用你暴露的 tools。若你同时在用 Claude Code 做终端 Agent,可参考 MCP 与 Claude Code:2026 工作流转变 区分「网页连接器」与「本地 mcp add」两种接法。
ChatGPT 网页版接入步骤
ChatGPT 侧步骤更多,且菜单命名容易误导——MCP 在 UI 里叫 Plugin。
- 开 Developer mode:
Settings → Security and login,启用 Developer mode(开发者模式)。未开之前看不到后续入口。 - 新建 Plugin:进入 ChatGPT 的 Plugins 目录页,点右上角
+(位置不显眼,Willison 专门提醒过)。 - 在 New Plugin 弹窗里填 MCP 端点 URL;若 server 不需要 OAuth,把 authentication 设为 No Auth。
- 在对话里启用:网页聊天框旁点
+,搜索你起的 Plugin/MCP 名称,选中后才会把 tools 挂进当前会话。 - 首次确认:第一次启用会弹出授权/确认 splash,点通过后工具才可用。
Willison 用 https://datasette.simonwillison.net/-/mcp 测通整条链路:模型能发起只读 SQL 查询他的博客数据库。ChatGPT Advanced Voice(高级语音)模式下 MCP 工具不可用——他试过在普通聊天里挂上 MCP 再切语音,工具在语音会话中不会出现。
Claude 与 ChatGPT 对照表
| 维度 | Claude.ai | ChatGPT 网页版 |
|---|---|---|
| 入口位置 | 聊天框旁 + → Add custom connector |
先开 Developer mode;Plugins 目录右上角 + |
| UI 名称 | Connector / 自定义连接器 | Plugin(底层是 MCP) |
| 鉴权 | 表单可选 OAuth / token | 无 OAuth 需求时选 No Auth |
| 会话内启用 | Connectors 菜单开关 | 聊天 + 里搜索 Plugin 名并选中 |
| 首次使用 | 相对直接 | 额外确认 splash |
| 语音模式 | (TIL 未专门测试) | Advanced Voice 下 MCP 不可用 |
| 典型痛点 | URL 必须公网 HTTPS | 菜单藏得深;Plugin 名要记住 |
这张表是本文相对英文原帖的信息增量:前排中文教程往往只讲一端,很少把 同一条 MCP URL 在两家网页客户端的差异 摆在一起。
国内网络与鉴权注意
可达性:Claude.ai 与 ChatGPT 网页版在国内都需要稳定访问对应域名;你的 MCP server 也要从 Anthropic/OpenAI 云端 出网能打到。Server 若部署在国内机房、且未对境外开放,网页客户端会连不上——这和「本机 Claude Code 调 localhost MCP」完全两码事。
HTTPS 与证书:自签证书通常会被云端客户端拒绝。生产环境用 Let's Encrypt 或云厂商托管证书;内网调试可用 Cloudflare Tunnel、frp 等把本地 MCP 暴露成公网 HTTPS。
鉴权:
- No Auth:只适合只读、无敏感数据的 demo(如 Willison 的 datasette-mcp)。任何人拿到 URL 都能调你的 tools。
- OAuth / API Key:Claude 连接器表单支持配置;ChatGPT Plugin 创建时可选 No Auth 或 OAuth。Secret 不要写进仓库;用环境变量或密钥管理。
- IP 白名单:MCP 规范层不统一,可在反向代理(Nginx/Caddy)按来源 IP 限制,但 OpenAI/Anthropic 出口 IP 会变,维护成本高。
合规:暴露能写库、发邮件、调支付的 tools 前,想清楚「模型误调用」的损失上限。只读查询比读写混合安全一个数量级。工具描述写不清楚时,Agent 容易选错工具——见 MCP Server 可用性分级:Agent 能不能用好。
排错清单
| 症状 | 优先检查 |
|---|---|
| Connect / 保存失败 | URL 是否 https://;证书是否受信;防火墙是否拦境外 |
| Connectors 开了但无 tools | 开关是否在当前对话打开;server 是否返回合法 MCP tool 列表 |
| ChatGPT 搜不到 Plugin | Developer mode 是否开;Plugins 页是否已成功创建;名称是否拼对 |
| 首次能用、之后消失 | 会话是否过期;是否换对话未重新 + 启用 Plugin |
| 语音模式无工具 | 预期行为:Advanced Voice 不支持 MCP(Willison 实测) |
| OAuth 循环报错 | redirect URL 是否与 MCP 提供商登记一致;clock skew |
| 工具出现但调用 403/500 | 查 server 日志;Bearer token 是否过期;CORS 通常不影响 server-side 调用 |
本地 vs 远程混淆:在 Claude Code 里 claude mcp add 成功,不代表 Claude.ai 能连同一个 localhost:8080。网页版只认远程 URL。
工具不出现:用 curl 或 MCP Inspector 先确认 /.well-known 或 SSE 端点正常;再查客户端是否把 connector 绑定到 当前 会话。
示例:datasette-mcp 只读 SQL
Willison 的公开端点:https://datasette.simonwillison.net/-/mcp,基于 datasette-mcp,对博客数据库副本提供 只读 SQL。接入后,你可以在 Claude 或 ChatGPT 里用自然语言问「我博客里关于 MCP 的文章有多少篇」,模型会通过 MCP tool 发 SQL,而不是瞎编。
这个例子说明网页版 MCP 的典型形态:只读、无 auth、HTTPS 公网。自建 server 可先仿这个边界:单库只读 + 明确 tool 描述 + 限流,再逐步加写操作。
若你在 IDE 里已经习惯 MCP,但想搞清「网页聊天和 CLI 各能接什么」,可对照 Claude Code / Cursor 接 MCP 能做什么 里的能力清单,避免把仅支持 stdio 的 server 硬塞给网页端。
常见问题
自己写的 MCP 必须部署在公网吗?
Claude.ai 和 ChatGPT 网页版 都需要云端能访问你的 MCP URL,因此 localhost 默认不行,除非用隧道暴露成 HTTPS 公网地址。本机 Claude Code / Cursor 仍可用 stdio 或本地 HTTP。
ChatGPT 里为什么叫 Plugin 不叫 MCP?
OpenAI 网页 UI 沿用 Plugin 品牌,底层协议已是 MCP。找菜单时搜 Plugins 目录 和 New Plugin,不要只在设置里搜 "MCP"。
Claude 网页版和 Claude Code 能共用同一个 MCP 配置吗?
不能自动共用。Claude Code 用本地 mcp.json / claude mcp add;Claude.ai 用 Connectors 填 URL。同一套业务可以 后端同一个 HTTP MCP 服务,但两端要 分别配置。
Advanced Voice 里能用 MCP 吗?
据 Willison 2026-07-29 测试,ChatGPT Advanced Voice 模式下 MCP 不可用。需要在普通文本聊天里启用 Plugin,再考虑是否切换语音。