📱
📱
📱
📱

不写代码也能上线「地铁末班车查询」小程序?我的3个AI作弊技巧

站长
2026年4月5日 · 阅读 1307 · 点赞 143 · 预计 4 分钟
分享:

不写代码也能上线「地铁末班车查询」小程序?我的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.jsdata里:

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获取经纬度

  • 用Cursor对JS文件提问:"根据当前坐标,计算距离最近的3个地铁站(用百度地图坐标系近似)"

  • Claude Code返回简单欧氏距离公式(因北京城区范围小,误差<200米)

  • 结果直接渲染在页面:「西直门站 · 距离180m · 末班23:25」
  • ✅ 完全规避了:

  • 高德API密钥申请(需企业资质)

  • SDK引入和配置(50行代码)

  • 月调用量超限扣费风险
  • ---

    📱 上线全流程:从复制到发布,22分钟

    | 时间 | 操作 |
    |------|------|
    | 0-3min | 复制北京地铁官网「运营时间」页源码 → 粘贴给Claude Code |
    | 3-5min | 复制JSON → Cursor新建JS文件 → 粘贴进data |
    | 5-12min | 用Cursor「Generate UI」生成地铁线路选择器(输入「画一个可滚动的地铁线路标签栏」) |
    | 12-18min | 真机测试定位+时间查询(重点测西直门、国贸等大站) |
    | 18-22min | 微信后台提交审核(备注:『纯前端静态数据,无服务器』) |

    ---

    💡 延伸玩法(零代码)

  • 「城市扩展包」:把上海/广州地铁源码丢给Claude Code,3分钟生成新JSON,替换timetable变量即可

  • 「语音播报」:在JS里加wx.playVoice,让末班时间「说出来」(Prompt:「把末班时间字符串转成TTS语音URL」)

  • 「离线包」:微信开发者工具 → 详情 → 本地设置 → 勾选「将js/wxml/wxss打包为离线包」,用户断网也能查
  • ---

    最后说句实在话:

    很多教程教你怎么「从0写一个地铁查询」,但现实是——数据早就在网上,你缺的只是一个能把网页变成小程序的「翻译开关」。

    Claude Code是那个开关,Cursor是那根手指。而你,只需要决定:

    > 下一个你想「翻译」的网页,是什么?

    (评论区留下你想做的城市/场景,我来帮你写第一句Prompt)

    站长
    人人都是程序员,站长
    分享: