微信小程序连接阿里云快速入门【物联网】

avatar
作者
猴君
阅读量:4

一、前言

1.1 项目背景

随着5G的逐渐普及,万物互联的浪潮已经席卷而来。在万物互联的场景下,如何实现设备之间的互联互通,成为了一个亟待解决的问题。

微信小程序作为一款轻量级的小程序开发框架,以其简洁的语法和丰富的组件库,成为了开发物联网应用的首选工具。

本文将介绍如何使用微信小程序连接阿里云物联网平台,实现设备之间的互联互通。

1.2 项目目标

通过本文的学习,你将能够:

  • 掌握使用微信小程序连接阿里云物联网平台的步骤
  • 实践搭建一个简单的物联网应用
    自此,阿里云的物联网开发教程基本全部结束。

零基础搭建自己的阿里云物联网平台

零基础 ESP-01S使用AT指令连接阿里云(含ESP-01S 固件烧录)

ESP8266 NodeMCU连接阿里云(从环境搭建到代码实现)

STM32连接阿里云(从固件烧录到代码实现)

从0到1:使用app inventor 开发手机app实现连接阿里云平台(含源码)
阿里云云产品流转规则设置全攻略【M2M通信】

如果觉得我的文章对你有帮助,不妨点赞关注,谢谢!

墨小羽ovo个人主页

二、百度网盘链接

本教程的代码已经上传到百度网盘,链接如下:
链接:https://pan.baidu.com/s/19HO54-yeNWb8nFqEgjvmnQ?pwd=o12m
提取码:o12m
如果遇到什么疑问,欢迎加入单片机与物联网开发的讨论群!一起学习,互相进步。在这里插入图片描述

三、注册配置微信小程序

2.1 注册微信小程序

首先,你需要注册一个微信小程序账号。登录微信公众平台平台,点击“立即注册”,按照提示完成注册流程。

注册完成后,你需要创建一个微信小程序项目。点击“开发”->“开发设置”,获取AppID和AppSecret。

在这里插入图片描述

2.2 配置微信小程序

接下来,你需要配置微信小程序的项目。打开微信开发者工具,点击“新建项目”,选择“小程序”,填写项目名称和AppID,然后点击“新建”。

在项目配置页面,你需要配置项目的AppID和AppSecret。点击“项目配置”,填写AppID和AppSecret,然后点击“保存”。

在这里插入图片描述

配置完成后,你就可以开始开发你的微信小程序了。

2.3 微信小程序报错

在开发过程中,你可能会遇到一些报错信息,例如:

wss://${yourProductKey}.iot-as-mgtt.cn-shanghai.aliyuncs.com不在以下套接字合法域名列表中

处理办法有两种:

1.在图中勾选不校验合法域名

在这里插入图片描述

2.如下图 ,微信公众平台中在服务器域名中配置socket域名

wss://a12fcmiorbf.iot-as-mqtt.cn-shanghai.aliyuncs.com 替换为自己的yourProductKey

在这里插入图片描述

四、注册配置阿里云物联网平台

阿里云物联网可以参考我的这篇文章
零基础搭建自己的阿里云物联网平台

五、阿里云云产品流转配置

阿里云物联网的云产品流转配置具体可以参考我的这篇文章
零基础搭建自己的阿里云物联网平台

六、微信小程序的开发

1.经过第四和第五步,你已经完成了微信小程序和阿里云物联网平台的连接和配置。接下来,你可以开始开发你的微信小程序了。

2.你已经在云平台创建了两个设备,一个作为设备端,一个作为移动端。接下来,你需要编写代码来实现设备之间的通信和控制。

在这里插入图片描述

3.在代码中修改如下部分,将index.js中的三元组信息替换为自己的即可,
在这里插入图片描述

在这里插入图片描述

七、运行效果

在这里插入图片描述

八、参考资料

微信小程序开发文档

九、总结

本文介绍了如何使用微信小程序连接阿里云物联网平台,实现设备之间的互联互通。通过本文的学习,让您轻松掌握微信小程序连接阿里云的全过程。希望本教程对您有所帮助,
觉得实用不妨点赞关注。在编写博客的过程中,我尽量保持内容的准确性和完整性,但也难免会有疏漏或错误之处。欢迎各位读者指出其中的问题,帮助我不断进步。

广告一刻

为您即时展示最新活动产品广告消息,让您随时掌握产品活动新动态!