小程序面板

DP 协作模型

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

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

第一步：账号产品

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

   

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

   

3. 新建小程序面板。

   

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

   

5. 新建成功后回到 IDE 重新登录涂鸦开发者账号。

   

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

   

第二步：调试预览

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

   

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

   

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

第三步：上传发布

1. 点击右侧上传与发布，先上传到云端。

   

2. 上传成功后再去涂鸦开发者平台提审发布。

   

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

   

4. 点击版本管理，进行 Step 1 提交审核。

   

5. 点击审核版本，等待审核。几分钟后刷新页面即可看到审核通过，点击确定发布。

   

6. 回到 IDE，进行 Step 2，点击重选面板、选择自定义面板，即可在智能生活 App 看到最新的面板。

   

   

去哪里深入学习