1.2 开发环境搭建

为了帮助开发人员简单高效地开发微信小程序，微信团队提供了一套“微信开发者工具”，该工具集成了公众号网页调试和微信小程序两种开发模式。在进入微信小程序开发前，需要先注册微信公众号，并安装微信开发者工具。本节将针对微信小程序开发环境的搭建进行详细讲解。

1.2.1 注册微信公众号

微信公众号主要用来区分每个开发者，以及小程序的发布、审核上线等。注册微信公众号的具体步骤如下。

（1）使用浏览器打开微信公众平台网站https://mp.weixin.qq.com，单击“立即注册”链接，如图1-5所示。

（2）根据页面中的提示，选择注册的账号类型，如图1-6所示。

（3）在图1-6中单击“小程序”，就可以开始进行账号注册了。根据页面中的提示完成账号注册，然后登录账号，会进入到图1-7所示的页面中。该页面是小程序管理后台，提供了针对小程序的开发、发布、管理和统计等一系列的功能。

（4）从图1-7中可以看出，小程序的发布流程共有两个步骤，第1步需要填写小程序的基本信息，下载小程序开发工具，进行小程序的开发；开发完成后，第2步提交代码，等待审核，通过后即可将小程序发布。在“设置”-“开发设置”中查看AppID，如图1-8所示。

在微信小程序中，AppID 又称为小程序 ID，是每个小程序的唯一标识。每个小程序账号只有一个AppID，因此每个账号只能发布一个小程序。如果需要发布多个小程序，需要注册多个小程序账号。

1.2.2 安装微信开发者工具

在微信公众平台网站中找到微信开发者工具的下载地址，如图1-9所示。

从图1-9中可以看出，微信开发者工具支持Windows和Mac OS操作系统，读者根据自己的环境选择合适的版本下载即可。

下面以Windows 7操作系统为例，演示开发者工具的安装和使用，具体步骤如下。

（1）双击下载后的安装包，安装程序打开后，会看到图1-10所示的安装向导。

小提示

在图1-10中，安装向导显示的工具名称为“微信Web开发者工具”，而安装完成后，该工具显示的名称为“微信开发者工具”。目前这两处命名不一致的问题还没有解决，本书选择使用“微信开发者工具”作为该工具的名称。

（2）单击“下一步”按钮，阅读授权协议，如图1-11所示。

（3）单击“我接受”按钮，然后选择安装路径，如图1-12所示。

（4）单击“安装”按钮，即可开始安装。安装成功后，会在桌面创建快捷方式，双击快捷方式图标即可打开微信开发者工具。