1.2 微信小程序开发流程
微信小程序开发流程为：第1步，在微信公众平台上注册小程序账号；第2步，下载开发者工具进行编码；第3步，通过开发者工具提交代码，待通过审核后便可以发布。
1.2.1 注册小程序账号
注册小程序账号需要以下5步：
（1）在微信公众平台官网首页（mp.weixin.qq.com）单击位于右上角的“立即注册”按钮，如图1-5所示。
图1-5 微信公众平台官网首页
（2）选择账号的类型，单击“小程序”选项，如图1-6所示。
图1-6 选择账号类型
（3）进入账号信息页面（图1-7），填写邮箱地址（该邮箱未注册过公共平台、开放平台、企业号，未绑定个人微信），这个邮箱地址将作为以后登录小程序后台的账号。
图1-7 填写账号信息
（4）填写个人账号信息后，邮箱中会收到一封激活邮件，单击该邮件中的激活链接，进入主体信息页面进行“主体类型”选择（图1-8），在此选择“个人”选项。
图1-8 选择主体类型
（5）进入主体信息登记界面（图1-9），完善主体信息，即可完成注册流程。
图1-9 主体信息登记界面
1.2.2 开发环境准备
完成账户注册后，登录微信公众平台官网（mp.weixin.qq.com），如图1-10所示。
图1-10 小程序信息及开发设置
单击“设置”→“填写”按钮，进入图1-11所示的页面，完善小程序信息。需要注意，目前，小程序的名称一旦确定便不能被修改。
图1-11 完善小程序信息
单击“设置”→“开发设置”选项，获取AppID（小程序ID），如图1-12所示。只有填写了AppID的项目，开发者才能通过手机微信扫描二维码对其进行真机测试。
图1-12 获取小程序ID
1.2.3 微信开发工具的下载及安装
单击图1-12中的“开发者工具”选项，进入如图1-13所示的页面，官方提供了3个版本的开发工具安装包：Windows 64、Windows 32和Mac。
图1-13 “开发者工具”的下载
本节以Windows 64位安装包为例，介绍微信开发工具的安装过程。
双击下载的安装包，将出现安装向导，如图1-14所示。
图1-14 安装向导之一
单击图1-14所示界面中的“下一步”按钮，按照安装向导提示进行操作，直到安装完成，如图1-15所示。
图1-15 “安装完成”界面
1.2.4 创建第一个小程序项目
如果是第一次打开或者长时间未打开“微信web开发者工具”，双击快捷方式后，开发工具会弹出一个二维码，如图1-16所示。
图1-16 登录微信开发者工具
使用开发者的微信扫描二维码验证进入后，出现如图1-17所示的界面。
图1-17 选择项目类型
单击“小程序项目”选项，将出现如图1-18所示的对话框，填入“项目目录”“AppID”和“项目名称”（若无AppID，则单击“可点此体验”），并勾选“创建QuickStart项目”复选框。单击“确定”按钮后，将成功创建一个系统默认的示例项目，如图1-19所示。
图1-18 填写项目信息
图1-19 微信开发者工具
这个示例项目的首页展示了当前登录的用户信息，单击用户头像，跳转到一个记录当前小程序启动时间的日志页面。
1.2.5 运行及发布小程序
开发者可以单击工具栏中的“调试器”图标，在模拟器中运行小程序，查看小程序的运行效果。开发者也可以单击工具栏中的“预览”图标，扫描二维码后即可在微信客户端中体验，如图1-20所示。
图1-20 手机扫描二维码后码预览
开发者还可以单击工具栏中的“上传”按钮，将小程序上传到微信公众平台，如图1-21所示。
图1-21 上传小程序代码
开发者将小程序上传成功后，打开微信公众平台（mp.weixin.qq.com），单击“开发管理”选项，进入“开发管理”对话框，如图1-22所示。
图1-22 “开发管理”对话框
此时，开发者会发现小程序已经上传至公众平台，单击“开发版本”的“提交审核”按钮。待通过审核后，该按钮会变为“审核版本”, “审核版本”提交审核并通过后，该按钮会变为“线上版本”。当成为“线上版本”后，开发者单击“发布”按钮即可在微信发现中搜索该小程序项目。