小程序,巧应用:微信小程序开发实战
上QQ阅读APP看书,第一时间看更新

第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所示。

图1-1 用户身份管理

图1-2 绑定开发者

注意 已认证的小程序最多可以绑定20名开发者。未认证的小程序最多可以绑定10名开发者。

由于个人不能注册小程序账号,但这并不意味着个人不能进行小程序开发,这时可以通过已有的订阅号(或新注册的订阅号),开发小程序。步骤如下:

1)使用订阅号账号,登录公众平台(用电脑在https://mp.weixin.qq.com/中登录),在左边菜单中,选择“开发”→“基本配置”,点击“开通”,成为开发者。

2)在左边菜单中,选择“开发”→“开发者工具”→在页中点选“Web开发者工具”的“进入”,点选“绑定开发者微信号”如图1-3所示。成功后可以看到个人头像;如图1-4所示。之后,开发者微信号可在Web开发者工具中进行公众号或小程序的开发与调试。

图1-3 开发者管理

图1-4 绑定开发者微信号

注意 这里绑定后,开发者手机的微信里会收到一条消息,需要接受邀请,才能成为真正的开发者。

1.1.2 获取小程序AppID

成功注册小程序账号后,会有唯一的AppID。登录https://mp.weixin.qq.com,在页面左边的菜单中,点选“设置”→“开发设置”中,查看到微信小程序的AppID,如图1-5所示。

图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所示。

图1-6 安装向导之一

点击“下一步”,完成开发者工具包的安装,如图1-7所示。

图1-7 安装向导之二

运行“微信Web开发者工具”,将会要求开发者使用手机微信扫码登录,如图1-8所示。

图1-8 微信web开发者工具启动界面

至此,我们创建第一个小程序所需的准备工作全部完成。