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

描述

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

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

步骤

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

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

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

3、单击创建小程序。

AP

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

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

1、克隆项目代码。

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

2、安装相关依赖。

$npminstall

3、开启自动打包。

$npmrundev:weapp

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

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

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

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

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

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

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

AP

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

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

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

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

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

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

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

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

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

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

第3步:上传云函数

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

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

第4步:腾讯云云开发配置

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

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

第5步:为设备配网

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

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

编辑:jq

打开APP阅读更多精彩内容
声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉

全部0条评论

快来发表一下你的评论吧 !

×
20
完善资料,
赚取积分