新闻  |   论坛  |   博客  |   在线研讨会
为心爱的她开发一款物联网小程序,专属程序员的小浪漫!
智能物联研习社 | 2021-01-18 16:33:48    阅读:1124   发布文章

在 5G 热潮的推动下,IoT 愈发的如火如荼。越来越多品牌选择涂鸦智能的开发者平台实现产品智能化。在配网控制端,也有更多开发者希望利用好微信小程序即开即用低门槛的优点,提高设备配网率以及使用频次或实现设备分享功能。业务完全可以以小程序为核心,例如小兔健康小程序,在小程序里就能实现产品购买、配网、控制管理的闭环。

为此,涂鸦推出了 Tuya-Weapp-CloudBase SDK(以下简称小程序 SDK), 结合腾讯云函数,让您可以快速高效的完成小程序的开发,打通从智能设备到小程序的链路。

步骤

  • 第 1 步:获取小程序 SDK 授权

  • 为了获取小程序的 SDK 及相关授权,您需要在 IoT 平台上创建小程序 SDK。

    1、登录 涂鸦 IoT 控制台的 App 工作台。

    2、单击 App 工作台,选择 小程序 SDK

    3、单击 创建小程序

    快速开发一款物联网小程序,提高设备配网率使用率和实现设备分享


    4、输入小程序名称(和您的小程序同名)、小程序 AppID(可在微信小程序后台查看)、小程序描述、小程序,单击 确定

    创建成功之后,可以获取到专属于您 SDK 的 Schema,AccessID,AppSecret。其中 Schema 用来标识一个您的应用(在这里就是表示您的小程序),AccessID 和 AppSecret 用来生成 Token 信息。

  • 第 2 步:启动 Demo 项目接下来您可以克隆 项目仓库 里的示例代码。

  • 1、克隆项目代码。

    $ git clone https://github.com/TuyaInc/tuya-miniapp-demo.git

    2、安装相关依赖。

    $ npm install

    3、开启自动打包。

    $ npm run dev:weapp

    4、启动微信开发工具,单击 导入项目,导入您的项目。

    快速开发一款物联网小程序,提高设备配网率使用率和实现设备分享


    5、选择项目目录,填写您的 AppID,单击 导入

    快速开发一款物联网小程序,提高设备配网率使用率和实现设备分享


    小程序导入之后,会自动进入小程序的设备列表页,如果看到 “网络错误” 的信息提示,表明项目导入成功,但是未能上传云函数,可以参考下一步来上传云函数。

    快速开发一款物联网小程序,提高设备配网率使用率和实现设备分享


  • 第 3 步:上传云函数

  • 您的小程序如果要访问涂鸦云,需要通过之前获得的 AccessID 和 AppSecret 去调涂鸦云端接口生成访问涂鸦云的 Token。通常情况下这种操作都是由服务端完成,详情请参考 云开发平台方案介绍,但是也可以用更简单方便的小程序云函数的方式,相关的代码及 SDK 我们已准备好,请根据下面的示例来操作。

    1. 在小程序开发者工具中选中云函数目录的 ty-service(该目录是我们的涂鸦云函数目录,主要是登录、token 生成、统一接口调用等功能的封装) 上传上去。如果没有开通云开发环境,单击 “云开发” 的时候会引导您自助开通。

    2. 项目中调用云函数的工具方法在 src/Utils/Request.ts 中,通过云函数调用涂鸦的 API 的方式可以参照下面的示例。

     const params = {
        name: 'ty-service', // 云函数名称
        data: {
          action: 'hello', // 涂鸦云接口名
          params: {} // 接口参数
        }
      }  // 调用 Request 
      return Request(params)
  • 第 4 步:腾讯云云开发配置

  • 云开发配置主要是为了配置您之前获得的的 Schema,AccessID,AppSecret,用于在云函数云端生成 Token 并提供给小程序使用。这些信息存储在云开发的数据库中,可以保证云函数能够方便调用的同时还能最大限度的保证信息安全。可以根据下面的示例来操作。

    1. 单击 云开发,进入 数据库,添加名称为 “iot-collection” 的集合,单击 确定

    快速开发一款物联网小程序,提高设备配网率使用率和实现设备分享


    1. 选择 “iot-collection” 集合,,选择项目目录 db/data.json 文件,单击 导入 按钮,即可导入相关字段。

    快速开发一款物联网小程序,提高设备配网率使用率和实现设备分享



    3、导入完成之后填写涂鸦 IoT 工作台上小程序 SDK 的 Schema、AccessID、AppSecret 的内容。

    快速开发一款物联网小程序,提高设备配网率使用率和实现设备分享


    4、配置完成之后,刷新一下小程序,可以看到一个 “欢迎使用涂鸦云小程序云函数”,说明云函数配置成功。

    快速开发一款物联网小程序,提高设备配网率使用率和实现设备分享


  • 第 5 步:为设备配网

  • 目前小程序支持 AP 模式(慢闪热点)配网,后期还将支持蓝牙配网。通过配网,可以将一个设备配到您的账号下,您就有权限控制这个设备。

    1. 单击微信小程序开发工具的 预览,在弹出的二维码使用微信去扫码。

    2. 在手机的小程序中单击 添加设备 按钮,进入配网页面。

    快速开发一款物联网小程序,提高设备配网率使用率和实现设备分享


    3、将设备重置到 AP 配网模式。


    4、设备重置 AP 配网模式后,开始在小程序上配网。

    5、配网成功后,进入设备控制页,就能控制配网的设备。

    快速开发一款物联网小程序,提高设备配网率使用率和实现设备分享


    基于涂鸦开发平台和小程序 SDK,可以快速实现一款智能小程序,搭配使用 三明治开发套件,也可以用它搭建一个产品原型来实现最后一个步骤。

    auth.tuya.com/?from=https%3A%2F%2Fiot.tuya.com%2F&_source=5da300e50745947aec50c44f209c5367

    是否心动?为心爱的她开发一款物联网小程序,简直不要太酷!赶快来试试吧~


*博客内容为网友个人发布,仅代表博主个人观点,如有侵权请联系工作人员删除。

参与讨论
登录后参与讨论
推荐文章
最近访客