微信小程序连接阿里云物联网平台——物联网远程控制开发1

博主在尝试使用微信小程序与阿里云物联网平台的topic通信,但有些资源说的不够详细,容易搞懵小白,因此补充一些。

内容框架参考:

【物联网】微信小程序接入阿里云物联网平台

微信小程序连接阿里云物联网平台 - MQTT协议题

在此感谢两位博主的分享。

1.下载微信小程序源码和微信开发者工具

微信开发者平台

微信小程序连接阿里云物联网平台——物联网远程控制开发1_第1张图片

小程序工程代码:

源码下载链接:点击下载源码
提取码:mh0p 

微信小程序连接阿里云物联网平台——物联网远程控制开发1_第2张图片

点击右边的导入

微信小程序连接阿里云物联网平台——物联网远程控制开发1_第3张图片

选择导入“小程序端”文件夹。

2.注册阿里云物联网平台

参考开头两个文章链接。

3.修改小程序中的参数

红框中的都要填写,文件位置:..\小程序端\pages\index、index.js。

微信小程序连接阿里云物联网平台——物联网远程控制开发1_第4张图片

 首先是clientid\password和username;

在设备信息中的MQTT连接参数里面复制。

参数含义:如何计算MQTT签名参数 - 阿里云物联网平台 - 阿里云

微信小程序连接阿里云物联网平台——物联网远程控制开发1_第5张图片

其次是阿里云三元组等信息,参考开头两个文章。

4.开启不校验合法域名校验及小程序编译

微信小程序连接阿里云物联网平台——物联网远程控制开发1_第6张图片

 一定开启,否则会报错。

 

 

最后编译:

5.查看信息

在日志服务中即可看见点击小程序按钮后发到云平台的消息。

微信小程序连接阿里云物联网平台——物联网远程控制开发1_第7张图片

你可能感兴趣的:(物联网,阿里云,物联网,微信小程序)