去年秋天，一个做餐饮的朋友找我，说想搞个小程序点餐，省得顾客排队。我问他预算多少，他说两万够不够。我说你先别急着掏钱，咱们花一个下午把流程捋清楚，你会发现这事儿没想象中那么玄乎，但也没广告里说的那么便宜。今天这篇东西，就是那天下午我们聊出来的，加上我后来自己动手踩过的坑，全给你摊开讲。

第一步，注册账号这事儿就够你喝一壶的。很多人以为注册就是填个表，实际上你得先想清楚主体类型：个人、个体工商户，还是企业。个人小程序不能开通微信支付，也就是说你没法收钱，只能做展示。我那个朋友是餐饮店，有营业执照，直接走企业认证，300块钱认证费，一年一交。这里有个坑：你填对公账户信息的时候，银行那边可能得等两三天验证，别卡着上线日期才去弄。另外，小程序名字要想好，一旦定了再改很麻烦，而且同名的别人注册了你就得换，建议备选三个。

账号下来之后，你面对的是一个空白的开发者工具界面，那感觉跟拿到一张白纸差不多，有点慌。别怕，先把目录结构搞清楚：pages放页面，utils放工具函数，app.js管全局逻辑，app.json配页面路由。我见过不少新手一上来就找模板，往里面灌代码，结果改一处崩三处。我的建议是，哪怕你最终要用模板，也先自己写一个最简单的“Hello World”页面跑通，理解数据是怎么从js传到wxml的，再考虑套模板。这个基础打不牢，后面调试会哭。

页面开发这块，我强烈建议你先把布局草图画在纸上，别直接在代码里调。小程序用的是rpx单位，以iPhone6的750宽度为基准，这个设计是为了适配不同屏幕，但你得心里有数：你开发时看到的尺寸，跟用户手机上的实际效果可能有偏差。写wxml的时候，多用view和text，少用div和span，虽然长得像，但前者是小程序原生组件，性能更好。样式方面，flex布局是主流，记住主轴和交叉轴的方向，排列对齐基本就够用了。

样式调完了，就该处理数据了。小程序的数据绑定是单向的，你用setData把数据从逻辑层传到视图层，但视图层想改数据，得通过事件绑定。这里有个性能大坑：setData传大对象或者高频调用，页面会卡得像幻灯片。我见过有人把整个购物车数组一次性setData，结果渲染掉帧。正确做法是只传变更的字段，或者用数据路径，比如this.setData({'cart.items[0].count': 2})。另外，本地缓存用起来，wx.setStorageSync存用户偏好，能省不少网络请求。

说到网络请求，就得聊后端了。很多人卡在这一步，觉得自己搭服务器。其实小程序的request接口能请求任意合法域名，你只要在公众平台后台配置好域名白名单就行。但注意，必须是HTTPS协议，还得有ICP备案。如果你没有后端，可以用云开发，那玩意儿相当于微信给你备好的服务器加数据库，免鉴权调用，新手友好。我那个朋友就是用的云开发，存菜品数据、接订单通知，一个月几块钱的流量费，比请人开发省多了。

权限和登录这块，别自己想当然。wx.login拿code，然后传给后端换openid，这是标准流程。但别把用户信息一次性全拿，微信现在对隐私很严格，你只需要拿到openid和unionid（如果涉及多平台）就能标识用户，昵称头像这些得用户主动授权才能用。还有，会话要保持，建议用token机制，后端返回一个有效期的token，小程序存着，每次请求带上。别图省事把openid直接放前端，那等于把门钥匙挂门口。

测试环节，很多人忽略真机调试，只在模拟器里看。模拟器是模拟，真机才是真相。特别要测的是网络环境切换（WiFi和4G）、不同机型的分辨率、以及微信版本兼容性。我遇到过最诡异的bug：模拟器上一切正常，真机上按钮点击没反应，查了半天发现是事件绑定写错了，而且那个错误在模拟器里被默默吞掉了。还有，体验版二维码发给朋友测的时候，记得让他把微信更新到最新版，老版本可能不支持你用的新API。

上线前的审核，既快也慢。快的时候半小时过，慢的时候等三天，完全看运气。但审核被拒的原因都差不多：类目选错、页面有测试字样、功能与描述不符。这里有个窍门：提交审核时，把功能演示路径写明，最好配录屏，审核员心情好，通过率就高。另外，别想着偷偷上线没备案的内容，微信的扫黄打非机器人比你想的灵敏。提交完审核，别干等着，把客服消息、反馈入口都配置好，用户遇到问题得有人管。

上线之后，不是结束，是开始。你要看后台的数据分析，访问量、用户留存、页面停留时长，这些指标告诉你哪个页面做得好，哪个页面用户划两下就走了。我朋友的小程序上线三个月，发现点餐页的跳出率特别高，后来一问是菜品图加载太慢，压缩了一下图片体积，跳出率降了快一半。还有，版本更新别太频繁，一周一次算多的，每次更新都要重新过审核，用户体验也受影响，攒一批需求再发。

说句掏心窝子的：小程序本质是个工具，不是门面。用户用完就走，别指望他天天打开。你要做的是把线下场景搬到线上，让点餐更快、预约更顺、售后更省心。技术只是手段，把流程理清楚、把用户伺候舒服了，这小程序才算没白做。如果你正打算动手，我建议你从明天开始注册账号，边做边学，比看十篇教程都管用。