![小程序,巧应用:微信小程序开发实战](https://wfqqreader-1252317822.image.myqcloud.com/cover/727/852727/b_852727.jpg)
第1章 创建自己的第一个小程序
学习计算机语言,一般会最先接触“Hello World! ”程序。与之类似,要掌握微信小程序的开发,我们也先来创建自己的第一个小程序实例。
1.1 准备工作
微信小程序是继订阅号、服务号、企业号之后,微信公众平台上全新的一种连接用户与服务的方式。
开始创建之前,我们需要做些准备工作,包括工作账号及项目ID获取,开发环境要求与搭建等,这也是开发小程序必备的前提工作。
1.1.1 成为微信公众平台开发者
成为微信公众平台的开发者,是小程序开发的首要条件。只有成为微信公众平台开发者,才可以使用公众平台的各种开发接口。如果你已经是开发者,则可以跳过本节。
一般来讲,开发者的微信号就是小程序的开发者ID。要注意的是:微信号可以独立存在,而开发者ID不能独立存在,它必然要绑定于某个公众平台服务项目,如公众号或小程序。因此,若要成为开发者,还需要有公众平台服务(订阅号、服务号、企业号、小程序)账号或归属于某个公众平台服务的开发者。如果还没有公众平台小程序服务账号,需要先注册,注册入口为:https://mp.weixin.qq.com/,点击首页右上角“立即注册”进行注册。经过以下步骤完成小程序服务账号注册:
1)填写账号信息。
2)邮箱激活。
3)信息登记。
注意 目前小程序项目仅开放给企业、政府、媒体及其他组织,暂不支持个人注册。
完成注册后,可以登录公众平台(网址为https://mp.weixin.qq.com/)并完善微信小程序信息(如小程序名称、头像、小程序介绍、服务范围等)。
然后我们就可以绑定开发者了。登录后进入“用户身份”页面,选择“开发者”进行绑定,如图1-1和图1-2所示。
![](https://epubservercos.yuewen.com/2B8A41/6771340104861201/epubprivate/OEBPS/Images/figure_0014_0001.jpg?sign=1739288108-aYgY9qsGjQ8NiqN6TyWBpdX0096npjeL-0-b4c3effba72fea1e8fc4959ee01fb199)
图1-1 用户身份管理
![](https://epubservercos.yuewen.com/2B8A41/6771340104861201/epubprivate/OEBPS/Images/figure_0014_0002.jpg?sign=1739288108-4c4XLP2lzLaFtS50nyqw1rF9RiNB3AU9-0-c85dc4e09ca40574a11a820ef9decf34)
图1-2 绑定开发者
注意 已认证的小程序最多可以绑定20名开发者。未认证的小程序最多可以绑定10名开发者。
由于个人不能注册小程序账号,但这并不意味着个人不能进行小程序开发,这时可以通过已有的订阅号(或新注册的订阅号),开发小程序。步骤如下:
1)使用订阅号账号,登录公众平台(用电脑在https://mp.weixin.qq.com/中登录),在左边菜单中,选择“开发”→“基本配置”,点击“开通”,成为开发者。
2)在左边菜单中,选择“开发”→“开发者工具”→在页中点选“Web开发者工具”的“进入”,点选“绑定开发者微信号”如图1-3所示。成功后可以看到个人头像;如图1-4所示。之后,开发者微信号可在Web开发者工具中进行公众号或小程序的开发与调试。
![](https://epubservercos.yuewen.com/2B8A41/6771340104861201/epubprivate/OEBPS/Images/figure_0015_0001.jpg?sign=1739288108-1jSd0en9Jtzzff4izKFOMwxvftx6ElJb-0-b7b87b5d2c3f3b7f8c4a5a6fb00659a1)
图1-3 开发者管理
![](https://epubservercos.yuewen.com/2B8A41/6771340104861201/epubprivate/OEBPS/Images/figure_0015_0002.jpg?sign=1739288108-Ok5sOJtV0myoJiBZl3aANrTc96snKivU-0-4ea7e74f9aac88a0c49186052a528b41)
图1-4 绑定开发者微信号
注意 这里绑定后,开发者手机的微信里会收到一条消息,需要接受邀请,才能成为真正的开发者。
1.1.2 获取小程序AppID
成功注册小程序账号后,会有唯一的AppID。登录https://mp.weixin.qq.com,在页面左边的菜单中,点选“设置”→“开发设置”中,查看到微信小程序的AppID,如图1-5所示。
![](https://epubservercos.yuewen.com/2B8A41/6771340104861201/epubprivate/OEBPS/Images/figure_0016_0001.jpg?sign=1739288108-x2uugOtBCprAuLfJf9nXssznsqXCPoYP-0-090dc0f7b207e26269f3c0b3a7939cea)
图1-5 开发者设置
注意 这里不可使用公众号(服务号或订阅号)的AppID。没有AppID也可以进行小程序开发练习,只是部分功能受限,且不能上传发布。
要在手机上体验此AppID的小程序,默认只有公众平台小程序账号的管理员微信号可以;其他微信号还需要进行“绑定开发者”的操作。即在“用户身份”-“开发者”模块中,绑定需要体验该小程序的微信号。
1.1.3 安装开发者工具包
作为开发者,需要有开发环境。这里需要下载安装开发者工具包。截止于2016年11月10日,微信团队提供的开发者工具包版本为0.10.102800,有Windows 32位、Windows 64位及Mac三种版本。官方下载地址为:https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html。成功下载适当的版本后,在开发者的电脑上进行安装。下面以Windows 64位安装包为例,描述安装过程。
双击下载的安装包,将出现安装向导,如图1-6所示。
![](https://epubservercos.yuewen.com/2B8A41/6771340104861201/epubprivate/OEBPS/Images/figure_0017_0001.jpg?sign=1739288108-X6E0B3y0TYFYHYkoTTtu1Ek3N7Lf6M5F-0-126f7eaef12d79b9cf0f561ff1a7e9d3)
图1-6 安装向导之一
点击“下一步”,完成开发者工具包的安装,如图1-7所示。
![](https://epubservercos.yuewen.com/2B8A41/6771340104861201/epubprivate/OEBPS/Images/figure_0017_0002.jpg?sign=1739288108-bJfeBDD3TBlQEFbHbuwJVKGdKZiJzEAK-0-f4e32a441c323bfb723322dfd3f2cbc7)
图1-7 安装向导之二
运行“微信Web开发者工具”,将会要求开发者使用手机微信扫码登录,如图1-8所示。
![](https://epubservercos.yuewen.com/2B8A41/6771340104861201/epubprivate/OEBPS/Images/figure_0017_0003.jpg?sign=1739288108-ClTu0b2JrqsCp0cBhNVDLwIU5rTJVL16-0-a785c0fcf6c53f5be8288170cfcd2543)
图1-8 微信web开发者工具启动界面
至此,我们创建第一个小程序所需的准备工作全部完成。