为心爱的她开发一款物联网小程序,专属程序员的小浪漫！

智能物联研习社 | 2021-01-18 16:33:48 阅读：2275

在 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 我们已准备好，请根据下面的示例来操作。

在小程序开发者工具中选中云函数目录的 ty-service（该目录是我们的涂鸦云函数目录，主要是登录、token 生成、统一接口调用等功能的封装）上传上去。如果没有开通云开发环境，单击 “云开发” 的时候会引导您自助开通。
项目中调用云函数的工具方法在 src/Utils/Request.ts 中，通过云函数调用涂鸦的 API 的方式可以参照下面的示例。

 const params = {
    name: 'ty-service', // 云函数名称
    data: {
      action: 'hello', // 涂鸦云接口名
      params: {} // 接口参数
    }
  }  // 调用 Request 
  return Request(params)