创建 Cube App

更新时间:2024-03-04 09:00:10

本文介绍如何在涂鸦 IoT 开发平台上创建一款 Cube 智慧私有云 App、完成配置并最终上架 App 的全过程。

Cube App 开发

创建 App

  1. 登录 涂鸦 IoT 开发平台的 App 页面

  2. 单击 创建 App,在弹框内选 智能私有云 分类下的 创建 按钮,即可创建 Cube 智慧私有云 App。创建 Cube App

  3. 在提示框里,完善 App 信息,然后仔细阅读并勾选《OEM APP 服务及软件使用许可协议》。

    选项 说明 示例
    App 名称 会展示在用户手机桌面上的 App 名称,建议输入长度在 6 个中文字符或者 12 个英文字符以内。超出可能会导致 App 用户无法直接查看完整名称。 某品牌
    智能产品 App
    Android/iOS 应用包名 上架到应用市场的唯一标识。应用包名尽量使用公司域名信息进行设置,避免重复。如果有在一些应用商店存在重复,则无法上架到相应的应用商店上架。推荐输入字母、数字,用半角句号(.)进行分段,推荐 3 段,每段以字母开头。不能含 “tuya” 信息。例如,涂鸦域名是 tuya.com,则包名可以是 com.tuya.smart com.testapp.smartiot
    渠道标识符 非必填项,若不填写系统会根据包名自动生成。渠道标识符确认后无法修改,主要用于在手机里直接唤起此 App,还与印刷二维码的链接有关。 自动生成
    App 可使用
    的国家与地区
    必填项,确认您的 App 主要适用于哪个国家或地区。不同选项会影响后续可支持的设置项以及支持构建的安装包。具体可点击每个选项查看详情。
    后文主要以 全球通用 为例进行介绍。
    全球通用

    创建 Cube App

  4. 单击 立即创建 完成创建。

界面配置

界面配置决定您的 App 界面外观及显示的应用图标。

  1. 设置 App 应用图标

    • 仅支持 PNG 格式方形图片。请不要上传带 透明 底的图片,会导致展示出错。
    • 尺寸必须为 1024 × 1024 px。
  2. 设置 启动图

    在上一步 App 应用图标 里上传图标后,涂鸦会自动为您生成启动图,如果您觉得不满意可以重新上传。

    iOS 手机版启动图
    支持 单张整图多图拼接。系统会根据手机屏幕尺寸,自动在指定位置拼装出适配当前屏幕比例的启动图,可以有效解决启动图在一些特殊比例的手机屏幕下可能出现的图片变形问题。

    • 仅支持 PNG 格式。

    • 图片尺寸为 1244 × 2688 px。

      创建 Cube App

    Android 启动图
    同样支持 单张整图多图拼接。系统会根据手机屏幕尺寸,自动在指定位置拼装出适配当前屏幕比例的启动图,可以有效解决启动图在一些特殊比例的手机屏幕下可能出现的图片变形问题。

    创建 Cube App

  3. 设置 App 样式及主题

    • 个性化配色 不能和 背景色 相同。
    • 主题色 不能和 背景色 相同。
    • Tab 导航背景色 不能和 App 底部操作栏图标里 选中状态文字颜色 相同。

    • App 付费开通服务后,可以开启深色主题,支持 App 用户在 我的 > 设置 > 深色模式 里选择模式或设置为跟随系统(开启后,将跟随系统打开或关闭深色模式)。
      创建 Cube App

  4. 设置 页面组件

    可以为 App 的首页、场景、我的、登录注册页 选用推荐模板或自定义编辑出合适的界面。你可以在 页面组件 配置中找到对应页面。

    创建 Cube App

    选择对应页面后,系统展示出页面内可进行的具体配置。您可以在 左侧配置区 进行相关页面组件的样式配置。
    以“首页”为例,您可以实现如下配置:

    1. 通过组件上的开关来选择是否使用该组件。

    2. 选择使用相关组件,选择对应的组件样式。

    3. 在预览区域拖动组件调整组件展示顺序。

      其中部分特殊组件(如商城组件)需特殊配置后才能正常使用,可点击组件旁边的 标识查看使用说明。

    4. 配置完成后,点击右上角 保存 后,再新构建的App中会按照您的配置进行展示。

    创建 Cube App

  5. 设置 App 底部操作栏图标

    涂鸦提供默认的图标。如需要修改,可直接单击上传替换。

    可在此上传您设计的 Icon 图,尺寸必须为 108 × 108 px,PNG 格式。

    如下图显示,默认 状态代表 Icon 未被选中时的展示效果。

    创建 Cube App

    此处设置图标后,并不表明所有已设置图标到操作栏都会在 App 里显示。具体是否展示首先依赖是否有开启对应功能。其中,商城功能还需要在 商家运营中心 里把商城绑定到当前 App 后才会显示。

  6. 预览及生效

    配置完成后,您可以在配置页右上角找到扫码预览功能,跟随步骤下载 App 并扫码查看配置效果。

    创建 Cube App

    • 如您想快速构建 Demo 演示,以上配置完成后可直接单击 下一步:功能配置
    • 基本功能配置如不修改,涂鸦提供默认配置。单击 下一步:App 配置,完成其他相关配置。单击 下一步:构建管理 > 立即构建。等待系统构建完成即可先测试。每个版本每天可构建 10 次,每月可构建 30 次,请酌情使用。

功能配置

  1. 拓展功能:您可以根据实际需求选择是否开通或设置。

    创建 Cube App
    • 关于我们:您可以在关于我们填入您的官网链接,请注意格式开头为 https://,如果不是以 https:// 开头,会导致在 App 里无法打开此页面 ,目前仅支持中英文,如果是其他语种的链接,可以填在英文输入框内。

    • 私有云 h5 域名配置

    • 私有云请求域名配置

    • 版权声明:您可以在手机 App 端 > 设置 > 关于 页下方添加 App 的版权信息 ,目前仅支持中英文。

    • 用户协议:由于各大应用市场规则原因,默认开启。开启后,已登录用户也能查看最新版的用户协议。

    • 扫一扫:可根据您的实际需求选择是否支持此功能。

    • 支持蓝牙 Mesh:可根据您的实际需求选择是否支持蓝牙设备配网。您如果关闭蓝牙服务,请确保在配网设备列表里不含蓝牙通讯类型的类目。

    • 手势密码:您可以配置是否开启 App 的手势密码功能,如果开启,App 的用户可以使用手势密码来锁定/解锁 App,提高安全性。

    • Dashbord 天气:可根据您的实际需求选择是否支持此功能。

    • 隐私政策:由于各大应用市场规则原因,默认开启。开启后,已登录用户也能查看最新版的用户协议。

App 配置

当 App 完成基本配置后,可单击 下一步:App 配置,系统会展示其他要上架到应用商店必须完成的配置以及平台推荐开通或设置的服务。您可以根据实际情况完成相应配置,也可以继续点击下一步,去构建 App 并体验,之后再来完善相应配置。

创建 Cube App

构建管理

单击 下一步:构建管理 > 立即构建,系统会按申请时间顺序构建 App,页面会提示预估的构建所需时长。构建完成后,系统会通过邮件或短信推送构建结果给所属的 IoT 账号。

  • 上架检查项,当首次访问此页面时,会显示上架到应用商店必须完成的配置项,但为了便于您的测试和体验,可以直接单击 立即构建 ,提前构建用于测试的 App。

    创建 Cube App

  • 构建成功,可以使用手机扫描测试二维码下载安装 App 进行测试。该二维码会自动识别手机系统,同时支持安卓和 iOS 可分别引导下载安装。

    单击 获取二维码,即可把测试包二维码内部分享给其他同事体验及验收。测试包二维码有有效期限制,只能在企业内容临时体验用。

    创建 Cube App

  • 构建失败,页面会提示具体失败的原因,可自行修改后重新构建。如您不知道如何处理,可以 提交工单 申请技术支持。

    创建 Cube App

App 上架

方式一:购买 App 上架服务

  • App 测试没有问题后,可以单击 下一步:上架管理

    创建 Cube App

    如果有修改开发步骤里的内容,如界面配置、拓展功能等的配置信息,则您需要重新构建 App。

  • 如您还未购买上架服务,建议您提前购买 App 上架服务,由于 App 有部分必配功能依赖于第三方平台,我们会提供 地图定位App 证书Push 证书 的相关配置服务。

    创建 Cube App

  • 如您已经购买了上架服务,系统会显示提示,此时您只需要等待涂鸦工作人员联系您即可,上架步骤您均可忽略,将由涂鸦工作人员来完成后续操作。

方式二:自行上架

  1. App 测试没有问题后,可以单击 下一步:上架管理,系统会自动检验必配项,当 App 未配置完全,页面会提示需要配置,可以单击对应的 配置 按钮逐一配置。

    创建 Cube App

    任何配置项只要修改,均需要重新构建才能生效,配置完成后请单击 完成配置,重新构建。为了减少系统在构建 App 时您的等待时间,建议一次性完成所有配置后再构建。

  2. 构建成功后,请先卸载之前安装的 App,再重新下载测试。确认安卓推送功能及地图功能是否生效后(iOS 推送服务需要上架后才能测试),再继续上架。

  3. iOS 安装包您可以选择在平台自动上传,也可以自行下载,由于 iOS 审核非常严格,请仔细阅读操作手册,按规范发布您的应用

    安卓安装包区分国内版 和 Google Play 适用版。(其中 自 2021 年 8 月后新上架到 Google Play 的安装包,必须使用 app bundle 文件)

    • 国内版默认会包含 高德地图服务,并支持 微信、QQ 等登录服务,以及各品牌手机的推送服务。

    • Google Play 版则默认使用 Google 地图和推送服务等。

      创建 Cube App

  4. 通过应用市场审核后请单击页面下方 完成上架 按钮,确认 App 已上架到各应用商店。

上架配置

如果您的 App 需要上架,以下功能必配。

用户协议/隐私政策

您可以单击 创建新版本,需要您自行提供隐私政策及用户协议的内容,平台支持自定义编辑。

涂鸦提供部分语种的 参考文档中文、英文),供您下载参考。如果 App 需要发布至应用市场,英文协议必传。

涂鸦《隐私政策》和《用户协议》模板仅供参考。请自行上传其协议版本,并确保内容的准确性、合法性。若完全采用,我们不对适用性及影响作任何陈述和保证。由于受监管强制要求以及对隐私保护等要求的加强,我们会不定期调整协议内容并更新发布,请及时查看调整沿用涂鸦模板的内容。

创建 Cube App

iOS 证书

应用如需发布至 App Store,则需要在此处上传相关的证书。制作证书需要先注册开发者账号,具体操作可参考对应的文档,如未上传证书,系统将无法构建用于上架的安装包,进而导致该 App 无法上架。

安卓证书

应用如需发布至安卓各应用市场,则需要在此处上传相关的证书。制作证书需要先注册安卓开发者账号,请根据所需上架的应用商店来对应配置,具体操作可参考对应的文档,如未上传证书,系统将无法构建用于上架的安装包,故该 App 无法上架。

  • App 证书

    • Android 签名保护:设置后可以提升 App 安全性,详情请参考 开启 Android 签名保护

    • 应用签名密钥证书:可以把获取到的证书信息用于相关服务需要的地方。例如 Login With Amazon(LWA) 访问令牌需要获取此信息。

  • 根据 App 用户所在地设置 Push 证书:

    • Google FCM:使用 Google 推送服务时必须设置的证书信息。详情请参考 申请谷歌 FCM 推送

    • 如果是推送给中国大陆用户,则可选使用 涂鸦推送通道或友盟 推送通道。

    另外,如果希望 App 用户可以无需打开应用就能收到推送,则需要设置对应品牌提供的系统级通道推送证书信息。

安卓地图

单击获取 SHA1 获取 App 相关值后,参考 申请 Google 地图安卓服务申请高德地图 KEY 获取高德或 Google 地图 Key,并填入对应框内。

可选配置

配网设备列表

目前页面可供选择配网分类,默认为公版 标准模式,采用与涂鸦 智能生活 App 相同的配网列表和引导内容。标准模式下,不支持修改配网列表及引导内容。

创建 Cube App

构建后,标准模式下 App 端页面显示参考以下图片。

创建 Cube App
  • 如您目前产出的品类在 10 个以内,可选择使用 平铺模式,用户无需切换分类,可以直观查看到所有支持的产品品类。

    创建 Cube App
  • 若您的产品品类较多,或跨多个品类时,可选择使用 多级模式 来配置,分类更加清晰。用户可以通过分类快速找到目标品类产品的配网分类入口,并按引导完成设备配网。

    创建 Cube App

自定义具体操作步骤

  1. 单击 创建自定义分类,会弹出 自定义配网分类 弹窗,此处需要先选择要关联的产品。

    创建 Cube App
  2. 如果当前空间账号下没有创建过产品,则无法关联产品,需要先创建产品,或选择使用 新建标准分类。如果要创建产品,请参考 选品类创建产品

    关联之后,App 用户通过此配网分类进行配网时,看到的配网引导内容就是此产品的配网引导内容。准确的配网引导内容可以提升用户的配网成功率。

  3. 关联产品后,分类图标会默认取关联产品的图标,您也可以重新上传其他图标。

    分类名称则可以自定义其他名称,默认中英文必填,创建成功后,会显示新弹窗,引导去设置分类名称的其他语种文案。

    创建 Cube App
  4. 点设置的配网分类左边的 三条横线 图标,可以移动对应分类的排序。

    创建 Cube App
  5. 点击操作栏的 查看配网,则会跳转到关联产品的配网引导设置页面,可以根据产品的实际配网操作步骤和注意事项,完善配网引导内容。

  6. 点击操作栏的 三个点 图标,可以查看更多操作项:

    1. 单击多语言后,跳转到此 App 的配网列表多语言配置页面。

    2. 单击修改后,弹出设置框,默认展示已设置的信息,可以基于此信息进行二次修改。

      创建 Cube App
  7. 点击删除后,弹出二次确认框,点 确定 按钮后,将删除对应配网分类。此删除操作立即生效,请谨慎操作。

新增标准分类具体操作如下

  1. 单击 新增标准分类,可在弹框内选择需要的标准分类到 已选分类 栏。

    创建 Cube App
  2. 标准分类不支持修改图标、分类名称和配网引导内容。只支持调整在配网列表里的排序或删除对应分类。

更多配置

  • 多设备同时登录:可根据您的实际需求选择是否支持同一个账号同时登录多个手机终端。

  • 支持使用涂鸦通用技能:设置当前 OEM App 是否支持使用 涂鸦通用技能,以通过相应的语音音箱控制设备。

常用工具

二维码

二维码可印刷于产品外包装上使用,后期 App 的版本更新不会影响此二维码的正常使用。输入的下载地址为确保可用,需要设置为各个应用商店的 App 详情页面。

必须配置其中一个下载地址二维码才能显示。您可以在各应用市场获取下载链接。只有设置各个系统的下载链接后,才支持各系统的手机扫码后,访问对应系统的下载链接去下载 App。

创建 Cube App

升级提醒

当您的 App 发布了版本更新时,您可在此配置升级提醒,推送至用户 App 上提醒用户升级版本。详情请参考 升级提醒推送方式说明

创建 Cube App

调试白名单

可以设置中国区的 App 账号为白名单账号,设置后,这些账号可以在 App “我的-设置-多语言调试模式”里查看最近更新或有变更的词条。详情请参考 什么是调试白名单

多语言设置

目前支持批量修改所有词条与在线修改指定词条两种方式:

  • 方案一(批量修改):您可以导出 App 的语言内容表格,在表格中修改内容后上传。

  • 方案二(单独修改):您可以通过 App 中的文案内容搜索对应的词条来修改。

    详细说明请参考 App 多语言管理