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

各位应该最近频繁听到 MCP 这个词，简单来说 MCP 协议的出现将模型使用工具的难度下降了非常多。

发布的这短短几个月各种工具的 MCP 服务井喷式的出现。

我上周也写了一篇教程帮大家使用 MCP，但其实 MCP 使用不是很难，你只需要以前跟 AI 聊天一样给 AI 提出需求就行。

难的是 MCP 的配置，真的非常恶心，现在支持 MCP 的客户端除了 Claude 就是 Cursor 这种 AI IDE 本身这些软件就难用。

然后配置又需要安装配套的环境，安装之后还需要你理解 UVX 和 UPX 的命令一下就拦住了很多人。

我当时的教程在这块给大家讲了一两千字，结果很多朋友还说看不懂。

后面我说希望某个大平台可以简化一下 MCP 的配置，最好是应用商店的模式点击就可以部署。

没想到这一天来的这么快，阿里云百炼平台推出了业界首个全生命周期MCP服务。

企业、开发者甚至个人用户可以一键部署 MCP 服务，用可视化界面构建 Agents 应用。

我直接也试了一下，确实将整个 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，功能要比外面发布的能力强很多。

开通之后我们就需要创建一个应用来调用高德的 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 感兴趣原先苦于高门槛没办法尝试的话，我推荐你现在试试。