📱
📱
📱
📱

周末在家,我用AI做了个「小区快递代取」小程序,邻居主动加我微信

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

周末在家,我用AI做了个「小区快递代取」小程序,邻居主动加我微信

周六上午10:23,我家门铃响了。

开门是3号楼的王姐,拎着两袋橙子:「小陈,你那个取快递的小程序真管用!我刚帮5户取完,他们非塞给我一袋——这比跑腿APP抽成强多了!」

这个叫「邻取」的小程序,没有登录页、没有支付接口、甚至没有后台管理。它只有3个按钮:

  • 「我要取件」(填写楼号/房号/快递单号)

  • 「我去帮忙」(选择空闲时段,系统自动推送附近订单)

  • 「查看记录」(仅自己可见的取件日志)
  • 全部由AI驱动,全程在家完成。下面是你也能复制的周末实战。

    ---

    🧩 第一步:把邻里需求,翻译成AI能懂的「最小指令」

    别一上来就问「帮我做个快递代取小程序」——AI会给你1000行云开发代码。

    要这样问Claude Code:

    > "你是一个社区产品经理。设计一个纯前端『邻里互助取件』工具,要求:
    > - 发单人:只需填3项(楼号/房号/单号),点击即生成带编号的卡片(例:L3-202-20240521001)
    > - 帮忙人:滑动选择『今天14:00-15:00』等时段,点击后自动推送所有该时段订单
    > - 数据存储:全部用wx.setStorageSync,不连网络、不传服务器
    > - 输出:完整WXML/WXSS/JS,重点标注『发单表单』『时段选择器』『推送逻辑』三处"

    ✅ 结果:生成的JS里,pushToNeighbors()函数直接用wx.getStorageSync('orders')读取全部订单,再用filter()筛出本时段的——连数组方法都不用你记。

    ---

    🛠️ 第二步:Cursor调试「最痛3个点」

    真实场景中,用户最常卡在:

  • 「楼号输错了」 → 在WXML表单加bindinput监听,Cursor右键「Add validation」→ 输入「楼号必须是数字,1-99之间」,AI自动插入校验逻辑

  • 「帮忙人没收到推送」 → Claude Code生成的是console.log(),我们让它升级:右键JS文件 → 「Refactor to wx.showToast」→ AI把日志变成「已向3位邻居推送!」弹窗

  • 「记录看不清」 → 在WXSS里对.log-item类右键「Improve readability」→ AI自动加padding: 12px + line-height: 1.6 + 楼号加粗
  • 💡 真正的效率提升,不在写新功能,而在秒级修复真实用户的使用障碍

    ---

    📱 第三步:真机测试,只测「邻居会怎么用」

    别在模拟器里点来点去!带手机下楼:

  • 在1号楼大厅,用自己微信扫二维码,填「L1-101-20240521001」发单

  • 上5楼,用朋友微信扫码,点「今天12:00-13:00」→ 看是否弹出刚才的单

  • 回家后,检查wx.getStorageSync('my_logs')里有没有这条记录
  • ✅ 通过标准:3个动作在1分钟内完成,且无任何「稍后重试」报错。

    ---

    🤝 第四步:激活「邻里裂变」的3句文案

    小程序冷启动最难?不,最难的是让第一批用户愿意帮你传播。我的话术:

  • 发单后弹窗:「已发布!邻居取件成功后,会微信联系您~(悄悄说:推荐给楼长,他能一键看到全楼订单)」

  • 帮忙人首页:顶部横幅「今日空闲:3位邻居待取件」+ 动态数字

  • 取件完成页:「感谢互助!长按保存这张『邻里感谢卡』,发群里更暖心」(生成带楼号的PNG图片)
  • 效果:首周23笔订单中,17笔来自微信群转发,6笔来自「楼长推荐」。

    ---

    🌟 为什么这个小程序能火?

  • 不挑战平台:不跟菜鸟驿站抢生意,专注「临时托管」场景(出差/生病/加班)

  • 信任可视化:所有订单带楼号房号,邻居一眼认出「这是住我对面的李哥」

  • 零学习成本:界面只有3个按钮,字体放大20%,老人也能点
  • ---

    📦 附:可直接复用的「小区扩展包」

    我把这个模式抽象成3个变量,你改3处就能适配任意小区:

    | 文件 | 修改位置 | 示例 |
    |------|----------|------|
    | index.js | data.buildings数组 | ["1号楼","2号楼","3号楼"] |
    | index.wxml | 里的小区名 | 「万科城市花园」 |
    | app.json | window.navigationBarBackgroundColor | #4CAF50(物业常用绿) |

    > 下载地址:woshird.com/mini-neighbor (含5个小区预设配置)

    ---

    真正的AI编程,不是让机器代替你思考,而是让你把精力,100%聚焦在「谁会用」「为什么用」「用得爽不爽」上。

    那个按响我家门铃的王姐,她不会告诉你什么是wx:for,但她会告诉你:

    > 「昨天我帮6户取件,他们微信转账时,写的都是同一句话:谢谢邻居!

    这才是比任何代码都漂亮的UI。

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