使用高德MCP+AI编程工具打造一个旅游小助手
开始之前,我们先来回顾一下,什么是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的强大与魅力。