1.2 微信小程序开发流程

微信小程序开发流程为：第1步，在微信公众平台上注册小程序账号；第2步，下载开发者工具进行编码；第3步，通过开发者工具提交代码，待通过审核后便可以发布。

1.2.1 注册小程序账号

注册小程序账号需要以下5步：

（1）在微信公众平台官网首页（mp.weixin.qq.com）单击位于右上角的“立即注册”按钮，如图1-5所示。

（2）选择账号的类型，单击“小程序”选项，如图1-6所示。

（3）进入账号信息页面（图1-7），填写邮箱地址（该邮箱未注册过公共平台、开放平台、企业号，未绑定个人微信），这个邮箱地址将作为以后登录小程序后台的账号。

（4）填写个人账号信息后，邮箱中会收到一封激活邮件，单击该邮件中的激活链接，进入主体信息页面进行“主体类型”选择（图1-8），在此选择“个人”选项。

（5）进入主体信息登记界面（图1-9），完善主体信息，即可完成注册流程。

1.2.2 开发环境准备

完成账户注册后，登录微信公众平台官网（mp.weixin.qq.com），如图1-10所示。

单击“设置”→“填写”按钮，进入图1-11所示的页面，完善小程序信息。需要注意，目前，小程序的名称一旦确定便不能被修改。

单击“设置”→“开发设置”选项，获取AppID（小程序ID），如图1-12所示。只有填写了AppID的项目，开发者才能通过手机微信扫描二维码对其进行真机测试。

1.2.3 微信开发工具的下载及安装

单击图1-12中的“开发者工具”选项，进入如图1-13所示的页面，官方提供了3个版本的开发工具安装包：Windows 64、Windows 32和Mac。

本节以Windows 64位安装包为例，介绍微信开发工具的安装过程。

双击下载的安装包，将出现安装向导，如图1-14所示。

单击图1-14所示界面中的“下一步”按钮，按照安装向导提示进行操作，直到安装完成，如图1-15所示。

1.2.4 创建第一个小程序项目

如果是第一次打开或者长时间未打开“微信web开发者工具”，双击快捷方式后，开发工具会弹出一个二维码，如图1-16所示。

使用开发者的微信扫描二维码验证进入后，出现如图1-17所示的界面。

单击“小程序项目”选项，将出现如图1-18所示的对话框，填入“项目目录”“AppID”和“项目名称”（若无AppID，则单击“可点此体验”），并勾选“创建QuickStart项目”复选框。单击“确定”按钮后，将成功创建一个系统默认的示例项目，如图1-19所示。

这个示例项目的首页展示了当前登录的用户信息，单击用户头像，跳转到一个记录当前小程序启动时间的日志页面。

1.2.5 运行及发布小程序

开发者可以单击工具栏中的“调试器”图标，在模拟器中运行小程序，查看小程序的运行效果。开发者也可以单击工具栏中的“预览”图标，扫描二维码后即可在微信客户端中体验，如图1-20所示。

开发者还可以单击工具栏中的“上传”按钮，将小程序上传到微信公众平台，如图1-21所示。

开发者将小程序上传成功后，打开微信公众平台（mp.weixin.qq.com），单击“开发管理”选项，进入“开发管理”对话框，如图1-22所示。

此时，开发者会发现小程序已经上传至公众平台，单击“开发版本”的“提交审核”按钮。待通过审核后，该按钮会变为“审核版本”, “审核版本”提交审核并通过后，该按钮会变为“线上版本”。当成为“线上版本”后，开发者单击“发布”按钮即可在微信发现中搜索该小程序项目。