【AI编程】AI+高德MCP不到10分钟搞定上海三日游

本文涉及的产品
交互式建模 PAI-DSW,每月250计算时 3个月
模型在线服务 PAI-EAS,A10/V100等 500元 1个月
模型训练 PAI-DLC,100CU*H 3个月
简介: 本文介绍了小白如何通过AI编程工具(如Trae)快速开发应用并实现技术变现。内容涵盖AI编程用途、工具准备、高德地图开发者权限获取、AI工具配置及实战生成旅游攻略与打印页面,帮助零基础用户轻松入门AI编程。

让小白们不仅能学到技术,还能通过技术变现

1.AI编程有什么用?

一句话总结:不是专业程序员的小白也能通过AI工具做出网站、小程序、APP,可以利用AI来实现各种想法,也可以变现

2.准备工作

AI编程工具准备,以下推荐小白用Trae

1.png

3.获取高德地图开发者权限

我们需要调高德地图MCP的功能,就需要准备一个账号,下面的注册过程:

(1)注册高德开发者账号

地址:https://lbs.amap.com/

右上角点击注册,然后认证方式选择个人开发者,最后实名认证等待审核通过就行

2.png

(2)创建应用

登录完成后,我们点击右上角的控制台,进入应用管理-我的应用 界面,然后点击右上角的创建应用

3.png

输入应用名称、应用类型之后,我们点击新建添加;

接下来点击右边的添加Key按钮,然后输入key的名称,服务平台选择Web服务

4.png

点击提交后就可以得到一个key,这里我们保存下来,后面AI编程会用到

5.png

4. 配置Trae的地图能力

这一步我用Trae做功能演示,Cursor也是一样的原理,把高德地图MCP服务配置到AI编程工具工具里

Trae的配置入口在右上角设置按钮- MCP- 手动添加,把下面的json配置加进去,注意替换api_key为我们在上一步获取的高德地图的key

{
   
  "mcpServers": {
   
    "amap-maps": {
   
      "command": "npx",
      "args": [
        "-y",
        "@amap/amap-maps-mcp-server"
      ],
      "env": {
   
        "AMAP_MAPS_API_KEY": "api_key"
      }
    }
  }
}

6.png

确认配置无误后,现在Trae已经具备了调用高德地图的能力了,可以查路线规划,交通状况等等

5.一句话指令生成旅游攻略

用高德MCP,生成上海三日游的旅游攻略

这里选择模型时,我用的Claude3.7,然后Trae就会自行调用高德API查询所有需要的信息,大概几分钟就生成完成了

7.png

6.锦上添花——生成打印页面

上面旅游攻略虽然出来了,但是看着不太美观,我想让它生成A4纸大小的页面,方便打印出来拿着看,虽然现在手机看也很方便,还是一句话指令:

帮我设计一个4A纸大小的旅游攻略表,要求看着美观简约,可打印出来看

接着Trae就会按照要求开始生成代码,最后看看效果:

8.png

7.小结

以上的过程我只用了不到10分钟就完成了,如果是以前编程开发的话,预估也需要一天才能做出上面的页面出来

今天的文章只是用一个例子入门AI编程,后续会更新网站开发,小程序开发,以及AI编程变现的方法。记得给我点个关注哦~

相关文章
|
2月前
|
SQL 人工智能 机器人
AI Agent新范式:FastGPT+MCP协议实现工具增强型智能体构建
FastGPT 与 MCP 协议结合,打造工具增强型智能体新范式。MCP 如同 AI 领域的“USB-C 接口”,实现数据与工具的标准化接入。FastGPT 可调用 MCP 工具集,动态执行复杂任务,亦可作为 MCP 服务器共享能力。二者融合推动 AI 应用向协作式、高复用、易集成的下一代智能体演进。
318 0
|
2月前
|
存储 人工智能 JSON
揭秘 Claude Code:AI 编程入门、原理和实现,以及免费替代 iFlow CLI
本文面向对 AI Coding 感兴趣的朋友介绍 Claude Code。通过此次分享,可以让没有体验过的快速体验,体验过的稍微理解其原理,以便后续更好地使用。
827 18
揭秘 Claude Code:AI 编程入门、原理和实现,以及免费替代 iFlow CLI
|
2月前
|
人工智能 JSON 安全
Claude Code插件系统:重塑AI辅助编程的工作流
Anthropic为Claude Code推出插件系统与市场,支持斜杠命令、子代理、MCP服务器等功能模块,实现工作流自动化与团队协作标准化。开发者可封装常用工具或知识为插件,一键共享复用,构建个性化AI编程环境,推动AI助手从工具迈向生态化平台。
380 1
|
3月前
|
存储 消息中间件 人工智能
【08】AI辅助编程完整的安卓二次商业实战-修改消息聊天框背景色-触发聊天让程序异常终止bug牵涉更多聊天消息发送优化处理-优雅草卓伊凡
【08】AI辅助编程完整的安卓二次商业实战-修改消息聊天框背景色-触发聊天让程序异常终止bug牵涉更多聊天消息发送优化处理-优雅草卓伊凡
242 10
【08】AI辅助编程完整的安卓二次商业实战-修改消息聊天框背景色-触发聊天让程序异常终止bug牵涉更多聊天消息发送优化处理-优雅草卓伊凡
|
3月前
|
存储 消息中间件 人工智能
【05】AI辅助编程完整的安卓二次商业实战-消息页面媒体对象(Media Object)布局实战调整-按钮样式调整实践-优雅草伊凡
【05】AI辅助编程完整的安卓二次商业实战-消息页面媒体对象(Media Object)布局实战调整-按钮样式调整实践-优雅草伊凡
113 11
【05】AI辅助编程完整的安卓二次商业实战-消息页面媒体对象(Media Object)布局实战调整-按钮样式调整实践-优雅草伊凡
|
3月前
|
机器学习/深度学习 人工智能 机器人
AI Compass前沿速览:Nano Bananary、MCP Registry、通义DeepResearch 、VoxCPM、InternVLA·M1具身机器人
AI Compass前沿速览:Nano Bananary、MCP Registry、通义DeepResearch 、VoxCPM、InternVLA·M1具身机器人
|
2月前
|
Web App开发 人工智能 自然语言处理
利用Playwright MCP与LLM构建复杂的工作流与AI智能体
本文介绍如何通过Playwright MCP与大语言模型(LLM)结合,构建智能AI代理与自动化工作流。Playwright MCP基于Model Context Protocol,打通LLM与浏览器自动化的能力,实现自然语言驱动的网页操作。涵盖环境配置、核心组件、智能任务规划、自适应执行及电商采集、自动化测试等实战应用,助力高效构建鲁棒性强、可扩展的AI自动化系统。
|
2月前
|
人工智能 自然语言处理 JavaScript
Playwright MCP在UI回归测试中的实战:构建AI自主测试智能体
Playwright MCP结合AI智能体,革新UI回归测试:通过自然语言驱动浏览器操作,降低脚本编写门槛,提升测试效率与覆盖范围。借助快照解析、智能定位与Jira等工具集成,实现从需求描述到自动化执行的闭环,推动测试迈向智能化、民主化新阶段。

热门文章

最新文章