0
  • 聊天消息
  • 系统消息
  • 评论与回复
登录后你可以
  • 下载海量资料
  • 学习在线课程
  • 观看技术视频
  • 写文章/发帖/加入社区
创作中心

完善资料让更多小伙伴认识你,还能领取20积分哦,立即完善>

3天内不再提示

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

智能物联研习社 来源:涂鸦智能 作者:智能物联研习社 2021-09-28 16:48 次阅读

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

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

步骤

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

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

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

3、单击创建小程序。

2fbd827192cb489eac1a244d812dde68?from=pc

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的内容。

2c5d9658de6c4849b65c6c6cff864ab8?from=pc

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

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

    关注

    0

    文章

    103

    浏览量

    48430
  • 代码
    +关注

    关注

    30

    文章

    4555

    浏览量

    66771
  • SDK开发
    +关注

    关注

    0

    文章

    12

    浏览量

    7727
  • IOT
    IOT
    +关注

    关注

    186

    文章

    3984

    浏览量

    193203
收藏 人收藏

    评论

    相关推荐

    薪资高、青春饭,是不是程序员=青楼?

    花期太短。技术迭代快,年龄大容易失业。 就这几年的互联网环境而言,不管是前端、Java、Android开发等等行业。已经感受到程序员不是太卷就是工作难找,薪资过低。以前高工现在拿着中低程序员
    发表于 03-06 21:32

    感觉我国的程序员前景片灰暗,是这样吗?

    程序员也分为好几等,在现在看来大部分的Android、Java、前端等等开发。已经看不到希望了,很多人都在边缘挣扎;刚看到位Android开发者,过完年回公司就通知被裁;可见每年都
    发表于 02-20 20:52

    1月18号“纯鸿蒙”千帆启航,程序员预备!

    Android”、与互联网大厂合作已达400+家、原生开发薪资岗位来看。鸿蒙对程序员来说无疑是条非常好的道路。 鸿蒙对程序员的影响 鸿蒙
    发表于 01-16 22:13

    米哈游启动鸿蒙原生应用开发,给程序员带来了什么信息?

    保障。未来,华为将以AI核心驱动力,以服务和硬件生态为生态平台,以“1+8+N\"的自研和生态伙伴产品入口,打造全场景智慧生态。 ​ ​​ 作为程序员的话,是进入鸿蒙开发的最佳时机
    发表于 01-07 22:25

    程序员表白程序

    电子发烧友网站提供《程序员表白程序.rar》资料免费下载
    发表于 11-21 10:41 0次下载
    <b class='flag-5'>程序员</b>表白<b class='flag-5'>程序</b>

    喜迎1024程序员节!祝各位开发者们“码”到“程”功!

    祝各位开发者们,节日快乐! 程序员(Programmer)是从事程序开发、维护的专业人员。 对于奋斗在一线的程序员们来说, 10月24日 是
    的头像 发表于 10-24 20:00 410次阅读
    喜迎1024<b class='flag-5'>程序员</b>节!祝各位<b class='flag-5'>开发</b>者们“码”到“程”功!

    程序员节 | 今年程序员们都想要的礼物竟然是……

    原文标题:程序员节 | 今年程序员们都想要的礼物竟然是…… 文章出处:【微信公众号:微软科技】欢迎添加关注!文章转载请注明出处。
    的头像 发表于 10-24 10:35 268次阅读
    <b class='flag-5'>程序员</b>节 | 今年<b class='flag-5'>程序员</b>们都想要的礼物竟然是……

    移植ARM DHCP服务器版本1程序员指南

    的, 大致了解DHCP服务器的作用。 这是那些想要将ARM DHCP服务器移植到嵌入系统的程序员编写的。 这本书分为以下几章: 第章 导言 阅读本章, 介绍ARM动态主机服务器移植程序
    发表于 08-18 06:46

    霓虹灯程序员指南

    如果您对ARM技术完全陌生,请阅读Cortex-A系列程序员指南,了解有关ARM架构配置文件和般编程指南的信息。 ·霓虹灯技术是ARM高级单指令多数据(SIMD)扩展的实现。 ·霓虹灯单元是执行
    发表于 08-17 06:32

    ARMv8-A霓虹灯程序员指南

    程序员,如固件、设备驱动程序或android内核开发人员•希望基于Arm的目标设备优化库或应用程序
    发表于 08-08 07:25

    Neuron C 程序员指南

    Neuron C 程序员指南
    发表于 07-04 20:48 0次下载
    Neuron C <b class='flag-5'>程序员</b>指南

    ISI 程序员指南

    ISI 程序员指南
    发表于 07-04 20:47 0次下载
    ISI <b class='flag-5'>程序员</b>指南

    打开 LNS 程序员参考

    打开 LNS 程序员参考
    发表于 07-04 19:50 0次下载
    打开 LNS <b class='flag-5'>程序员</b>参考

    LNS 程序员指南

    LNS 程序员指南
    发表于 07-04 19:49 0次下载
    LNS <b class='flag-5'>程序员</b>指南