我是靠谱客的博主 淡淡天空,最近开发中收集的这篇文章主要介绍微信小程序+阿里物联平台+合宙Air724UG搭建无服务器物联系统(三)---微信小程序直连阿里物联平台AliIoT,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

     前一段时间集中设计系统整体方案,物联网平台搭建、小程序编写,硬件电路设计、SOC单片机程序开发,自己挖的坑太大了,填起来真是费劲啊!整个年假都用来填坑了,也没有时间编写博文,今天忙里偷闲集中整理一下开发过程,形成文字,有些不完整不周到的地方大家多包涵,有什么问题可以给我留言,我这再修改。

    小程序作为项目的前端,作为用户交互的门面,是用户采集信息和控制的途径,本系统中前端不只显示和控制功能,重点是直连阿里物联网平台,免除了服务器部分的大麻烦,极大的方便的项目的开发及研制过程。

    微信小程序直连阿里物联平台通过  云端API实现直连控制,

     我们可以在阿里云物联网平台官方文档中查看到云端API的列表。我项目主要应用设备状态查询及RRPC实时同步控制等方式。

微信开放文档微信开发者平台文档https://developers.weixin.qq.com/miniprogram/dev/framework/
      以上为微信小程序开发文档,具体小程序注册及配置等基础操作本文不做具体介绍,直接上干货,直接介绍链接阿里物联平台AliIoT过程。

第一步,小程序加入阿里物联平台信息

       前文介绍了阿里物联平台搭建过程,微信小程序+阿里物联平台+合宙Air724UG搭建无服务器物联系统(二)---阿里物联平台搭建_unforgettable2010的专栏-CSDN博客该平台作为物联网应用的中台,承担了百万级设备链接及负载均衡等功能,解决了物联网设备链接的多连接、少数据量、长链接等问题。https://blog.csdn.net/unforgettable2010/article/details/122889742

 测试时的Devicename 是写死的,实际的小程序产品使用二维码方式,用户扫描二维码添加设备。

第二部、小程序直连阿里物联平台ALiIoT

      该直连方式采用HTTP方式链接阿里物联平台ALiIoT的云端API。

小程序驱动编写,直连IoT平台API的公共参数比较难,下面SDK实现公共参数生成及链接功能,

下面链接介绍了公共参数的官方文档

公共参数 - 阿里云物联网平台 - 阿里云https://help.aliyun.com/document_detail/30561.htm?spm=a2c4g.11186623.0.0.78471c80JZYo1h#reference-tjr-twc-xdb

第三步、链接平台查询设备状态及控制功能

var data1 = {
            adc: 111,
            iostate: "1201",
            power: "abcd"
          };
        // 读取设备属性状态
        // const config1 = {
        //   Action: "QueryDevicePropertyStatus",
        //   ProductKey: api.productKey,
        //   DeviceName: api.deviceName
        // };
        // RRPC 向指定设备发送请求消息,并同步返回响应
        const config1 = {
          Action: "RRpc",
          ProductKey: api.productKey,
          DeviceName: api.deviceName,
          timeout: 6666,
          requestBase64Byte: base64.encode(JSON.stringify(data1)),
        };
        aliSdk.request(config1, {
          method: "POST"
        },
        (res) => {
          console.log("success")
          console.log(res) //查看返回response数据
          if (res.data.Code) {
            console.log(res.data.ErrorMessage)
            wx.showToast({
              title: '设备连接失败',
              icon: 'none',
              duration: 1000,
              complete: () => {}
            })
            // that.setPropertyData(null)
            console.log("1111nihao ")
          } else {
            // console.log("2222nihao ",res);
            console.log("2222nihao ",JSON.parse(base64.decode(res.data.PayloadBase64Byte)));
            // that.setPropertyData(res.data.Data.List.PropertyStatusInfo)
          }
        },
        (res) => {
          console.log("fail")
          wx.showToast({
            title: '网络连接失败',
            icon: 'none',
            duration: 1000,
            complete: () => {}
          })
          // this.setPropertyData(null)
        },
        (res) => {
          console.log("complete")
          
        })

    该段代码实现了设备控制功能和设备状态查询功能,小程序发送数据后,通过阿里物联平台的监控运维->设备模拟   功能接收数据。

小程序发送数据

 

 设备模拟器接收数据

在小程序编写前可以使用阿里物联平台上的监控运维->在线调试   功能,模拟小程序发送数据。

 第四步、扫描添加设备

    小程序通过扫码添加设备,在用户名下添加多台设备,即可实现用户管理多台设备,用户信息及用户添加设备信息等数据存储在腾讯云开发中的->云数据库中,下一章介绍腾讯云开发。添加设备后小程序界面如下。

 设备控制页面如下:

小程序的二维码我放在下边,欢迎朋友们光临指导,小程序页面做得粗糙,具体的页面编写过程就不具体详述了,小程序代码编写整理完成后我会开源出来,让各位朋友们帮忙完善这套系统。

        

下面是系统延时视频,第一次做视频,走的很粗糙,望大家见谅!

微信小程序+物联平台+4g模组搭建无服务器版物联系统——系统演示_哔哩哔哩_bilibili

最后

以上就是淡淡天空为你收集整理的微信小程序+阿里物联平台+合宙Air724UG搭建无服务器物联系统(三)---微信小程序直连阿里物联平台AliIoT的全部内容,希望文章能够帮你解决微信小程序+阿里物联平台+合宙Air724UG搭建无服务器物联系统(三)---微信小程序直连阿里物联平台AliIoT所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(57)

评论列表共有 0 条评论

立即
投稿
返回
顶部