设置配网信息

更新时间:2023-10-11 03:24:51下载pdf

在涂鸦 IoT 开发平台创建了产品后,您可以在 产品配置 阶段为其设置配网信息,设计一个 PID 维度的配网二维码。配网二维码能极大方便 Wi-Fi 热点配网、快连配网和蓝牙配网的设备接入过程。

应用场景

配网二维码常被放置在产品说明书上,终端客户扫描二维码即可进入配网页面。即使您修改了配网内容,配网二维码保持不变,终端客户使用 App 扫描二维码时,亦可以通过最新的配网内容进行配网操作。

功能优势

涂鸦配网信息具有以下优势:

  • 基于精准的产品配网操作编制,大幅提升配网成功率。
  • 多种配网模式下,支持调整排序及是否展示。
  • 产品包装发货交期不受限于配网方式、多国语言问题。
  • 不影响纸质说明书使用。配网内容更新后,二维码不需要变更。
  • 终端用户操作简单,只需打开 App,扫码即可按步骤操作。

预期效果

设置配网信息后,多步骤配网信息配置单步骤配网信息配置 会有以下效果:

设置配网信息设置配网信息

前提条件

  • 已经创建了至少一个产品。详情请参考 创建产品

  • 仅 3.12.0 及以上版本的智能生活 App,或 odm/v3.12.0 及以上分支的智能生活类型的 OEM App 支持设置配网信息。如果版本过低,可以扫描以下二维码进行更新。

    设置配网信息

方式一:多步骤配网信息配置

有关 单步骤配网信息 的详情,请参考下文 方式二:单步骤配网信息

  1. 登录 涂鸦 IoT 开发平台

  2. 前往 产品开发 列表。

  3. 选择一款产品,单击 操作 列中的 继续开发

  4. 单击 产品配置

  5. 配网信息 区域中,单击 设置

    设置配网信息

  6. 配网引导 页面,根据页面指引,完成以下信息配置。

    • 配网文案:在配网引导页步骤一页面展示,需填入简体中文和英语文案。

    • 配网引导图/视频:根据提示信息上传配网引导图或视频,建议图片或视频里不要含文字,所有语种都默认使用此图片或视频。

      为每个配网步骤填写配网文案,以及上传配网引导图或视频。可结合不同产品的配网流程,在默认步骤上增删步骤。

      设置配网信息

  7. (可选)结合不同产品配网流程,上传配网引导长视频,时长在 45 秒内,请注意视频文件不能过大,否则会影响终端用户的体验。

    此处支持为不同语种上传相应的长视频。

  8. 设置 5 GHz Wi-Fi 配网提示管理:

    如果已确认您产品的硬件支持 5 GHz Wi-Fi 网络,则可以启用此能力。启用后,在配网步骤里将不再出现不支持 5 GHz Wi-Fi 的提醒信息。

  9. 如果您需要配置多国语言,可根据页面引导,单击 更多语言 进行完善。

  10. 在配网引导页面底部,单击 下载二维码

    设置配网信息

    下载二维码图片对应绑定的 PID 的配网内容的变更不会导致二维码变更。您可以先添加二维码到产品的纸质或电子说明书配网部分,提前进行产品包装设计。二维码对应的详细配网步骤和介绍都可以后期在页面上进行配置和变更。

    以下二维码仅用作示例使用,具体请下载您的产品 PID 对应的二维码。

  11. (可选)您可以单击右上角的 自定义模式,调整配网方式在 App 中显示的排序。

  12. 完成配置并确认配置信息无误,打开 App 测试配网内容。

    例如,打开智能生活 App(也可以使用您的 OEM App ),切换到 我的 页面,轻按右上角 扫码 图标,扫描您下载的二维码即可展示该产品的配网内容。

方式二:单步骤配网信息配置

本小节详细描述了设置单步骤配网信息时相关文案和页面的映射关系,供您参考。

有关 多步骤配网信息 的详情,请参考上文 方式一:多步骤配网信息

  1. 登录 涂鸦 IoT 开发平台

  2. 前往 产品开发 列表。

  3. 选择一款状态为 开发中 的产品,单击 操作 列中的 进入开发

  4. 单击 产品配置

  5. 找到 配网信息 栏,单击 设置

    设置配网信息

  6. 进入配网引导页面,下拉至 单步骤配网信息 部分,完成以下信息配置。

    • 配网文案:展示在产品配网首页,包含必要进入配网状态的所有精炼内容。

    • 配网引导图:根据提示信息上传配网引导图。支持 .png 图片和 .gif 动图,推荐采用动图。

    • 单选框文案:输入对应单选框文案内容。

      设置配网信息

      简体中文和英文选项都必须填写。

  7. (可选)设置 查看帮助 内容。

    查看帮助 是重置设备的详细教程。当 设置 内容未补充时,默认与该产品对应品类的配网内容一致。您可以按以下步骤自定义帮助内容。

    1. 选择一种语言,例如 简体中文,单击 设置

      设置配网信息
    2. 帮助引导设置 页面,填入配网帮助信息。下图展示了帮助配置对应的视觉效果位置供您参考。

      请描述产品进入配网状态的每一步骤,并提供对应的图片,支持 JPG/JPEG/PNG 图片、GIF 动图。

      设置配网信息
    3. 完成配置并确认无误后,单击 保存

    4. 返回配网页面,单击已设置帮助的 查看帮助链接,确认修改内容。

      设置配网信息
  8. 完成配置并确认配置信息无误,然后打开 App 测试配网内容。

典型案例

下图为某一示例产品的原纸质说明书。因纸质空间限制,该说明书存在以下问题:

  • 仅有两张小图描述了配网内容,缺少进入配网状态的步骤描述

  • 字体及图片较小,无法在图片中清晰看到操作路径

  • 如果 App 配网界面变更,纸质说明书需要重新设计和印刷

    设置配网信息

设置了配网信息后,配网内容调整为扫二维码方式,新版纸质说明书如下图所示,具有以下明显优势:

  • 用户扫码即可进入产品的电子配网说明页面,配网内容可以在配网时详细描述

  • 释放纸质说明书空间,增加更多产品使用相关内容

  • 配网内容更新时,纸质说明书可保持不变,无需另外制作说明书

  • 无论公版 App 还是 OEM App 均可使用真实产品图文制作配网信息说明

    设置配网信息

演示视频