1.3 小程序的开发工具
在完成准备工作之后就可以进行小程序的开发了，小程序具有官方提供的专属开发工具——“微信web开发者工具”（简称“开发者工具”）。
1.3.1 软件的下载与安装
开发者登录小程序管理页面后台，然后单击右上角菜单栏中的“开发”选项即可切换到小程序开发工具的下载页面，也可以直接通过URL地址访问下载页面，URL地址为“https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html”。
在该页面需要根据自己的计算机操作系统的类型选择对应的下载地址。目前提供的3种下载地址与计算机操作系统的对应关系如下。
• Windows 64：Windows 64位操作系统。
• Windows 32：Windows 32位操作系统。
• Mac：Mac操作系统。
说明：本书下载的是Windows 64版本，读者请根据实际情况选择对应的软件进行下载。
这里以Windows 64版本为例，下载完成后用户会获得一个EXE应用程序文件，如图1-27所示。
图1-27 微信web开发者工具的安装文件
该图中的“1.02.1801081”为软件版本号，“_x64”表示Windows 64位版本软件。读者可以根据文件名再次确认是否下载了正确的版本。
确认无误后，双击该文件进行开发者工具的安装，安装过程如图1-28所示。
图1-28 微信web开发者工具的安装过程
安装完成后的页面如图1-29所示。
图1-29 微信web开发者工具的安装完成界面
1.3.2 开发者工具的登录
微信web开发者工具在使用开发者微信账号登录后，才可以进行小程序的开发。
1 开发者身份验证
与一般手动输入账号和密码的流程不同，微信web开发者工具使用微信扫描二维码的方式验证开发者身份。在PC端双击微信开发者工具图标会弹出二维码扫描页面，如图1-30所示。
图1-30 二维码扫描页面
开发者用手机微信扫描PC端的二维码确认身份，手机端的效果如图1-31所示。
图1-31 手机微信扫码过程
在图1-31中，图（a）为单击手机微信右上角的加号出现的下拉菜单，选择其中的“扫一扫”选项进行二维码扫描；图（b）为扫码成功后跳转的提示页面，用户单击“确认登录”按钮即可登录并使用微信开发者工具。
在这个过程中PC端的页面变化如图1-32所示。
图1-32 页面变化
在图1-32中，图（a）为手机微信扫码成功后出现的提示页面，注意该二维码是动态变化的，并且长时间不扫描会超时过期；图（b）显示的菜单页面是当开发者在手机微信上单击“确认登录”按钮后才会出现的，此时就可以正式进行小程序的开发了。
2 开发者账号切换
微信开发者工具允许在同一台计算机上切换不同的开发者。如果用户登录后发现需要更换账号，可以单击菜单页面右下角的“切换账号”选项回到二维码扫描页面，然后使用其他开发者微信账号重新扫码登录，如图1-33所示。
图1-33 开发者账号切换
1.3.3 其他辅助工具
1 小程序官方文档
小程序官网提供了技术文档供开发者学习，文档会更新各类小程序接口的用法，希望在第一时间了解小程序有哪些更新的读者可以关注。
官方文档访问地址：https://developers.weixin.qq.com/miniprogram/dev/。
2 微信开放社区
在微信开放社区中有一个开发者专区可以搜索常见问题和解答，用户也可以在遇到问题时提问，与其他开发者一起交流学习。
开发者社区访问地址：https://developers.weixin.qq.com/。
3 小程序开发者助手
使用小程序开发者助手可以方便、快捷地预览和体验线上版本、体验版本及开发版本。开发者可以通过扫一扫图1-34所示的开发者助手小程序码使用相关功能。
图1-34 开发者助手小程序码
4 小程序运营数据
小程序数据分析是面向小程序开发者、运营者的数据分析工具，提供关键指标统计、实时访问监控、自定义分析等，帮助小程序产品迭代优化和运营。其主要功能包括每日例行统计的标准分析，以及满足用户个性化需求的自定义分析。
开发者在小程序上线后有两种方式可以方便地看到小程序的运营数据。
• 方法一：登录小程序管理后台，单击“数据分析”，然后单击相应的tab可以看到相关的数据。
• 方法二：使用小程序数据助手在微信中方便地查看运营数据。开发者可以通过扫一扫图1-35所示的数据助手小程序码来使用相关功能。
图1-35 数据助手小程序码