开头先唠句实在的

前天晚上躺床上刷手机，突然微信“叮咚”一声，我那开水果店的表哥发来一条五十秒的语音，意思就是看他隔壁老王搞了个小程序卖水果生意不错，眼红得不行，死活让我也给他整一个，还说就当帮大侄子攒奶粉钱了。我心想得，房贷压力大，搞点外快也行，硬着头皮应下来了，这才有了这回折腾。

说干就干？先别急！

我可不是那种脑子一热就敲代码的主儿。第一件事，冲了杯速溶咖啡，打开我那破笔记本，点开微信开发文档开始啃。看完头都大了！什么 AppID、云开发、后台配置，跟天书似的。干脆把笔记本一合，翻箱倒柜找出半截铅笔跟一张超市小票，就在背面开始画。老表要不就这几样嘛首页摆满水果照片得好看、点一下能进详情页、能加购物车、微信付钱、完了得让人家能查到订单到哪儿了。我就画了几个框框，箭头连来连去，跟小孩涂鸦差不多，但心里总算有谱了。

真动手，先从“脸面”开始

第二天起了个大早，打开微信开发者工具，哆哆嗦嗦新建了个项目。看着左边一堆 wxml、wxss、js、json 文件就犯怵。管他，先搞“脸面”！照着昨晚涂鸦的框框，在 wxml 里用几个 view 标签堆了个大概骨架，丑得不行。接着在 wxss 里瞎调：这个框颜色不行，抓耳挠腮百度“小程序 背景色”；那个图片大小不对，拍大腿搜“image 样式适配”。折腾了一下午，首页总算有点水果店的样儿了，图片是网上随便找的（跟老表说先用着回头换），按钮位置调了不下十遍才顺眼点。

让页面“动”起来才是难点

光好看没用，点不动！最头疼的来了。点击水果进详情页？我吭哧吭哧在详情页的 json 里配路径，在 js 里写 onLoad 函数接收传过来的水果ID。写了个模拟的“水果数据”数组，ID、名字、价格、图片地址塞进去。点首页的芒果，详情页就得展示芒果的信息对？调试的时候不是显示不出来就是显示错，对着控制台报错查得眼冒金星，恨不得摔鼠标，还是硬着头皮一行行比对代码。

购物车也够呛。临时建了个全局变量当购物车，点“加入购物车”就塞东西进去，还得处理同一个东西再加数量要增加。在购物车页面遍历显示，最烦的是那个总价计算，还得考虑删减商品后的变化，算得我头晕眼花。

关头：付钱和查订单

接入微信支付？要了我老命了！看官方文档看得云里雾里，什么商户号、证书、回调，跟闯关打怪似的。折腾半天弄好了服务端（简单弄了个云函数凑合），又在前端调支付接口。测试支付那1分钱都心惊胆战，生怕哪里配置错了钱飞了（虽然就一分）。物流查询更省事，直接用了快递100的插件，填好信息，用户输单号就能查，这块儿反而是最省心的。

终于上线，喝杯蜜雪冰城庆祝下

代码写得七七八八了，赶紧打包提交审核。生怕微信给打回来，理由翻来覆去检查了好几遍，尤其怕支付流程有问题。等审核那半天坐立难安，比等高考成绩还紧张。下午就收到通知：“审核通过”！立马给老表打电话，让他扫码体验。他那破网加载慢悠悠的，我在边上心里直打鼓。终于加载出来了，看着他笨手笨脚点了几下，真付了一分钱买个“测试苹果”，订单也查到了，我心里那块石头“哐当”落地，赶紧下楼买了杯蜜雪冰城最便宜的解渴，也顾不得省钱了！

搞完这回的一点大实话

累是真累，掉头发也是真掉。但也摸到点门道：千万别一上来就写代码，用纸笔画清楚比啥都强；遇到难点先别慌，搜一下基本都有前人踩过坑；微信那些官方文档虽然有点绕，但硬着头皮看还是能懂大半；最重要的，测试！测试！再测试！特别是付钱环节。现在看着老表的水果店小程序跑起来了，虽然界面糙了点，功能简单点，但够他用，心里还有点小得意，下次再搞，估计能快点了？（然后想起家里老婆说空调开太久费电，得赶紧上楼关空调去...）