📺 详细操作以视频方式呈现,视频地址周五会更新出来
💯 鉴于很多观众网络环境受限,文末提供所需安装文件网盘分享
💬 什么是 MCP ?
MCP(Model Context Protocol,MCP)模型上下文协议,2024年11月底,由 Anthropic 推出的一种开放协议,它提供了一种将 AI 模型连接到不同数据源和工具的标准化方式。旨在统一大型语言模型(LLM)与外部数据源和工具之间的通信协议。
架构:
-
MCP 主机(Host):希望通过 MCP 访问数据的 Claude Desktop、IDE 或 AI 工具等程序
-
MCP 客户端(Client):与服务器保持 1:1 连接的协议客户端
-
MCP 服务器(Server):轻量级程序,每个程序都通过标准化的 Model Context Protocol 公开特定功能
-
本地数据源:MCP 服务器可以安全访问的计算机文件、数据库和服务
-
远程服务:MCP 服务器可以连接到的 Internet 上可用的外部系统(例如,通过 API)
更新内容可查阅官方文档:https://modelcontextprotocol.io/introduction
🔖 完整流程
graph LR
A(1、工具安装) --> B(2、环境配置) --> C(3、场景体验)
-
安装Node.js (https://nodejs.org/zh-cn)
-
安装Cherry-Studio(https://cherry-ai.com/download)
-
配置Cherry-Studio:LLM → 安装bun、uv → MCP
-
场景体验(filesystem、playwright、fetch)
-
注意事项(模型选择、playwright)
📜 工具说明
工具 | 说明 |
---|---|
Node.js | JavaScript 运行时环境, 它让开发人员能够创建服务器 Web 应用、命令行工具和脚本 |
Cherry-Studio | 全能型AI客户端,支持(但不限于):模型管理、提示词、知识库、MCP等 |
bun | Bun 是一个适用于 JavaScript 和 TypeScript 应用的全方位工具包,更多参考:bun |
uv | 一个速度极快的 Python 包和项目管理,用 Rust 编写,更多参考:uv |
playwright | 微软出品,用于 Web 测试和自动化的框架,更多参考:playwright |
📘 相关命令
#1、安装playwright:
npx playwright install --force chrome
🌟 MCP Servers
说明 | 地址 |
---|---|
官方发布 | https://github.com/modelcontextprotocol/servers/tree/main |
GitHub精选 | https://github.com/punkpeye/awesome-mcp-servers/blob/main/README-zh.md |
知名站点1 | https://mcp.so/zh |
知名站点2 | https://smithery.ai/ |
魔搭MCP | https://www.modelscope.cn/mcp |
MCP配置参考:
{
"mcpServers": {
"filesystem": {
"name": "filesystem",
"command": "npx",
"args": [
"-y",
"@modelcontextprotocol/server-filesystem",
"D:\\fxdhy"
]
},
"playwright": {
"command": "npx",
"args": [
"@playwright/mcp@latest",
"--vision"
],
"name": "playwright"
},
"fetch": {
"command": "uvx",
"args": [
"mcp-server-fetch"
],
"name": "fetch"
}
}
}
MCP | 说明 |
---|---|
filesystem | 实现了用于文件系统操作的模型上下文协议,例如:读写文件、创建/列出/删除目录、移动文件/目录等 |
playwright | 使用 Playwright 提供浏览器自动化功能,使 LLM 能够通过结构化的无障碍快照与网页进行交互 |
fetch | 使大型语言模型能够从网页中检索和处理内容,并将 HTML 转换为 markdown 以便更容易地使用 |
🌈 场景测试内容
任务1:将“你好,拂晓的海洋”写入`D:\\fxdhy\\abc.txt`中
创建5个文件,从1.txt到5.txt,内容依次是1-5
将所有.txt修改为.md
任务2:打开浏览器,通过百度搜索"拂晓的海洋",并截图保存,并打开第一个搜索结果
任务3:获取这个地址的文字内容:https://blog.csdn.net/luckcxy/article/details/147235631,保存到:blog.md
⚠️ 注意事项
- 模型要选择支持工具调用的
- 注意安装:playwright (不然不能调用浏览器工具)
- 受限于网络环境无法下载?已整理好所有相关资源,见下方网盘分享
👉 所有资源网盘分享: https://pan.baidu.com/s/1PiPBsNjPOj_2YDvBAndLxg?pwd=89yr