小程序面板

DP 协作模型​

固件和面板是两个独立程序，靠 DP 通信：

• 固件端：在 TuyaOpen IDE 里定义 DP（如 switch_led）并上报。
• 面板端：用小程序 API（publishDps 下发、onDpDataChange 监听）控制设备。

第一步：账号产品​

1. 进入小程序面板开发，按照右侧提示进行 3 步操作。

   

2. 完成实战二后已经登录账号并绑定产品，现在去开发者平台创建小程序，进行小程序绑定。

   

3. 新建小程序面板。

   

4. 选择面板小程序类型。

   

5. 新建成功后关闭页面，回到 IDE 点击更新，即可看到刚刚在开发者网页新建的面板小程序，点击绑定。

   

第二步：调试预览​

1. 在右侧「调试与预览」中点击构建小程序，构建并渲染面板，即可在下方看到面板显示在虚拟设备上。

   

2. 左侧对虚拟面板点击即可交互，右侧是虚拟设备交互的 DP 点数据。

   

3. 现在就可以对小程序代码进行个性化修改，修改完成后重新构建和渲染预览面板效果。安装 IDE 提供的 skills 加速开发，见 Vibe Coding 技能。

第三步：上传发布​

1. 点击右侧的上传到云端，先把小程序上传到云端；上传成功后再去涂鸦开发者平台提审发布。

   

2. 打开基础设置，填写小程序介绍、英文展示名称，并上传预览图片。

   

3. 打开版本管理，提交审核。

   

4. 打开审核版本并等待审核。几分钟后刷新页面，即可看到审核通过，点击发布。

   

第四步：把小程序绑定到产品​

小程序开发完成后，想要在 App 端使用面板，需要把它绑定到产品。

1. 回到 IDE，打开项目详情，点击换绑小程序。

   

2. 点击重选面板，选择自定义面板。

   

3. 选择自定义面板，即可看到刚发布的小程序面板。

   

4. 即可在智能生活 App 中看到最新的面板。

去哪里深入学习​