你是否曾经为了部署一个简单的网页而经历过繁琐的流程?先开发,再找平台,然后配置各种参数,最后才能看到自己的作品上线?在AI时代,这种体验显然不够丝滑。而今天,我要分享一个让我惊喜万分的发现 —— 腾讯官方推出的PagesMCP,真正实现了一句话部署网页的丝滑体验!
从高德地图MCP说起
昨天我去阿里云参加了一场关于MCP的直播。饭局上,大关老师提到他对我之前写的高德地图MCP找两人中点咖啡馆的案例印象深刻。能得到官方同学的认可,我也很开心 —— 这说明咱们的读者都很有眼光啊!关注的都是干货:)
回想当时实现那个案例,在配置好高德地图MCP后,我总共只做了两步:
-
1. 在Windsurf里用嘴喷需求,AI自动生成网页
-
2. 把网页代码复制出来,打开32kw.com(一个由我朋友@向阳乔木 开发的快速部署平台)粘贴进去生成网址
当时我就在群里和向阳乔木分享了这个思考:如果能完成网页开发后,继续一句话就直接把网页部署到线上,体验会更丝滑:
腾讯官方下场,PagesMCP横空出世
是吧,能不能全程都只在Windsurf里用嘴完成开发,然后继续用嘴上线呢?
没想到,腾讯官方给出了答案 —— 推出了PagesMCP,真正实现了一句话完成部署!
大家可以尝试复制这个链接打开看看:
https://mcp.edgeone.site/share/OlstQY39xyuHn9nR5lM0u
如何实现的呢?真的只用了一句话:
帮我把网页部署到线上
超简单配置教程
下面来和大家介绍下如何配置PagesMCP,过程超级简单:
第一步:配置MCP服务
打开Windsurf,点击锤子图标,点击Configure:
第二步:添加配置代码
在左侧文本框里最后的位置,复制粘贴进去下面这段代码:
"edgeone-pages-mcp-server": { "command": "npx", "args": ["edgeone-pages-mcp"]}
不用担心格式是否正确,我们全选上所有的代码,然后点击"Chat":
然后输入:"帮我检查下代码格式"
然后Windsurf会自己去修复格式,我们只需要点击右下角的"Accept all"就可以了:
这个点其实是我很喜欢用Windsurf类AI IDE的原因 —— 如果你用CherryStudio/ChatWise这类壳,是不方便做类似的AI自动修复调整的。
第三步:刷新MCP服务
继续点锤子图标,然后点"Refresh":
有可能需要多刷几次,现在MCP server和Windsurf这类MCP Client之间连接还不大稳定。直到edgeone-pages-mcp-server前面显示绿灯,说明配置完成了。
搞定!接下来,你就可以愉快地白嫖腾讯的PagesMCP了!尝试在先前完成开发的本地静态网页里喊出咒语吧:
帮我把网页部署到线上
PagesMCP的技术原理
根据腾讯云官方的技术说明,PagesMCP的实现原理相当巧妙:
1. Pages Functions集成:PagesMCP将MCP服务与EdgeOne Pages Functions(一个无服务器计算平台)深度集成,允许在边缘执行JavaScript/TypeScript代码。
2. 工作流程:
- 当你在Windsurf等编辑器中输入"帮我部署网页"类似的指令时
- AI生成HTML内容,PagesMCP服务接收这些内容
- 自动将内容部署到EdgeOne Pages平台
- 返回一个可公开访问的URL
3. 无缝体验:整个过程对用户完全透明,不需要任何额外的操作或登录步骤,真正做到了"一句话部署"。
这种设计充分体现了MCP技术与边缘计算的完美结合,为开发者提供了前所未有的便捷体验。
目前,EdgeOne Pages(包括PagesMCP)处于公测阶段,完全免费使用。从腾讯云的定价策略来看,即使未来开始收费,也很可能会保留免费额度。
对我们个人开发者和小型项目来说,即使未来收费,个人版或基础版也完全够用,不用担心成本问题。
腾讯云 EdgeOne是类似Cloudflare的帮助大家完成静态网页部署的工具,有关Cloudflare部署的用法,我们在AI编程蓝皮书里面也有介绍:
实际应用场景
PagesMCP的出现,为哪些场景带来了革命性的变化?
1. 快速原型验证:产品经理可以直接用自然语言描述需求,几分钟内获得可访问的原型网站
2. 个人博客/作品集:无需懂技术,也能快速创建并部署个人网站
3. 活动落地页:市场人员可以自行创建活动页面,无需等待开发资源
4. 教育演示:教师可以快速创建教学演示网页,提升教学效果
5. 小型企业网站:小企业主无需聘请专业开发,也能拥有专业的企业网站
这些场景的共同点是:降低了技术门槛,缩短了从想法到实现的时间,让创造力不再被技术细节所束缚。
未来展望:全流程AI开发
随着MCP生态的不断丰富,我们可以预见未来的开发流程将更加简化:
- 多MCP协同工作:一句话触发多个MCP联动,完成从创意到上线的全流程
- 个性化定制能力:根据个人需求自动选择最适合的MCP组合
- 跨平台一键部署:不仅是网页,还包括小程序、App等多种形态
对于我们普通用户来说,MCP技术的发展意味着创造力的解放。我们不再需要被技术细节所困扰,而是可以专注于创意本身。
有了类似PagesMCP的能力,AI时代的基础设施变得更加完善,也更加方便我们日常使用。有时候我真的不得不感叹:进化太快,进化太快!
大模型&AI产品经理如何学习
求大家的点赞和收藏,我花2万买的大模型学习资料免费共享给你们,来看看有哪些东西。
1.学习路线图
第一阶段: 从大模型系统设计入手,讲解大模型的主要方法;
第二阶段: 在通过大模型提示词工程从Prompts角度入手更好发挥模型的作用;
第三阶段: 大模型平台应用开发借助阿里云PAI平台构建电商领域虚拟试衣系统;
第四阶段: 大模型知识库应用开发以LangChain框架为例,构建物流行业咨询智能问答系统;
第五阶段: 大模型微调开发借助以大健康、新零售、新媒体领域构建适合当前领域大模型;
第六阶段: 以SD多模态大模型为主,搭建了文生图小程序案例;
第七阶段: 以大模型平台应用与开发为主,通过星火大模型,文心大模型等成熟大模型构建大模型行业应用。
2.视频教程
网上虽然也有很多的学习资源,但基本上都残缺不全的,这是我自己整理的大模型视频教程,上面路线图的每一个知识点,我都有配套的视频讲解。
(都打包成一块的了,不能一一展开,总共300多集)
因篇幅有限,仅展示部分资料,需要点击下方图片前往获取
3.技术文档和电子书
这里主要整理了大模型相关PDF书籍、行业报告、文档,有几百本,都是目前行业最新的。
4.LLM面试题和面经合集
这里主要整理了行业目前最新的大模型面试题和各种大厂offer面经合集。
👉学会后的收获:👈
• 基于大模型全栈工程实现(前端、后端、产品经理、设计、数据分析等),通过这门课可获得不同能力;
• 能够利用大模型解决相关实际项目需求: 大数据时代,越来越多的企业和机构需要处理海量数据,利用大模型技术可以更好地处理这些数据,提高数据分析和决策的准确性。因此,掌握大模型应用开发技能,可以让程序员更好地应对实际项目需求;
• 基于大模型和企业数据AI应用开发,实现大模型理论、掌握GPU算力、硬件、LangChain开发框架和项目实战技能, 学会Fine-tuning垂直训练大模型(数据准备、数据蒸馏、大模型部署)一站式掌握;
• 能够完成时下热门大模型垂直领域模型训练能力,提高程序员的编码能力: 大模型应用开发需要掌握机器学习算法、深度学习框架等技术,这些技术的掌握可以提高程序员的编码能力和分析能力,让程序员更加熟练地编写高质量的代码。
1.AI大模型学习路线图
2.100套AI大模型商业化落地方案
3.100集大模型视频教程
4.200本大模型PDF书籍
5.LLM面试题合集
6.AI产品经理资源合集***
👉获取方式:
😝有需要的小伙伴,可以保存图片到wx扫描二v码免费领取【保证100%免费】🆓