应用开发指南

H5 自定义面板开发

最近更新时间:2020-09-28 17:37:52

为了满足设备制造商、方案商在手机应用端能够快速完成应用开发的需求,平台提供了基于腾讯连连的 H5 自定义面板开发能力,便于用户根据需求个性化定制美观的设备操控面板,以减少用户开发完整独立品牌小程序的开发成本。

开发流程

使用 H5 面板开发

  1. 用户可通过 H5 自定义面板开发规范和 Demo,熟悉如何基于腾讯连连进行 H5 面板开发。详情请参见 H5 面板开发与 Demo
  2. 遵循规范完成开发后,即可通过控制台的交互开发能力,上传 H5 相关 JS 与 CSS 文件进行调试。

使用控制台交互开发

  1. 用户完成 H5 面板开发后,进入 物联网开发平台控制台,选择对应产品。
  2. 进入“交互开发”页面,选择面板配置一栏,并单击【配置】。
    1. 选择 H5 自定义面板
    2. 设置 WebView 样式
      可根据小程序开发规范设置 H5 面板页面的标题颜色、导航栏背景颜色、背景颜色及下拉背景字体颜色。具体可参考 小程序官网
    3. 上传 JS 与 CSS
      将开发好的 JS 与 CSS 通过控制台上传,并单击【保存】。
  3. 使用“腾讯连连”进行调试
    1. 在微信小程序搜索“腾讯连连”,并进入控制台的“设备调试”部分,打开待调试设备的“二维码”。
    2. 使用“腾讯连连”,扫描控制台生成的二维码即可绑定,单击设备后,即可进入用户自定义的面板进行调试。
目录