ingFang SC", system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;color: rgb(31, 35, 41);margin: 0px 0px 4px;word-break: break-all;min-height: 20px;">各位应该最近频繁听到 MCP 这个词,简单来说 MCP 协议的出现将模型使用工具的难度下降了非常多。ingFang SC", system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;color: rgb(31, 35, 41);margin: 0px 0px 4px;word-break: break-all;min-height: 20px;">发布的这短短几个月各种工具的 MCP 服务井喷式的出现。ingFang SC", system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;color: rgb(31, 35, 41);margin: 0px 0px 4px;word-break: break-all;min-height: 20px;">我上周也写了一篇教程帮大家使用 MCP,但其实 MCP 使用不是很难,你只需要以前跟 AI 聊天一样给 AI 提出需求就行。ingFang SC", system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;color: rgb(31, 35, 41);margin: 0px 0px 4px;word-break: break-all;min-height: 20px;">难的是 MCP 的配置,真的非常恶心,现在支持 MCP 的客户端除了 Claude 就是 Cursor 这种 AI IDE 本身这些软件就难用。ingFang SC", system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;color: rgb(31, 35, 41);margin: 0px 0px 4px;word-break: break-all;min-height: 20px;">然后配置又需要安装配套的环境,安装之后还需要你理解 UVX 和 UPX 的命令一下就拦住了很多人。ingFang SC", system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;color: rgb(31, 35, 41);margin: 0px 0px 4px;word-break: break-all;min-height: 20px;">我当时的教程在这块给大家讲了一两千字,结果很多朋友还说看不懂。ingFang SC", system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;color: rgb(31, 35, 41);margin: 0px 0px 4px;word-break: break-all;min-height: 20px;">后面我说希望某个大平台可以简化一下 MCP 的配置,最好是应用商店的模式点击就可以部署。ingFang SC", system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;color: rgb(31, 35, 41);margin: 0px 0px 4px;word-break: break-all;min-height: 20px;">没想到这一天来的这么快,阿里云百炼平台推出了业界首个全生命周期MCP服务。ingFang SC", system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;color: rgb(31, 35, 41);margin: 0px 0px 4px;word-break: break-all;min-height: 20px;">企业、开发者甚至个人用户可以一键部署 MCP 服务,用可视化界面构建 Agents 应用。?ingFang SC", system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;color: rgb(31, 35, 41);margin: 0px 0px 4px;word-break: break-all;min-height: 20px;">具体特点有:- 一键部署:提供一键部署、无需运维的MCP服务
- 超多 MCP 供给:内置了 MCP 市场默认提供了相当多官方的 MCP 和三方 MCP
- 低成本服务托管:业级MCP服务托管,函数计算资源动态启用,弹性按量付费
- 全链路工具兼容:在智能体和工作流中快速引用MCP服务
我直接也试了一下,确实将整个 MCP 的部署难度降低了非常多,你现在基本什么都不用管,一键开通后就可以用 MCP 创建自己的 Agents 应用了。 这里用两个例子给大家展示一下怎么用百炼的 MCP 服务构建自己的 Agents 应用: - 1.用高德 MCP 查询当地天气之后让 AI 写个网页帮我们可视化的展示天气;
- 2.用 Firecrawl 和 Flomo MCP 自动查询和总结网页内容保存到你的 Flomo 变成笔记。
高德查询天气并生成网页首先看第一个案例,我们需要访问百炼平台(https://bailian.console.aliyun.com/?tab=mcp#/mcp-market)的 MCP 市场,从市场里面找到高德的 MCP 服务。 由于是阿里自家的服务所以这里的高德 MCP,功能要比外面发布的能力强很多。 开通之后我们就需要创建一个应用来调用高德的 MCP 服务,切到应用 Tab 的应用管理部分,然后点击「新增应用」按钮,这里推荐选智能体应用就行。 进来之后我们首先需要选模型,这里默认的千问 Max 就行,我选 DeepSeek 来着,但是看起来好像没有支持 MCP,希望后面可以快点支持。 之后我们需要在智能体中添加高德的 MCP 服务,点击「+MCP」在侧边栏勾选你刚才开通的高德 MCP 就行。 最后就只需要填写提示词就可以开整了,我也把我的提示词放这里给大家参考,如果你有其他需求不会写也没关系,百炼也提供了提示词优化的功能,写下你的提示词点击优化按钮就行。 # 角色 你是一位专业的前端开发工程师,擅长使用HTML5、TailwindCSS 3.0+、JavaScript以及相关的库和工具,能够根据用户输入的位置查询当天及未来七天的天气内容,生成一个具有网易云音乐风格视觉设计的动态天气预报网页。
## 技能 ### 技能 1: 天气数据获取 -根据用户提供的位置信息,调用天气API获取当天及未来七天的天气数据。 -确保数据的准确性和时效性。
### 技能 2: HTML5页面构建 -使用HTML5构建基础的网页结构。 -确保页面结构清晰、简洁,并符合语义化标准。
### 技能 3: TailwindCSS 3.0+样式设计 -通过CDN引入TailwindCSS 3.0+,并利用其强大的类名系统进行样式设计。 -设计符合网易云音乐风格的视觉效果,白色底色配合与#FE1110相近的颜色作为高亮。 -强调超大字体或数字突出核心要点,画面中有超大视觉元素强调重点,与小元素的比例形成反差。 -运用高亮色自身透明度渐变制造科技感,但不同高亮色不要互相渐变。
### 技能 4: 动态效果实现 -使用Framer Motion(通过CDN引入)实现页面动效。 -模仿Apple官网的动效,向下滚动鼠标时配合动效,提升用户体验。
### 技能 5: 数据可视化 -使用专业图标库如Font Awesome或Material Icons(通过CDN引入)进行数据可视化。 -避免使用emoji作为主要图标。 -可以引用在线的图表组件,确保样式与主题一致。
### 技能 6: 中英文混用 -页面中采用中英文混用的方式,中文大字体粗体,英文小字作为点缀。 -确保文字排版美观、易读。
### 技能 7: 代码优化 -保证代码的可维护性和扩展性。 -代码注释清晰,便于后续维护。
## 限制 -页面设计必须符合网易云音乐风格,白色底色配合与#FE1110相近的颜色作为高亮。 -页面中的文字应中英文混用,中文大字体粗体,英文小字作为点缀。 -不能省略内容要点,确保所有关键信息都展示在页面上。 -不要使用emoji作为主要图标。 -动态效果需模仿Apple官网的动效,向下滚动鼠标时配合动效。 -所有使用的库和工具(如Framer Motion、TailwindCSS 3.0+、Font Awesome或Material Icons)都通过CDN引入。 -生成的HTML页面需要通过Artifact输出。
 之后再右侧输入你需要查询的地址,模型就会自动查询对应的天气并且开始生成网页了,如果你懒得自己写也可以用我的这个玩玩:https://bailian.console.aliyun.com/share/e1204f6a3d2f4d419f55a492c8aa8699?memoryId=e1384d68e5a044eeaa1dfeb558322d66
获取任意网页内容总结并记录到 Flomo接下来我们讲一个稍微复杂点的,把你想要总结的网页链接发给 AI 后他会自动获取内容并且总结,然后自动将总结内容记录到你的 Flomo 笔记里,还会带上标签。 这里会涉及到两个 MCP 服务,Firecrawl 的网页内容总结和 Flomo 的笔记写入。 这里因为用到了 Firecrawl 和 Flomo 的服务所以我们需要去这两个平台获取一下 API Key。 首先去 Firecrawl (https://www.firecrawl.dev/app/api-keys)这里,在侧边栏找到 API Keys 然后复制备用。 之后到 Flomo (https://v.flomoapp.com/mine?source=incoming_webhook) 复制我们的专属记录 API备用。 之后我们继续回到百炼的 MCP 广场找到这两个 MCP 服务开通,开通的时候输入我们刚才申请的 MCP 就行。 然后我们继续回到应用 Tab,新建应用,添加模型和选择我们刚才开通的两个 MCP 服务。 然后就是写提示词了,刚开始我发给他网页链接之后这里的 Firecrawl 一直获取不到网页信息,我还怀疑我的 API 不会是有问题吧,我又去 Firecrawl 官方试了一下,结果可以返回。 然后仔细看了一下模型的请求内容发现,他的参数都没写,应该是不知道应该写哪些参数,于是我就在提示词里面加了一个示例,果然就 OK 了。 如果你要用的话可以参考我的提示词。 # 角色 你是一位内容整理专家,负责查询和总结用户输入的网页内容,并将相关内容总结后用中文记录到 Flomo 中,同时添加适当的标签。
## 技能 ### 技能 1: 查询和总结网页内容 - 根据用户提供的网页链接,使用Firecrawl MCP工具获取网页的 Markdown 内容。 - 阅读并理解网页的主要内容,用中文提取关键信息和要点。 - 将提取的信息进行简洁而全面的总结。
### 技能 2: 记录到 Flomo - 调用 Flomo MCP 将总结的内容记录到 Flomo 中。 - 确保记录的内容格式清晰、易于阅读。 - 在记录内容时,添加适当的标签以便于后续查找和分类。
### 技能 3: 添加标签 - 根据总结的内容,选择 1 个合适的标签。 - 标签格式为 `#` 后面加词语,每个标签后换行。 - 标签添加在最前面 - 确保标签准确反映内容的主题和关键词。
### 限制
1. 总结的内容必须为中文 2. 只需要一个标签 3. 标签#号与词语之间不要有空格
### Firecrawl MCP工具的示例查询代码为:
{ "name":"firecrawl_scrape", "arguments": { "url":"https://example.com", "formats": ["markdown"], "onlyMainContent":true, "waitFor": 1000, "timeout": 30000, "mobile":false, "includeTags": ["article","main"], "excludeTags": ["nav","footer"], "skipTlsVerification":false } }
之后我们输入一篇文章测试,就可以看到 MCP 正常返回了网页的 Markdown 格式内容,并且自动将总结结果记录到了 Flomo 里面。
上次我在我的 MCP 教程里面说过: 过技术的民主化与易用性之间总是存在矛盾。一方面我们希望技术足够开放和灵活,另一方面又希望它足够简单直观。 这种矛盾在每一项新兴技术发展初期都会出现,但随着生态的成熟,这种矛盾终将被解决。 没想到解决的这么快,就在我写完这段话一周后,太离谱了,这就是 AI 速度朋友们。 如果你也对 MCP 感兴趣原先苦于高门槛没办法尝试的话,我推荐你现在试试。 |