使用RT-Thread 系统实现DIY数字仪表（六）——开发微信小程序
59 浏览量
2021-01-06
05:24:54
上传
评论
收藏 1.26MB PDF 举报
使用使用RT-Thread 系统实现系统实现DIY数字仪表（六）数字仪表（六）——开发微信小程序开发微信小程序
目录：目录：
1.使用RT-Thread 系统实现DIY数字仪表（一）——STM32CUBMX5.6移植touchGFX4.13
2.使用RT-Thread 系统实现DIY数字仪表（二）——把TouchGFX移植到RTThread系统
3.使用RT-Thread 系统实现DIY数字仪表（三）——获取温湿度传感器数据
4.使用RT-Thread 系统实现DIY数字仪表（四）——同步网络时间
5.使用RT-Thread 系统实现DIY数字仪表（五）——链接阿里云物联网平台
6.使用使用RT-Thread 系统实现系统实现DIY数字仪表（六）数字仪表（六）——开发微信小程序开发微信小程序
7.使用RT-Thread 系统实现DIY数字仪表（七）——完善TouchGFX仪表界面
实验平台：实验平台：
硬件：硬件： 野火挑战者STM32F767 V1开发版和ESP8266模块
软件：软件： TouchGFXDesigner v4.13和 STM32CubeMX v5.6.0，MDK v5.29，RT-Thread env 工具
实验前准备工作：实验前准备工作：
1.准备一套 野火挑战者STM32F767 开发版或其他核心板
2.安装 TouchGFXDesigner v4.13
3.安装STM32CubeMX v5.6.0和X_CUBE_TOUCHGFX软件包
4.安装 MDK v5.27以上版本
5.下载 RTThread源码包https://gitee.com/rtthread/rt-thread
6.注册阿里云 LinkPlatform 平台
7.小程序开发者工具下载地址
下载：下载：
代码持续更新中：github代码下载地址https://gitee.com/Aladdin-Wang/hellotouchGFX.git
联系作者：联系作者：
加微信备注touchgfx，拉入touchgfx-rtthread技术交流群共同学习
1.入门微信小程序开发入门微信小程序开发
由于本人只是一名纯粹的嵌入式软件工程师，对前端语言和微信小程序并不熟悉，为了使这个物联网应用的小demo看起来更完整，特意花了几周时间学习了一下微信小程序的开发，
对于同样是嵌入式工程师的朋友，想学微信小程序，也可以跟随官方的这三个教程学习，对于嵌入式工程师来说快速入门足够了
1.小程序开发入门
2.JavaScript入门
3.云开发快速入门
2.准备工作准备工作
阿里云IOT物联网平台支持基于WebSocket的MQTT协议。可以首先使用WebSocket建立连接，然后在WebSocket通道上，使用 MQTT 协议进行通信，即MQTT over WebSocket！
如果已经完成了前边一步阿里云物联网平台使用MQTT.fx模拟手机设备进行M2M设备间通信，对于MQTT如何与阿里云物联网平台建立连接的理论基础已经足够了。
接下来说明如何在微信小程序上建立连接：接下来说明如何在微信小程序上建立连接：
2.1 下载下载MQTT.js 库库
https://unpkg.com/mqtt/dist/mqtt.min.js，点击打开链接然后右键另存为即可使用
2.2 下载下载hmac-sha1算法库算法库
去官方库aliyun-iot-client-sdk下载hmac-sha1算法库hex_hmac_sha1.js
2.3 新建微信小程序工程新建微信小程序工程
将下载下来的两个文件mqtt.min.js和hex_hmac_sha1.js到utils目录中去。
记得勾选微信开发工具—-【不校验合法域名、web-view（业务域名）、TLS 版本以及 HTTPS 证书】选项或者配置开发者后台socket 合法域名 为：wss://productKey.iot-as-mqtt.cn-
shanghai.aliyuncs.com（替换productKey为自己的产品key）
2.4 为设备建立物模型为设备建立物模型
如果已经完成了前边的教程，此物模型已经在前边建立好了，可以直接使用，这里只做说明
资源评论
