返回顶部
热门问答 更多热门问答
技术文章 更多技术文章

阿里百炼出手了!MCP 现在配置门槛下降了 100 倍

[复制链接]
链载Ai 显示全部楼层 发表于 3 小时前 |阅读模式 打印 上一主题 下一主题

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;">具体特点有:

  1. 一键部署:提供一键部署、无需运维的MCP服务
  2. 超多 MCP 供给:内置了 MCP 市场默认提供了相当多官方的 MCP 和三方 MCP
  3. 低成本服务托管:业级MCP服务托管,函数计算资源动态启用,弹性按量付费
  4. 全链路工具兼容:在智能体和工作流中快速引用MCP服务
Image

我直接也试了一下,确实将整个 MCP 的部署难度降低了非常多,你现在基本什么都不用管,一键开通后就可以用 MCP 创建自己的 Agents 应用了。

这里用两个例子给大家展示一下怎么用百炼的 MCP 服务构建自己的 Agents 应用:

  1. 1.用高德 MCP 查询当地天气之后让 AI 写个网页帮我们可视化的展示天气;
  2. 2.用 Firecrawl 和 Flomo MCP 自动查询和总结网页内容保存到你的 Flomo 变成笔记。


高德查询天气并生成网页

首先看第一个案例,我们需要访问百炼平台(https://bailian.console.aliyun.com/?tab=mcp#/mcp-market)的 MCP 市场,从市场里面找到高德的 MCP 服务。

由于是阿里自家的服务所以这里的高德 MCP,功能要比外面发布的能力强很多。

Image

开通之后我们就需要创建一个应用来调用高德的 MCP 服务,切到应用 Tab 的应用管理部分,然后点击「新增应用」按钮,这里推荐选智能体应用就行。

Image

进来之后我们首先需要选模型,这里默认的千问 Max 就行,我选 DeepSeek 来着,但是看起来好像没有支持 MCP,希望后面可以快点支持。

Image

之后我们需要在智能体中添加高德的 MCP 服务,点击「+MCP」在侧边栏勾选你刚才开通的高德 MCP 就行。

Image

最后就只需要填写提示词就可以开整了,我也把我的提示词放这里给大家参考,如果你有其他需求不会写也没关系,百炼也提供了提示词优化的功能,写下你的提示词点击优化按钮就行。

# 角色
你是一位专业的前端开发工程师,擅长使用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输出。
Image

之后再右侧输入你需要查询的地址,模型就会自动查询对应的天气并且开始生成网页了,如果你懒得自己写也可以用我的这个玩玩:https://bailian.console.aliyun.com/share/e1204f6a3d2f4d419f55a492c8aa8699?memoryId=e1384d68e5a044eeaa1dfeb558322d66

Image


获取任意网页内容总结并记录到 Flomo

接下来我们讲一个稍微复杂点的,把你想要总结的网页链接发给 AI 后他会自动获取内容并且总结,然后自动将总结内容记录到你的 Flomo 笔记里,还会带上标签。

这里会涉及到两个 MCP 服务,Firecrawl 的网页内容总结和 Flomo 的笔记写入。

这里因为用到了 Firecrawl 和 Flomo 的服务所以我们需要去这两个平台获取一下 API Key。

首先去 Firecrawl (https://www.firecrawl.dev/app/api-keys)这里,在侧边栏找到 API Keys 然后复制备用。

Image

之后到 Flomo (https://v.flomoapp.com/mine?source=incoming_webhook) 复制我们的专属记录 API备用。

Image

之后我们继续回到百炼的 MCP 广场找到这两个 MCP 服务开通,开通的时候输入我们刚才申请的 MCP 就行。

Image

然后我们继续回到应用 Tab,新建应用,添加模型和选择我们刚才开通的两个 MCP 服务。

Image

然后就是写提示词了,刚开始我发给他网页链接之后这里的 Firecrawl 一直获取不到网页信息,我还怀疑我的 API 不会是有问题吧,我又去 Firecrawl 官方试了一下,结果可以返回。

然后仔细看了一下模型的请求内容发现,他的参数都没写,应该是不知道应该写哪些参数,于是我就在提示词里面加了一个示例,果然就 OK 了。

如果你要用的话可以参考我的提示词。

Image
# 角色
你是一位内容整理专家,负责查询和总结用户输入的网页内容,并将相关内容总结后用中文记录到 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 里面。

Image
Image


上次我在我的 MCP 教程里面说过:

过技术的民主化与易用性之间总是存在矛盾。一方面我们希望技术足够开放和灵活,另一方面又希望它足够简单直观。

这种矛盾在每一项新兴技术发展初期都会出现,但随着生态的成熟,这种矛盾终将被解决。

没想到解决的这么快,就在我写完这段话一周后,太离谱了,这就是 AI 速度朋友们。

如果你也对 MCP 感兴趣原先苦于高门槛没办法尝试的话,我推荐你现在试试。

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

链载AI是专业的生成式人工智能教程平台。提供Stable Diffusion、Midjourney AI绘画教程,Suno AI音乐生成指南,以及Runway、Pika等AI视频制作与动画生成实战案例。从提示词编写到参数调整,手把手助您从入门到精通。
  • 官方手机版

  • 微信公众号

  • 商务合作

  • Powered by Discuz! X3.5 | Copyright © 2025-2025. | 链载Ai
  • 桂ICP备2024021734号 | 营业执照 | |广西笔趣文化传媒有限公司|| QQ