STM32+ESP8266(AT固件)连接阿里云物联网 保姆级教学(附代码)--1.创建产品和设备

系列文章目录

提示:这里是从实际应用如何使用教学配置,未从原理讲解,适合小白从零开始到成功,比较有成就感
STM32+ESP8266(AT固件)连接阿里云物联网系列保姆级教学
1. 创建产品和设备
2. 设置产品Topic数据和功能定义设备物模型数据显示
3. 硬件连接+代码修改
4. Web数据可视化
5.功能调试
6. MIT App inventor 自制手机APP连接阿里云平台 手机APP显示STM32发来的数据
7.MIT App inventor 自制手机APP连接阿里云平台 手机APP远程控制STM32设备



1. 创建产品和设备

  • 创建产品和设备的目的主要是在阿里云物联网上提供一个可显示数据的载体,配置非常简单但是非常重要,是后面可视化数据必不可少的过程。
  • 一定仔细阅读,只要按步就般,你的STM32也能顺利连接阿里云并且数据可视化效果。

所用到的工具和例程:
App inventor 在线编程网址
App inventor APP例程组件
stm32+esp8266+at指令+mqtt协议+接入阿里云程序源码

效果图

平面数据效果图

平面数据效果

可视化数据效果图

在这里插入图片描述


一、硬件连接

STM32F103ESP8266
PA2RX
PA3TX
GNDGND
3.3V3.3V
  • 注意事项:
  • ESP8266瞬间电流较大,最好单独使用一颗转3.3V LDO,不然有可能无法连接
  • ESP8266烧录AT固件,程序使用AT指令连接阿里云。

二、阿里云物联网平台创建产品和设备配置步骤

1.阿里云物联网网址

https://www.aliyun.com/?spm=5176.20180516001.top-nav.dlogo.30be4babNcuqIW

2.注册账号,实名制

实名注册后只有31天试用。且行且珍惜

在这里插入图片描述

在这里插入图片描述

1

在这里插入图片描述

1

在这里插入图片描述

1

在这里插入图片描述

1

3. 创建一个产品名为:test0912

在这里插入图片描述

增加设备名为Smarthome 的方法1

在这里插入图片描述

增加设备名为Smarthome 的方法2

在这里插入图片描述

1

在这里插入图片描述

4.标题查看是否创建好产品和设备

在这里插入图片描述

1

在这里插入图片描述


三、总结

请耐心阅读,如有点击不同的操作请重新尝试

一个好的开始才能有一个好的结果。一定要按步就搬,再去理解。

1. 创建产品和设备
2. 设置产品Topic数据和功能定义设备物模型数据显示
3. 硬件连接+代码修改
4. Web数据可视化

### 微信小程序连接物联网云平台教程 #### 1. 硬件准备与初始化设置 确保硬件设备已正确组装并完成初步配置。这包括STM32开发板、ESP8266 Wi-Fi模块以及智能锁电机之间的物理连线,并确认这些组件能够正常工作[^1]。 #### 2. 软件环境搭建 安装必要的软件工具链,如Keil MDK用于编写编译嵌入式C/C++程序;Arduino IDE或其他支持ESP8266固件上传的应用来更新Wi-Fi模组的固件版本。同时,在PC端准备好微信开发者工具以便后续的小程序开发工作[^2]。 #### 3. 设备接入云端服务 注册成为腾讯云用户后登录官网创建新的IoT项目,获取唯一的产品ID其他认证信息(例如密钥)。按照官方文档指示填写相应字段以激活该产品实例下的第一个设备实体——即本案例中的智能门锁装置。 #### 4. 配置网络通信协议栈 为了实现稳定可靠的双向数据交换过程,建议采用MQTT作为消息传输层的标准之一。对于前端部分,则可通过集成WebSockets API接口实现实时监听来自服务器推送的通知事件流。具体来说就是在`app.js`文件里定义全局变量保存socketTask对象引用,而在页面逻辑处理函数内部调用connectSocket()方法建立持久化链接关系[^3]。 ```javascript // app.js App({ globalData: { socketTask: null, }, }) ``` ```javascript Page({ onLoad(options){ const that = this; wx.connectSocket({ url: 'wss://yourserver.com/socket', success(res){ console.log('WebSocket connection successful'); // Store the reference to the WebSocket task object globally. getApp().globalData.socketTask = res.websocketTask; // Set up event listeners for message reception and error handling here... } }); // Other initialization code goes below... }, onUnload(){ if (getApp().globalData.socketTask !== null && typeof(getApp().globalData.socketTask.close) === "function"){ getApp().globalData.socketTask.close(); } } }); ``` #### 5. 实现业务功能交互流程 当一切就绪之后就可以着手构建具体的UI界面元素了。比如设计一个简单的开关按钮用来触发开/关门动作请求发送给后台解析执行命令序列下发至目标节点完成最终的动作响应循环。与此同时也要考虑到异常情况的发生概率提前规划好相应的容错机制保障用户体验质量不受影响。
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值