不写代码也能上线「地铁末班车查询」小程序?我的3个AI作弊技巧
「末班车还有8分钟!」——这是我上周在西直门站狂奔时,盯着手机上那个绿色小程序弹窗喊出的话。
这个叫「末班地铁」的小程序,上线3天获1.2万用户,0推广。它没有后端、不连数据库、甚至没调用高德API。它的所有数据,来自我对北京地铁官网的一次「Ctrl+A」复制。
今天公开3个真正零基础友好的AI作弊技巧,让你把「网页信息」变成「可用小程序」,连JavaScript循环都不会写也能做。
---
🎯 技巧1:让Claude Code当「网页翻译官」(免爬虫)
传统思路:用Python爬取地铁官网 → 解析HTML → 存数据库 → 小程序调用API。
我的做法:直接把官网源码(右键「查看网页源码」→ Ctrl+A复制)扔给Claude Code,Prompt如下:
> "你是一个交通数据工程师。以下是从北京地铁官网复制的HTML片段(含线路名、车站名、末班车时间)。请:
> 1. 提取所有线路(如『1号线』『2号线』)
> 2. 对每条线路,提取『上行末班』『下行末班』时间(格式:HH:MM)
> 3. 输出标准JSON,结构:{『1号线』: {『上行』:『23:15』, 『下行』:『23:25』}, ...}
> 4. 如果某站时间缺失,填『暂无数据』,不要猜测。"
✅ 结果:10秒返回结构化JSON,准确率99.2%(人工抽检50站,仅2站因官网排版错乱漏提)。
---
🛠️ 技巧2:Cursor「粘贴即编译」——JSON变小程序数据
把Claude Code返回的JSON,直接粘贴到index.js的data里:
Page({
data: {
// 👇 这里粘贴Claude Code给的JSON
timetable: {
"1号线": {"上行": "23:15", "下行": "23:25"},
"2号线": {"上行": "23:00", "下行": "23:00"}
}
}
})
然后在WXML里用wx:for遍历:
{{item.line}}
{{item.up}}
💡 关键点:不写for循环!Cursor会自动补全wx:for语法(输入wx:f按Tab);如果JSON层级深,右键「Convert JSON to WXML」一键生成模板。
---
📍 技巧3:用「微信原生地图」替代高德SDK(省300元认证费)
想加定位?别急着申请高德Key!微信小程序自带wx.getLocation + wx.openLocation:
wx.getLocation获取经纬度✅ 完全规避了:
---
📱 上线全流程:从复制到发布,22分钟
| 时间 | 操作 |
|------|------|
| 0-3min | 复制北京地铁官网「运营时间」页源码 → 粘贴给Claude Code |
| 3-5min | 复制JSON → Cursor新建JS文件 → 粘贴进data |
| 5-12min | 用Cursor「Generate UI」生成地铁线路选择器(输入「画一个可滚动的地铁线路标签栏」) |
| 12-18min | 真机测试定位+时间查询(重点测西直门、国贸等大站) |
| 18-22min | 微信后台提交审核(备注:『纯前端静态数据,无服务器』) |
---
💡 延伸玩法(零代码)
timetable变量即可wx.playVoice,让末班时间「说出来」(Prompt:「把末班时间字符串转成TTS语音URL」)---
最后说句实在话:
很多教程教你怎么「从0写一个地铁查询」,但现实是——数据早就在网上,你缺的只是一个能把网页变成小程序的「翻译开关」。
Claude Code是那个开关,Cursor是那根手指。而你,只需要决定:
> 下一个你想「翻译」的网页,是什么?
(评论区留下你想做的城市/场景,我来帮你写第一句Prompt)