小程序的开发工具官方名称为:“微信Web开发者工具”,其中并不包含“小程序”3个字。看来微信的这个IDE并不想仅仅只是用来开发小程序。事实上也确实如此,这款开发工具不仅仅只是用来开发小程序。事实上也确实如此,这款开发工具不仅仅可以用来开发小程序,还可以用来调试运行在微信上的网页以及微信JS-SDK。
开发工具的官方下载地址为:https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html。
官方提供了3个版本的开发工具安装包:Windows 64、Windows 32和Mac。 开发工具安装完成后,我们来新建第一个小程序项目。双击打开微信Web开发者工具,如果你是第一次打开或者长时间未打开,开发工具都会弹出一个二维码。请使用微信“扫一扫”功能扫描二维码。是的,开发工具也需要登录,而登录的身份就是你的微信号。
首选页面一共有2个工具,分别是【本地小程序项目】和【公众号网页开发】。【本地小程序项目】用来开发、调试、发布微信小程序;而【公众号网页开发】用来开发和调试微信公众号、订阅号的网页应用。由于小程序和公众号是两个完全不同的平台和体系,公众号的开发不在本书的讨论范围之内,我们只关注【本地小程序项目】这个工具,有兴趣的读者可以自行去研究学习“公众号网页开发”工具。点击【本地小程序项目】,将出现如图2-5所示的页面。
页面中需要填入的选项有【AppID】、【项目名称】、【项目目录】这3个选项,我们重点看【AppID】这一项。
AppID代表微信小程序的ID号,必须拥有微信小程序账号才可以申请这个ID号。读者可以到微信公众平台官网注册申请微信小程序账号,注册地址为:https://mp.weixin.qq.com/。
遗憾的是截止本书完稿时,小程序账号并不对个人开发者开放,只对企业、政府和组织开放。没有AppID将无法在真机上运行小程序,但并不影响我们学习小程序开发,小程序开发工具提供了一个很好的模拟器,可以在PC或者Mac下模拟小程序的运行。本书中的绝大多数功能都可以在PC或者Mac下运行,少部分无法在模拟器下运行的功能,本书也会使用图片的方式向读者展示运行效果,不用担心没有AppID无法真机运行小程序的问题。
既然没有AppID,那么我们就选择【无AppID】这个选项。【无AppID】主要用于方便开发者学习和调试。相比于有AppID,无AppID模式的运行环境非常宽松,例如,无AppID环境下无须配置可信任访问域名、不会校验TLS版本等(这些特点将在本书的后面具体来讲解,读者现在无须搞懂这些内容)。现在,我们只需要选择【无AppID】即可