Ray开发指南——微信小程序开发调试实操

开发调试

操作步骤

在完成前一步 初始化工程 之后，您可以使用代码编辑器打开该项目，进行下述操作。

启动项目

在项目根目录下执行命令 使用 npm

npm run start:wechat

或使用 yarn

yarn start:wechat

 

预览小程序

1. 打开微信开发者工具；
2. 选择添加小程序项目；
3. 输入项目名称、项目目录（这里请选择项目根据目录下的 dist/wechat 目录）、微信小程序ID，后端服务可根据需要选择；
4. 点击确定，进入小程序，即可预览。

启用设备

由于目前针对微信小程序未支持添加虚拟设备的能力，因此需要先开发小程序 用户登录 （可参考这里） 及 配网功能（可参考这里） 后，再使用真机调试（或预览），直接使用配网能力添加设备，然后再进行面板与设备的交互开发；

真机调试或预览

1. 点击微信开发者工具工具栏的真机调试或预览；
2. 开发者工具会打包上传小程序代码，并生成一个二维码；
3. 在手机上使用微信扫一扫功能，扫描生成的二维码即可进行手机调试（或预览）；
4. 若使用的是预览功能，可以再进入小程序后，点击胶囊按钮，选择开发调试，再选择打开调试，即可在手机上查看调试信息。

 👉 立即免费领取开发资源，体验小程序开发调试。