门户网站开发软件直播吧官网
开始之前，我们先来回顾一下，什么是mcp
MCP(Model Context Protocol)
模型上下文协议是 2024 年 11 月由 Anthropic 公司推出并开源的一个新标准
核心内容
- 架构2：MCP 采用客户端 - 服务器架构。AI 应用程序（如聊天工具或 IDE）作为主机，管理 MCP 客户端。MCP 客户端是主机内的中介体，每个中介体通过 JSON - RPC 2.0 连接到一个 MCP 服务器，负责处理通信，确保安全性和沙箱。MCP 服务器是轻量级程序，通过 MCP 公开功能，支持本地和使用服务器发送事件（SSE）进行远程通信的 HTTP。
- 功能2：MCP 服务器主要提供三种功能。一是提供资源，像文件、数据库记录或 API 响应等数据源，为 AI 提供上下文；二是提供提示，即模板消息或工作流来指导 AI 响应或任务，增强交互；三是提供工具，执行 AI 的功能，如发送电子邮件或与服务交互，让 AI 能进行实际操作。
作用和意义
- 实时数据访问：使 AI 能从外部数据源获取最新信息，不像传统 AI 只能依赖静态的预训练数据，让企业能根据实时数据做决策。
- 自动化复杂工作流：将 AI 与工具和平台连接，自动完成一些原本需要人工干预的任务，减少重复工作，让企业能专注于更重要的战略活动。
- 双向通信：AI 不仅能获取数据，还能分析并据此采取行动，优化工作流程，提高运营效率。
- 可定制化：企业能利用 MCP 的 SDK 构建自己的工具或修改现有工具，根据自身特定需求进行定制，适用于不同行业的各种应用场景。
使用高德mcp之前需要先获取高德的应用秘钥
如何拥有自己的高德的key?
1.访问高德官网、注册登录
2.点击控制台---->应用、创建应用
3.创建应用后，就可以拿到key了
将MCP集成到AI编程工具(以Trae国际版为例)
1.访问Trae官网下载安装最新版
2. 打开Trae后、Ctrl+U 显示AI对话框，点击右上角的设置、选择mcp、添加
3. 然后把以下内容贴进去、保存。（需要node.js的版本>18.0,没有装的自行安装）
{"mcpServers": {"amap-maps": {"command": "npx","args": ["-y","@amap/amap-maps-mcp-server"],"env": {"AMAP_MAPS_API_KEY": "你的高德key"}}}
}4.保存后，看到显示如下则代表添加成功
4.1.创建一个智能体，把高德mcp集成进去
5.准备提示词、开始与大模型交互
##我五一计划去长沙游玩2天的旅行攻略。
#帮制作旅行攻略，考虑出行时间和路线，以及天气状况路线规划。
##网页使用简约美观页面风格，景区图片以卡片展示。
##同一天行程景区之间我想打车前往。
#生成文件名 csTravel.html。
6.开始进行交互、智能体选择刚才新建的、模型选择Claude3.7
7.生成过程
8.最终代码结果
9.效果展示
图片路径有问题、我还没有处理。但瑕不掩瑜
最后，不得不感叹AI的强大与魅力。