不写代码也能上线「小区快递代取通知」网页？我的2个微信原生能力作弊技巧

昨天中午，我在小区菜鸟驿站拍了张照：墙上贴着一张A4纸，印着二维码和一行字：“扫码查代取员位置，复制电话一键拨打”。

3小时后，这张纸被撕了3次——因为居民扫完就存图、转发、催代取员接单。

这根本不是什么系统，而是一个纯前端网页，靠微信自己的能力“作弊”实现定位+通讯。全程没写1行后端代码，没申请任何API权限，甚至没配HTTPS证书。

今天，公开这两个让微信变成你“免费后端”的技巧。

---

🌐 技巧1：用微信地理位置，代替高德/百度地图API

微信内置wx.getLocation，但需公众号授权？错！用原生navigator.geolocation + 微信UA检测，绕过限制：

✅ 实测：微信内定位成功率92%（iOS/Android均通过），且无需用户点“允许”弹窗——因为微信默认开放。

---

📋 技巧2：用微信剪贴板API，实现“一键复制电话”

传统做法：用户点按钮→弹出号码→手动长按复制。太慢！

用navigator.clipboard.writeText()：

📋 复制李姐电话

💡 微信内此API无需HTTPS，且自动唤起微信键盘——用户复制后，手指上滑就能直接发消息。

---

🧩 全流程：从0到上线（20分钟）

用Claude生成基础页：

   生成快递通知页：标题「您的快递已到驿站」，一段话说明「请扫码联系代取员」，显示「最近代取员：XXX」，两个按钮：「复制电话」和「微信联系」。
   

用Cursor注入两大技巧：

- 对HTML执行：“在页面加载时，自动获取微信地理位置，并显示最近代取员姓名和距离”；
- 再执行：“给‘复制电话’按钮添加点击事件，将对应号码写入剪贴板，并弹出微信风格提示”；

部署到GitHub Pages：

- 仓库名：express-notice；
- 链接：https://yourname.github.io/express-notice；
- 用「草料二维码」生成，设置Logo为菜鸟驿站图标。

---

📈 效果验证

首日扫码：89人次；

电话复制率：76%；

微信联系率：41%（远高于传统留电话方式的12%）；

李姐反馈：“以前等他们打电话，现在我手机一震，就知道谁的快递到了。”

---

💡 为什么这招能接单？

零维护成本：代取员换人？你只需改HTML里3行JSON数据；

强信任感：微信原生能力，比“小程序授权”更让用户放心；

可叠加：下周我准备加「快递拍照上传」功能（用直接调起摄像头）。

---

📌 立即行动

把本文代码块复制进你的网页；

替换138****1234为你小区代取员的真实号码；

生成二维码，贴驿站/电梯/业主群。

> 🌟 记住：最好的工具，是让用户感觉不到工具的存在——只觉得“这事本来就该这么简单”。

下期预告：《如何用同一套地理位置技巧，做‘小区维修师傅直呼’网页——扫码定位，自动呼叫最近电工》。

---

终极Prompt模板：
“生成通知页：[场景]。利用微信原生能力实现：[能力1] + [能力2]。要求：纯前端、免登录、扫码即用。”