不管您选择哪种App交互终端,都需要为App设置面板。

前提条件

已在控制台创建了产品,详细操作请参见创建产品

概述

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

  • 公版App

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

  • 自有App

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

  • 天猫精灵App

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

配置App的面板

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

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

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

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

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

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

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

    更换产品图标

自有App调用配置化面板

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

  1. 在产品的人机交互页面,单击创建自有APP。请参见创建自有App
    说明 当前项目中,如果您已经创建过了自有App,本步骤请忽略。
    jt21
  2. 在自有品牌App的关联产品页面中,打开该产品的开关。详细请参见设置关联产品
    jt23
  3. 在自有品牌App的App界面页面中,单击配置化界面对应的生成代码
  4. 在弹出的对话框中,单击复制,并将该代码粘贴到自有App的工程中。
    jt20
  5. 更多集成面板插件的操作,请参见插件使用指南