从零到上线，手把手教你创建微信小程序的完整流程

注册小程序账号这事儿，说简单也简单，说麻烦也麻烦。你打开微信公众平台官网，右上角有个“立即注册”按钮，点进去选“小程序”类型。这里有个坑得提醒你——邮箱千万别用已经绑定过个人微信或公众号的，否则会提示被占用。填完邮箱，去收验证邮件，点里面的链接激活，然后就是填主体信息。个人主体就填身份证和手机号，企业主体得准备营业执照和对公账户，审核时间会长一些。等收到“已通过”的短信通知，你就有了自己的小程序AppID，这玩意儿相当于小程序的身份证，后面开发时到处要用到。

有了账号，接下来得装开发工具。微信官方有个“微信开发者工具”，别去第三方网站下载，直接搜“微信开发者工具”进官网，认准“稳定版”下载。安装过程跟普通软件一样，但打开后要扫码登录——用你注册小程序时绑定的微信扫就行。进去之后选“小程序”项目，填上项目名称和刚才的AppID，如果你只是练手，可以勾选“测试号”，那就不用注册账号直接用。工具界面分三栏：左边是模拟器，中间是代码编辑区，右边是调试器。第一次打开你可能觉得眼花，但别慌，你只需要记住一个快捷键——Ctrl+S保存，代码改动会自动刷新模拟器。

现在开始写代码。小程序的核心文件就三个：app.js（逻辑）、app.json（配置）、app.wxml（页面结构）。你先打开app.json，里面默认有段代码，把“pages”数组里的内容改成你自己的页面路径，比如“pages/index”。每个页面由四个文件组成：.wxml（结构）、.wxss（样式）、.js（逻辑）、.json（配置）。最简单的做法是右键点击pages文件夹，选“新建页面”，工具会自动生成这四个文件。然后你在index.wxml里写个你好，小程序，保存，模拟器里立刻就能看到效果。这一步走通，你就已经迈过最难的坎了。

页面搭好了，接下来得让数据“活”起来。小程序的逻辑写在.js文件里，每个页面都有一个Page()函数，里面可以定义data（数据）、onLoad（页面加载时执行）等生命周期函数。比如你想显示用户点击次数，就在data里写clickCount: 0，然后在.wxml里用双大括号{{clickCount}}引用它。给按钮绑定事件，写法是，然后在.js里写handleClick: function() { this.setData({clickCount: this.data.clickCount + 1}) }。这里有个关键点——setData是异步的，改完数据要等一会儿才能读取到最新值，调试时别急着console.log。

写完代码，得在真机上跑一跑。开发者工具顶部有个“预览”按钮，点它会生成一个二维码，用手机微信扫一下，小程序就直接在手机上打开了。但要注意，预览版只能你自己看到，别人打不开。如果你想发给朋友测试，得点“上传”按钮，把代码传到微信后台，然后在“版本管理”里设为体验版，再把体验版二维码发给朋友。这里有个细节：体验版需要在后台添加体验成员，朋友的微信得先被你加进去，否则扫了也白扫。

功能都测好了，准备提交审核。回到微信公众平台后台，左侧菜单找“版本管理”，点“开发版本”里的“提交审核”。提交前有几件事必须做：第一，在“设置-基本设置”里把小程序名称、头像、简介都填好，头像要求是正方形图片，简介不能超过120字。第二，检查一下隐私政策——如果你用了用户信息，比如获取头像昵称，必须在“用户隐私保护指引”里声明，否则审核会被打回。第三，类目选择要谨慎，比如你做个电商类小程序，选“商家自营”类目需要营业执照，选“个人主体”就只能选工具类、生活服务类这些，别乱选。

提交审核后，审核时间一般是1-7天。等的时候别闲着，去后台“成员管理”里把项目成员都加好，再配置一下“客服”功能——微信要求小程序必须配置客服，否则审核可能不通过。审核结果出来，如果提示“未通过”，别慌，点开“驳回原因”仔细看，大部分是因为类目不符、缺少资质文件、或者页面有违规内容。改完重新提交就行。通过后，在“版本管理”里点“发布”，小程序就正式上线了。从注册到上线，快的两三天，慢的一周多，但每一步你都亲自走了一遍，这感觉比看一百篇教程都实在。

唠叨一句：小程序上线只是开始，不是结束。你得定期看后台的数据分析，比如用户从哪来、哪些页面停留时间长、哪些功能没人点，这些数据会告诉你下一步该优化什么。另外，微信的接口和规则更新很快，比如今年就改了好几次隐私弹窗的规范，建议你每隔一两个月去微信官方文档翻翻更新日志。做小程序这事儿，跟养植物差不多——种下去容易，天天浇水才见功夫。但你只要勤快，它就能给你长出实实在的果子来。

原文来自：小程序开发

下一篇：手把手教你零成本开发微信小程序，从入门到上线全攻略 上一篇：零基础也能学会，微信小程序制作全流程详解