掘金 人工智能 05月17日 15:43
CodeBuddy 接入 MCP,一键生成网站!
index_new5.html
../../../zaker_core/zaker_tpl_static/wap/tpl_guoji1.html

 

本文介绍了腾讯云代码助手CodeBuddy接入模型上下文协议(MCP)后的应用。MCP是一种标准化协议,用于连接AI应用和外部工具或数据源,简化了AI应用与各种工具的对接。通过CodeBuddy接入EdgeOne Pages MCP Server,用户可以快速将HTML内容部署到公网上,并获取公网URL,从而实现一键生成并部署网站的功能,提升了开发效率。

🌐 **MCP 概述**: 模型上下文协议(MCP)是Anthropic公司于2024年11月推出的,它为AI和各类工具数据之间搭建了标准化的“桥梁”,使开发者无需再为对接问题烦恼。MCP允许大模型应用使用他人分享的MCP服务完成各种工作,例如使用地图、操作网页、管理代码仓库等。

⚙️ **MCP 架构**: MCP主要由MCP服务和MCP客户端组成。客户端通常是大模型应用,如Claude,通过Spring AI Alibaba、Langchain等框架开发的AI应用。服务端则连接各种数据源的服务和工具。工作流程是:AI应用集成MCP客户端,通过MCP协议向MCP服务端发起请求,服务端获取数据并返回给AI应用。

🚀 **CodeBuddy 接入 EdgeOne Pages MCP Server**: CodeBuddy通过接入EdgeOne Pages MCP Server,实现了快速部署HTML内容到公网的功能。EdgeOne Pages MCP服务可以将HTML内容部署到EdgeOne Pages并获取可访问的公共URL。用户可以在CodeBuddy中添加EdgeOne Pages MCP Server,CodeBuddy将调用该服务将网页部署到公网上。

我正在参加CodeBuddy「首席试玩官」内容创作大赛,本文所使用的 CodeBuddy 免费下载链接:腾讯云代码助手 CodeBuddy - AI 时代的智能编程伙伴

你好,我是悟空。

最近 MCP 挺火的,正好 CodeBuddy 也支持 MCP 接入,所以可以体验一波。

对于 MCP 有些同学可能有些陌生,下面简单介绍下 MCP。

MCP 概述

2024 年 11 月,Anthropic 公司搞了个挺有意思的新玩意 - Model Context Protocol(模型上下文协议)简称为 MCP 协议。简单来说,它就是给 AI 和各类工具数据之间搭了个标准化的”桥梁”,让开发者不用再为对接问题头疼了。

大模型应用可以使用别人分享的 MCP 服务来完成各种各样的工作内容,你可以从这些地方获取 MCP 服务:

如下图所示,这是 mcp.so 网站中的 MCP Server。

MCP 协议在实际的应用场景上非常广泛,列举一些比较常见的应用场景:

MCP 的架构

MCP 的架构

MCP 主要分为 MCP 服务和 MCP 客户端:

整体架构如下:

整体的工作流程是这样的: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,极大简化了静态网页的开发和部署流程。

Fish AI Reader

Fish AI Reader

AI辅助创作,多种专业模板,深度分析,高质量内容生成。从观点提取到深度思考,FishAI为您提供全方位的创作支持。新版本引入自定义参数,让您的创作更加个性化和精准。

FishAI

FishAI

鱼阅,AI 时代的下一个智能信息助手,助你摆脱信息焦虑

联系邮箱 441953276@qq.com

相关标签

CodeBuddy MCP协议 EdgeOne Pages AI编程
相关文章