从零开始创建微信小程序Demo

微信小程序：

• 微信公众平台：https://mp.weixin.qq.com/

• 小程序官方文档：https://developers.weixin.qq.com/miniprogram/dev/framework/

• 微信开发者工具：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

• 小程序官方Demo：https://github.com/wechat-miniprogram/miniprogram-demo

一、注册小程序

1.注册小程序

小程序注册地址：https://mp.weixin.qq.com/wxopen/waregister?action=step1

2.查看AppId

注册之后，在 开发/开发管理/开发设置 中，可以查看 AppID。

二、安装微信开发者工具

1.下载微信开发者工具：

https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

2.安装微信开发者工具：

按照上面的地址，下载并安装微信开发者工具，双击启动，微信扫码登录即可：

注意：如果出现如下错误界面，需要在设置里面进行如下设置：

设置好之后，重新启动一下微信开发者工具就好了，登录之后的界面应该是这个样子：

3.新建小程序

这里需要用到我们在前面注册的 AppId。

（注意：测试号会直接关联你的微信号，在登录微信公众平台的时候会看到，后面有删除测试号的步骤说明。）

4.运行查看效果

以下是微信开发者工具的面板介绍：

点击 真机调试 按钮会生成二维码，通过微信扫描二维码就可以在手机上查看效果并测试了：

三、微信小程序官方Demo

Github：https://github.com/wechat-miniprogram/miniprogram-demo

二维码体验：

官方Demo界面截图：

四、如何解绑测试账号

1.场景

如果你创建小程序的时候，AppId 使用的是测试号，当你使用手机扫码登录微信公众平台的时候就会看到有很多没用的测试号，如下图所示：

2.解绑测试号

如何解绑测试号？关注官方微信公众号 公众平台安全助手：

在公众号中，选择 微信号绑定账号，

（解除绑定成功~）

以上就是分享的全部内容，完结撒花~