发帖
 找回密码
 立即注册
搜索
10 8 1
资源分享 88 10 昨天 15:36
前言
mcp 虽然让大模型有了访问外部工具的能力,从而大幅度拓展了大模型应用的能力边界,但是有的小伙伴会说:mcp 消耗的 token 太多啦!就算便宜如 deepseek,大规模任务在高峰时段调用一天,估计一杯蜜雪冰城就要没了。
那么有没有什么方法可以不用花钱也能使用 mcp 呢?有的兄弟有的。

神奇的浏览器插件:MCP-SuperAssistant
今天要给大家隆重推荐的项目是 MCP-SuperAssistant,一款神奇的浏览器插件,它允许你在使用 deepseek, chatgpt 等等大模型的网页版本时也可以使用本地的 mcp。

github 仓库链接:
GitHub - srbhptl39/MCP-SuperAssistant: Brings MCP to ChatGPT, DeepSeek, Perplexity, Grok, Gemini, Google AI Studio, OpenRouter, DeepSeek, Kagi, T3 Chat and more...
我们都知道网页版本的大模型消耗 token 都是不花钱的,所以有了这个插件,我们就可以不花钱使用 mcp 了!

准备工作
  • chrome 浏览器
  • 一个可以工作的 mcp
  • nodejs 环境
安装基本的环境
首先大家需要保证自己的电脑上存在 nodejs 的环境,如果没有的话,可以去 Download Node.js上下载对应操作系统的 nodejs。
安装完成 nodejs 后,我们需要先下载 MCP-SuperAssistant 这个 chrome 浏览器的插件,先点击 MCP SuperAssistant,Add to Chrome 就可以下载。


6a97f847238924830fae3b16802e884be21997c8.jpeg

配置 MCP
MCP SuperAssistant 通过插件和本地的代理来实现让浏览器也能访问 MCP,所以我们还需要配置一下本地的 MCP,让 MCP-SuperAssistant 知道我们本地需要连接哪些 MCP,每一个 MCP 如何进行连接。
首先我们需要有一个自己的 MCP,你可以选择从网上直接下载现成的 MCP 服务器,也可以针对自己的业务进行开发,这里安利一下我开发的用于进行 MCP 开发 vscode 插件 OpenMCP:

利用 OpenMCP,你可以直接在代码编辑器中就完成 MCP 的开发和验证与迭代,非常方便。
假设你已经获得了一个能用的 MCP 服务器,那么随便找一个目录,然后创建 mcpconfig.json,在 mcpconfig.json 中配置你的 MCP 服务器:
  1. {
  2.   "mcpServers": {
  3.     "desktop-commander": {
  4.       "command": "npx",
  5.       "args": [
  6.         "-y",
  7.         "@wonderwhy-er/desktop-commander"
  8.       ]
  9.     },
  10.     "neo4j-mcp": {
  11.       "url": "http://localhost:8083/sse"
  12.     }
  13.   }
  14. }
复制代码
然后在命令行中启动我们的 superassistant 的代理服务器从而让浏览器可以访问到我们的 MCP:
  1. npx @srbhptl39/mcp-superassistant-proxy@latest --config ./mcpconfig.json
复制代码
此时,如果出现了下面这个样子的输出,说明运行成功。
99357123a739e6be1ba638da60a24971b05ad82f.jpeg
现在,我们进入 https://chat.deepseek.com/ ,新建一个对话(如果是已经开启 deepseek 网页的朋友记得刷新一下页面,来让插件得以激活)。此时,你应该可以看到输入框的右下角出现了一个小图标「MCP」,这代表插件激活成功。
3dbbaf4fe1daec591f35202de8ce6fcde9d4adf5.webp
点击 「MCP」,将下面的这四个选项全部开启:
0333ab686c333c8128989aea1054f7ab38ca7fa6.jpeg
然后右侧会出现一个控制面板,检查一下面板内部是否存在你启动的 MCP 服务器对应的所有工具。如果存在,说明配置成功。
82eb93cac807bb86e12fd6f4a43b1db32e315345.webp

让大模型网页版本也可以使用 MCP
如果你通过了上面的步骤,那么说明你已经成功配置了 MCP-SuperAssistant,接下来,我们就可以让大模型网页版本也可以使用 MCP 了。
这里有一个非常重要的点,一定要记好了:每一次新的对话,一定要先通过下面的操作来让大模型明白,它要如何使用 MCP,点击「MCP」「Attach」来粘贴起头的引导文本,这一步非常关键,没有这一步大模型是不会去进行工具调用的。
32f96c9bb25bc486b88ab505f24e0bcccec5a6f7.jpeg

OK,接下来,我们就可以轻松愉快地让大模型进行 MCP 使用了。比如我的 MCP 是访问我的数据库的 MCP,我可以直接问大模型:

请告诉我最新的 10 条评论
然后大模型就会自己思考,然后调用工具,获得结果,继续思考,调用工具,获得结果 …
经过若干步骤的迭代后,大模型输出了如下的结果:
880d8b7b74ef93e2b283a028782d26010ea9c460.jpeg





──── 8人觉得很赞 ────

使用道具 举报

好强,收藏学习
昨天 15:44
支持ai.dev吗
昨天 15:44
这就得狠狠学习了
好工具啊,用起来
OpenMCP是真好用
我用gemini,好像没法一次对话call多个?每次call都要approve有点麻烦
这是什么原理?插件拦截请求加了mcp提供的函数调用参数么?能实现并好用,真的好厉害
昨天 15:47
twinsbbs 发表于 2025-6-19 15:46
这是什么原理?插件拦截请求加了mcp提供的函数调用参数么?能实现并好用,真的好厉害 ...

chrome 浏览器插件可以通过在插件配置文件中添加白名单的方式让插件工作时允许访问白名单中的本地服务,这样,你只需要本地开启一个 web 服务来转发 mcp 的 sse 或者 streamable http,插件端负责进行webui的页面操作(通过 DOM 操作实现,所以每一个不同的网站的 DOM 操作层代码都要重写一套,毕竟每一个网站的 chatbox 的前端实现都有一定的差异)
不过话说他MAC上真的非常难连,不是连不上,就是连了没几句话又断。 d76ddff530b8c2390d184b906f6d35ba5a79e767.webp
佬 Gemini 好像不会执行,只能手动执行然后插入到对话框,deepseek 好像就没这个问题 6e7aa11127bba924f40bfa7b2df83ed9209fcae7.webp
您需要登录后才可以回帖 立即登录
高级模式