zoukankan      html  css  js  c++  java
  • 【小程序案例】支付宝小程序-MQTT模器,IoT设备通过WSS接入阿里云IoT物联网平台

    支付宝小程序-MQTT模拟器通过WSS接入阿里云IoT物联网平台

    小程序效果:

    1. 准备工作

    1.1 注册阿里云账号

    开通阿里云账号,并通过支付宝实名认证 https://www.aliyun.com

    1.2 免费开通IoT物联网套件

    产品官网 https://www.aliyun.com/product/iot
    image.png

    2. 控制台操作步骤

    2.1 创建产品

     JSON格式 
    image.png

    2.2 产品功能定义

    添加产品属性温度 temperature,湿度 humidity
    image.png

    2.3 注册设备

    在产品下注册设备,获得身份三元组
    image.png

    3. 小程序操作                  

    3.1 设备上线

    image.png

    3.2 上报数据

    image.png

    3.3 订阅主题和数据下行

    先点击 订阅主题,再去控制台推送消息。
    image.png

    发布指令日志
    image.png

    小程序效果
    image.png

    4. 小程序开发过程

    image.png 

    4.1 支付宝小程序socket接口适配

    socket接口my.sendSocketMessage和my.onSocketMessage都是base64的string,不支持ArrayBuffer,需要自己转换

    import miniBase64 from 'mini-base64';
    miniBase64.arrayBufferToBase64()

    4.2 阿里云IoT身份认证签名

    const params = {
          productKey: pageThat.data.productKey.trim(),
          deviceName: pageThat.data.deviceName.trim(),
          deviceSecret: pageThat.data.deviceSecret.trim(),
          timestamp: Date.now(),
          clientId: Math.random().toString(36).substr(2),
        }
        //1.生成clientId,username,password
        const contentStr = "clientId" + params.clientId + "deviceName" + params.deviceName + "productKey" + params.productKey + "timestamp" + params.timestamp;
    
        var clientId = `${params.clientId}|securemode=2,signmethod=hmacsha1,timestamp=${params.timestamp}|`;
        var username = `${params.deviceName}&${params.productKey}`;
        var password = crypto.HmacSHA1(contentStr, params.deviceSecret).toString();
    

    本文作者:wongxmig 

    原文链接 

    本文为云栖社区原创内容,未经允许不得转载。

  • 相关阅读:
    NOIP2009-2018简要题解
    luogu P5023 填数游戏
    Java桌面精灵基础——swing类的使用与关键代码
    c信号处理程序以及setjmp函数longjmp函数的简单应用
    mmapcopy函数的编写
    nm命令的学习以及可执行文件中的段
    关于C中数组和指针的一点理解
    写一个简单的lisp解释器(1)
    House Robber
    SICP_3.31
  • 原文地址:https://www.cnblogs.com/zhaowei121/p/10955751.html
Copyright © 2011-2022 走看看