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

    文章

    106

    浏览量

    49049
  • 代码
    +关注

    关注

    30

    文章

    4841

    浏览量

    69194
  • SDK开发
    +关注

    关注

    0

    文章

    12

    浏览量

    7798
  • IOT
    IOT
    +关注

    关注

    187

    文章

    4232

    浏览量

    197869
收藏 人收藏

    评论

    相关推荐

    阿里云升级通义灵码AI程序员,全面上线

    近日,阿里云宣布其备受瞩目的通义灵码AI程序员已正式全面上线,开发者带来更为强大和便捷的编程辅助工具。 此次上线的通义灵码AI程序员,在功能上实现了全面升级。现在,它支持VS Cod
    的头像 发表于 01-09 11:16 323次阅读

    TMS320C6000程序员指南

    电子发烧友网站提供《TMS320C6000程序员指南.pdf》资料免费下载
    发表于 12-24 17:19 0次下载
    TMS320C6000<b class='flag-5'>程序员</b>指南

    TMS320C55x DSP CPU程序员参考补充

    电子发烧友网站提供《TMS320C55x DSP CPU程序员参考补充.pdf》资料免费下载
    发表于 12-21 11:36 0次下载
    TMS320C55x DSP CPU<b class='flag-5'>程序员</b>参考补充

    UCD3138A64/UCD3138128程序员手册

    电子发烧友网站提供《UCD3138A64/UCD3138128程序员手册.pdf》资料免费下载
    发表于 12-09 14:42 0次下载
    UCD3138A64/UCD3138128<b class='flag-5'>程序员</b>手册

    机械革命发布CODE AI程序员

    近日,英特尔新质生产力技术生态大会在成都举行,机械革命作为重要参展商带来了多款明星产品引爆全场!其中更是在AI PC软件生态产品发布分论坛上,Intel、智谱、机械革命三方联合发布了专为程序员设计的CODE AI程序员本,成为本次大会的
    的头像 发表于 11-30 10:34 587次阅读

    Linux驱动程序程序员指南

    电子发烧友网站提供《Linux驱动程序程序员指南.pdf》资料免费下载
    发表于 11-22 15:53 0次下载
    Linux驱动<b class='flag-5'>程序</b><b class='flag-5'>程序员</b>指南

    AI编程工具会不会抢程序员饭碗

    AI编程工具可辅助编程,减少手动编码,提升效率,对程序员有积极影响也有挑战。程序员需深化技能、拓宽知识应对。长远看,AI与人类程序员将共生共荣。
    的头像 发表于 11-08 10:17 246次阅读

    第五届长沙·中国1024程序员节开幕

    据官方媒体报道,10月24日;  第五届长沙·中国1024程序员节在湖南湘江新区开幕;本次中国1024程序员节以“智能应用新生态”为主题。设置有岳麓对话、技术英雄会、主题峰会及赛事、展览等活动,
    的头像 发表于 10-25 15:42 247次阅读

    京东上万程序员都AI用它!

    对大模型生成代码进行智能修复,程序员开启代码漏洞修复的“自动驾驶”模式,不但减少人工接入、提高工作效率,更为企业抵御内外部各种攻击构建起道坚固的安全屏障,确保业务的连续性和稳定性。 JoyCoder是京东云自主研发的
    的头像 发表于 07-17 16:29 318次阅读
    京东上万<b class='flag-5'>程序员</b>都AI用它!

    程序员节视频创意大赛,用串口屏赢取千元大奖

    10月24日,程序员专属的节日里,我们盛大开启“程序员节视频创意大赛”特别活动!这不仅是场视觉的盛宴,更是智慧与创意的璀璨碰撞。我们诚挚邀请每
    的头像 发表于 07-08 10:38 72次阅读
    <b class='flag-5'>程序员</b>节视频创意大赛,用串口屏赢取千元大奖

    程序员节视频创意盛宴,邀您共襄盛举!

    10月24日,程序员专属的节日里,我们盛大开启“程序员节视频创意大赛”特别活动!这不仅是场视觉的盛宴,更是智慧与创意的璀璨碰撞。我们诚挚邀请每
    的头像 发表于 07-04 09:00 67次阅读
    <b class='flag-5'>程序员</b>节视频创意盛宴,邀您共襄盛举!

    阿里云发布首个AI程序员,引领应用开发进入“分钟级”时代

    近日,在备受瞩目的阿里云上海AI峰会上,阿里云向全球开发者们展示了其最新的技术成果——首个“AI程序员”。这款创新应用基于通义大模型构建,具备了令人惊叹的多项技能,包括架构师、开发工程师、测试工程师等,
    的头像 发表于 06-24 10:36 720次阅读

    适者生存,程序员最终会流向哪……

    程序员没有永远的护城河!!就目前的互联网大环境来看,it行业已经是……
    的头像 发表于 03-11 17:11 447次阅读
    适者生存,<b class='flag-5'>程序员</b>最终会流向哪……

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

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

    GitHub Copilot:你的代码超级助手!程序员的最强福音

    今天小启给大家安利一款令人兴奋的AI工具——GitHubCopilot。它无疑是程序员们的最强福音!无论你是新手还是经验丰富的开发者,GitHubCopilot都将成为你的代码超级助手。想象
    的头像 发表于 03-05 08:04 1227次阅读
    GitHub Copilot:你的代码超级助手!<b class='flag-5'>程序员</b>的最强福音