开发调试
操作步骤
在完成前一步 初始化工程 之后,您可以使用代码编辑器打开该项目,进行下述操作。
启动项目
在项目根目录下执行命令 使用 npm
npm run start:wechat
或使用 yarn
yarn start:wechat
预览小程序
- 打开微信开发者工具;
- 选择添加小程序项目;
- 输入项目名称、项目目录(这里请选择项目根据目录下的 dist/wechat 目录)、微信小程序ID,后端服务可根据需要选择;
- 点击确定,进入小程序,即可预览。
启用设备
由于目前针对微信小程序未支持添加虚拟设备的能力,因此需要先开发小程序 用户登录 (可参考这里) 及 配网功能(可参考这里) 后,再使用真机调试(或预览),直接使用配网能力添加设备,然后再进行面板与设备的交互开发;
真机调试或预览
- 点击微信开发者工具工具栏的真机调试或预览;
- 开发者工具会打包上传小程序代码,并生成一个二维码;
- 在手机上使用微信扫一扫功能,扫描生成的二维码即可进行手机调试(或预览);
- 若使用的是预览功能,可以再进入小程序后,点击胶囊按钮,选择开发调试,再选择打开调试,即可在手机上查看调试信息。
👉 立即免费领取开发资源,体验小程序开发调试。