不管您选择了公版App还是自有App,都需要为App设置界面。App交付后,C端用户(消费者)通过App界面绑定并操控您的设备。

概述

针对公版App与自有App,平台都提供App界面的配置,两者区别如下。

  • 公版App

    您可以自定义界面,也可以选择平台提供的常见品类(如灯、开关、插座等)的标准面板与图标。详细介绍参见配置公版App的界面

  • 自有App

    您只能自定义界面。详细介绍参见配置自有App的界面

配置公版App的界面

  1. 产品-人机交互页面,打开公版App的控制开关。
  2. 使用公版App控制产品页签中,单击 选择产品面板对应的 去设置,选择产品使用公版App控制时的面板界面。

    以灯品类为例,下图为平台提供的标准面板。

    选择面板
  3. (可选)如果没有合适的面板,您还可以在自定义面板页签中,单击 创建面板,自定义您的面板。

    自定义面板灵活性高,不限制设备的功能定义,且采用拖拽功能控件的方式,方便您自行开发。

    自定义面板
  4. 设置好产品的面板后,您可以扫描产品面板预览下方的二维码,使用公版App预先体验产品界面。
  5. 公版App为您的品类预置了默认图标。您可以单击更换产品图标修改。

    修改后,可直接预览新的产品图标,如下图所示。

    更换产品图标

配置自有App的界面

  1. 产品-人机交互页面,关闭公版App的控制开关。
  2. 配置App功能页签中,单击 App界面对应的 未设置
  3. 单击新建对应的 配置化界面
    自定义界面
  4. 根据界面提示,自定义App的界面。

    自定义面板灵活性高,不限制设备的功能定义,且采用拖拽功能控件的方式,方便您自行开发。

    自定义界面
  5. 单击保存,App界面即可在测试版自有App中显示。
  6. 自有App调试完成后,单击发布,将App界面发布到正式版自有App中。