配置App面板

概述

针对不同的App，平台提供的App界面配置的区别如下。

• 公版App

  您可以选择平台提供的常见品类（如灯、开关、插座等）的标准面板，也可以通过拖拽功能控件的方式来自定义界面。

• 自有App

  您可以自行开发App面板，也可以集成生活物联网平台提供的配置化界面插件。当您选择集成配置化界面插件时，您可以与公版App一样，选择平台提供的常见品类的标准面板与图标，或通过拖拽功能控件的方式来自定义界面。

• 天猫精灵App

  详细请参见天猫精灵App面板开发指南。

配置App的面板

配置公版App面板与配置自有App面板（需完成自有App调用配置化面板）的操作相同，请您根据以下步骤操作。

1. 登录生活物联网控制台。
2. 在产品的人机交互页面，打开使用公版App控制产品的控制开关。
   说明 人机交互页面的配置项默认用适用于您创建的自有App。打开公版App开关后，配置项可同时用于自有App和公版App。
3. 单击面板选择对应的未设置，选择App控制产品时的面板界面。

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

   
4. （可选）如果没有合适的面板，您可以选择主题面板（部分主题面板可修改），并单击编辑，基于现在面板修改（详细参见相关品类的最佳实践文档）。
   
5. （可选）如果没有合适的面板，您还可以单击空白面板对应的创建面板，基于空白面板全新开发。

   自定义面板灵活性高，不限制设备的功能定义，且采用拖拽功能控件的方式，方便您自行开发。详细请参见App面板开发教程。

   
6. 设置好产品的面板后，您可以扫描产品面板预览下方的二维码，使用公版App预先体验产品界面。
7. 生活物联网平台为您的品类预置了默认图标，您也可以单击更换产品图标修改图标。

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

   

自有App调用配置化面板

配置自有App的面板前，您需要根据以下步骤完成配置化面板的调用，即集成面板插件。

1. 在产品的人机交互页面，单击创建自有APP。请参见创建自有App。
   说明 当前项目中，如果您已经创建过了自有App，本步骤请忽略。

   
2. 在自有品牌App的关联产品页面中，打开该产品的开关。详细请参见设置关联产品。
   
3. 在自有品牌App的App界面页面中，单击配置化界面对应的生成代码。
4. 在弹出的对话框中，单击复制，并将该代码粘贴到自有App的工程中。
   
5. 更多集成面板插件的操作，请参见插件使用指南。