使用的设备：
串口服务器：汉枫HF2211S
电表：正泰
4G路由器：蒲公英（不是很推荐）
空气源热泵：Airwell公司生产的4KW空气-水热泵（已经绝版）
教程：
1、串口服务器读取Modbus连接MQTT服务器：汉枫官网教程及咨询技术人员
http://support.hi-flying.com/
“物联设备系列产品软件功能_20200623”这个文件的mqtt章节
测试服务器可以直接用汉枫的
2、搭建MQTT服务器
看这个文章，很简单
https://zhuanlan.zhihu.com/p/356929481
3、读取和写入mqtt数据
async-mqtt库
crc验证码计算用easy-crc
如果你写入的数据基本都是固定的，可以直接用一些串口工具计算出crc16，直接写死，会节省很多事
4、网页架构
直接看Prisma的示范代码，我现在就是用这个作为模板修改的
https://github.com/prisma/prisma-examples/tree/latest/javascript/rest-nextjs
5、获取初始控制数据
用getServerSideProps
6、数据页面动态更新
用SWR
7、逻辑控制
mobx太好用了，比React原始的useEffect，useState清晰很多，强烈推荐
Next Js用于整体架构（基于React）
getServerSideProps也是Next JS的一部分功能
Prisma用于数据库操作
SWR用于数据刷新
这几个都是Vercel公司的技术，我觉得配合挺好的
