从零到上架，微信小程序制作全流程实战指南

注册小程序账号那天，我卡在了邮箱验证这一步。不是因为收不到邮件，而是发现原来个人主体和公司主体能用的功能差着十万八千里。个人开发者不能开通微信支付，不能做电商类目，连附近的小程序都申请不了。如果你只是想做个小工具或者内容展示，个人号够用；但凡涉及交易、预约、会员体系，老老实实去注册企业号，哪怕先去办个个体工商户也行。这一步走错，后面全得推倒重来，别问我怎么知道的。

账号搞定后，打开微信开发者工具，新手第一反应往往是懵的。一堆按钮、几个面板、密密麻麻的代码区，跟想象中完全不一样。别慌，先别急着写代码，花半小时把界面过一遍就行。左边是模拟器，右边是代码编辑区，下面有个调试器，上面一排工具栏里藏着上传、预览、真机调试这些关键功能。你只需要记住一件事：这个工具就是个浏览器加编辑器加调试器的合体，跟你在电脑上写网页没什么本质区别，只是规矩多了几条。

接下来是目录结构，这是新手最容易踩坑的地方。一个小程序必须有app.js、app.json、app.wxss这三个文件，少一个都跑不起来。app.json负责全局配置，比如页面路由、窗口样式、tabBar；app.js是逻辑入口，里面可以放全局变量和生命周期函数；app.wxss是全局样式。页面文件夹里，每个页面必须有四个文件：js、json、wxml、wxss，名字必须一致。很多人第一次上传代码时提示“文件缺失”，基本都是这里出了问题。

页面布局用的是WXML，相当于网页里的HTML。标签名字不一样，比如view对应div，text对应span，但写法逻辑一模一样。样式用WXSS，跟CSS几乎没区别，只是多了个rpx单位，用于自适应屏幕宽度。新手最容易犯的错是把网页那套思维直接搬过来，比如用div、用CSS选择器，结果全报错。正确做法是老老实实用view和text，样式里尽量用rpx，别用px。还有一个坑得提醒你：小程序里不能操作DOM，别想着用document.getElementById这套，得用数据绑定来改页面。

数据绑定是核心，也是新手必须迈过去的坎。在js的data里定义变量，然后在WXML里用双花括号引用，改数据时用this.setData。比如你写个计数器，点击按钮后数字加一，逻辑就是：data里有个count，点击事件里this.setData({count: this.data.count + 1})，页面就自动更新了。这个机制跟Vue很像，但有个区别：小程序里所有数据更新都是异步的，改完立刻去读可能拿不到新值。所以别在setData后面立刻用this.data去取数，容易踩坑。

接口调用这块，小程序用的是wx.request，跟网页里的axios差不多。但有个坑必须提前说：小程序要求所有请求域名必须是HTTPS，还得在小程序后台配置白名单。你在本地调试时可以把“不校验合法域名”勾上，但上线前必须把所有接口域名都配好，不然真机上直接请求失败。还有，请求里的header、参数格式、返回数据解析，这些跟普通HTTP请求一模一样。新手容易在这里卡住，因为报错信息有时候很隐晦，比如“fail url not in domain list”这种，一眼看不懂。

开发完成后，别急着上传，先做一轮真机调试。用手机扫码，在真实环境里跑一遍所有功能。你会发现很多问题在模拟器里看不出来，比如字体大小不合适、按钮点击区域太小、网络请求超时。真机调试时，注意看控制台的报错信息，尤其是关于性能的警告，比如setData频率过高、页面渲染时间过长。这些在模拟器里都察觉不到，但真机上直接影响用户体验。改完这些问题，再上传代码，进入审核流程。

审核是一道坎，也是新手最容易焦虑的环节。提交审核前，先检查一遍：类目选对没？隐私协议填了没？页面里有没有敏感词或诱导分享的内容？有没有用到没权限的API？这些都会导致审核被拒。审核时间一般1到7天，平均两三天。被拒了也别慌，看驳回原因，按提示修改再提交就行。最怕的是那种“你的小程序涉及XX，需补充XX资质”这种模糊理由，这种时候就去开发者社区搜，基本都能找到答案。我见过最离谱的一次审核，因为页面里有个“测试”字样被拒，改个文案就过了。

从注册到上架，整个流程走下来，快的话两三天，慢的话一两周。如果你是个完全没有编程基础的人，建议先找个模板改，别从零开始写。微信官方就有很多现成模板，比如电商、预约、信息展示，改改数据和样式就能用。等你跑通一遍流程，再回头学底层逻辑，会轻松很多。毕竟小程序的本质是工具，先把工具用起来，再研究它怎么造出来的。这条路我已经替你踩过一遍坑了，你照着走，能省下大把头发。