我正在参加CodeBuddy「首席试玩官」内容创作大赛,本文所使用的 CodeBuddy 免费下载链接:腾讯云代码助手 CodeBuddy - AI 时代的智能编程伙伴
你好,我是悟空。
最近 MCP 挺火的,正好 CodeBuddy 也支持 MCP 接入,所以可以体验一波。
对于 MCP 有些同学可能有些陌生,下面简单介绍下 MCP。
MCP 概述
2024 年 11 月,Anthropic 公司搞了个挺有意思的新玩意 - Model Context Protocol(模型上下文协议)简称为 MCP 协议。简单来说,它就是给 AI 和各类工具数据之间搭了个标准化的”桥梁”,让开发者不用再为对接问题头疼了。
大模型应用可以使用别人分享的 MCP 服务来完成各种各样的工作内容,你可以从这些地方获取 MCP 服务:
- awesome-mcp-servers
- mcp.so
如下图所示,这是 mcp.so 网站中的 MCP Server。
MCP 协议在实际的应用场景上非常广泛,列举一些比较常见的应用场景:
- 使用百度/高德地图分析旅线计算时间
- 接 Puppeteer 自动操作网页
- 使用 Github/Gitlab 让大模型接管代码仓库
- 使用数据库组件完成对 Mysql、ES、Redis 等数据库的操作
- 使用搜索组件扩展大模型的数据搜索能力
MCP 的架构
MCP 的架构
MCP 主要分为 MCP 服务和 MCP 客户端:
- 客户端:一般指的是大模型应用,比如 Claude、通过 Spring AI Alibaba、Langchain 等框架开发的 AI 应用
- 服务端:连接各种数据源的服务和工具
整体架构如下:
整体的工作流程是这样的:AI 应用中集成 MCP 客户端,通过 MCP 协议向 MCP 服务端发起请求,MCP 服务端可以连接本地/远程的数据源,或者通过 API 访问其他服务,从而完成数据的获取,返回给 AI 应用去使用。
EdgeOne Pages MCP Server
这次我们要接入的 EdgeOne Pages MCP Server。那 EdgeOne Pages 又是什么呢?
EdgeOne Pages 概述
我们打开 MCP.so 网站中的关于 EdgeOne Pages MCP 的描述,如下图所示:
网页中有一个英文描述:
An MCP service designed for deploying HTML content to EdgeOne Pages and obtaining an accessible public URL.
翻译过来就是:
一种 MCP 服务,用于将 HTML 内容部署到 EdgeOne Pages 并获取可访问的公共 URL。
简单来说,可以通过具有 AI 功能的客户端调用 MCP Server 将静态页面快速部署到公网上,并拿到一个公网 URL。
CodeBuddy 接入 MCP Server
首先我们得安装 CodeBuddy,这次我们选择 Cursor 开发工具。
在 Cursor 应用市场中搜索腾讯云代码助手,安装后即可使用。
然后在 MCP Server 中添加 EdgeOne Pages MCP Server
然后点击它的开始按钮,如下图所示:
接着 CodeBuddy 就会自动执行演示功能,edgeone-pages-mcp 提供了一个工具:deploy-html,用于部署HTML内容并返回公共URL。简单来说就是 CodeBuddy 调用 Edgeone Pages MCP 服务将网页部署到公网上。如下图所示:
我们直接访问这个公网 URL,打开的页面内容包含一个简单的标题和段落文本,如下图所示:
总结
本文介绍了腾讯云代码助手 CodeBuddy 接入 MCP 协议后,能够一键生成并部署网站的功能。
MCP 是一种标准化协议,用于连接 AI 应用和外部工具或数据源。通过接入 EdgeOne Pages MCP Server,CodeBuddy 可以快速将 HTML 内容部署到公网上并生成公网 URL,极大简化了静态网页的开发和部署流程。