上个月我也被小程序整麻了，寻思着这么火的玩意咋能快速上手。翻了一堆教程全在讲理论，看得我脑壳疼。干脆自己趟雷试错，没想到真摸出条野路子。
第一步：先装家伙事儿
微信开发工具官网下了半天，结果安装包卡在99%不动弹。直接扭头搜了腾讯软件中心，两分钟下完装注册完账号一看界面，好家伙全是英文按钮！硬着头皮瞎点"新建项目"，在空模板里戳戳点点半小时，愣是整出个能显示"Hello World"的破页面。
第二步：偷人家现成的
同事扔给我个外卖小程序的烂项目，解压完直接拖进开发工具。点完运行按钮傻眼了，满屏报错像天书。翻开配置文件看了眼路径设置，把../images改成./images这种小儿科错误，改完居然能跑起来了。激动得连改三处页面文字，把"黄焖鸡"换成"麻辣烫"，特有成就感。
第三步：逮着按钮死磕
想做个预约按钮，照着文档敲*代码，结果点完屁反应没有。蹲厕所刷手机时突然想起，得在微信后台开服务器域名白名单！连滚带爬登陆小程序管理平台，在开发设置里塞进自己服务器地址。再点按钮终于弹出"预约成功"时，差点把键盘砸了。
第四步：页面跳转翻车现场
首页"立即下单"按钮绑了个跳转事件，点完直接黑屏。翻代码发现把navigateTo写成redirectTo，整个页面栈全清空了。改完又跳错页面，原来是把pages/cart拼成page/cart。这破字母"s"折腾我三杯咖啡，拿手机拍屏幕放大才找着。
第五步：真机测试吓出冷汗
开发工具预览美滋滋，扫手机二维码瞬间懵比。商品图片全裂开，付款按钮挤成火柴棍。抓狂改完图片路径，发现模拟器用的是Windows路径分隔符。更绝的是苹果手机下单按钮根本点不动，查了半天原来是点击区域设了1像素宽，手指压根摸不着！
现在这小破程序在楼下水果店跑三礼拜了。昨天老板叼着烟跟我说："顾客老点错规格选项"，我瞅着那芝麻大的复选框欲哭无泪。早知道该把选项按钮做成麻将牌那么大，果然偷懒要遭报应！
13988888888
留言 