CodeBuddy 接入 MCP，一键生成网站！

我正在参加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，极大简化了静态网页的开发和部署流程。