前端做物联网开发

概述和基础讲解

该项目用到的技术有：

• 前端：jq、less、echarts、mqtt.js
• 后端：eggjs、egg-emqtt
• 数据库：mysql
• 服务器：emqx（mqtt broker）
• 硬件：
  • 板子：wemos D1 R2(设计基于 Arduino Uno R3 , 搭载esp8266 wifi模块)
• 调试工具：mqttx、Arduino IDE v2.0.3 使用Arduino C开发

必备知识：

• nodejs（eggjs框架）能面向业务即可
• mysql 能写基本插入查询语句即可
• C语言的基本语法了解即可
• 知道mqtt协议的运作方式即可
• arduino 开发板或任何其他电路板的初步了解即可

简单介绍一下上面几个的知识点：

1. 从来没有后端学习经验的同学，推荐一个全栈项目供你参考： vue-xmw-admin-pro^[1] ，该项目用到了 前端VUE、后端eggjs、mysql、redis，对全栈学习很有帮助。
2. mysql 只需要知道最简单的插入和查询语句即可，在本项目中，其实使用mongodb是更合适的，但是我为了方便，直接用了现成的mysql
3. 即使你不知道C语言的基本语法，也可以在一小时内快速了解一下，知道简单的定义变量、函数、返回值即可
4. MQTT(消息队列遥测传输)是一种网络协议（长连接，意思就是除了客户端可以主动向服务器通信外，服务器也可以主动向客户端发起），也是基于TCP/IP的，适用于算力低下的硬件设备使用，基于发布\订阅范式的消息协议，具体示例如下：

1. 由上图可知，当客户端通过验证上线后，还需要订阅主题，当某客户端向某主题发布消息时，只有订阅了该主题的客户端会收到broker的转发。举一个简单的例子：你和我，还有他，我们把自己的名字、学号报告给门卫大爷（broker），门卫大爷就同意我们在警卫室玩一会，警卫室有无数块黑板（topic），我们每个人都可以向门卫请求：如果某黑板上被人写了字，请转告给我。门卫会记住每个人的要求，比如当你向一块黑板写了字（你向某topic发送了消息），所有要求门卫告诉的人都会被门卫告知你写了什么（如果你也要求被告知，那么也包括你自己）。
2. 开发板可以被写入程序，程序可以使用简单的代码控制某个针脚的高低电平，或者读取某针脚的数据。

开始

1. 购买 wemos d1开发板、DHT11温湿度传感器，共计19.3元。
2. 使用arduino ide（以下简称ide） 对wemos d1编程需要下载esp8266依赖 参见：Arduino IDE安装esp8266 SDK^[2]
3. 在ide的菜单栏选择：文件>首选项>其他开发板管理器地址填入：arduino.esp8266.com/stable/pack…^[3]，可以顺便改个中文
4. 安装ch340驱动参见： win10 安装 CH340驱动^[4] 实测win11同样可用
5. 使用 micro-usb 线，连接电脑和开发板，在ide菜单中选择：工具>开发板>esp8266>LOLIN(WEMOS) D1 R2 & mini
6. 选择端口，按win+x，打开设备管理器，查看你的ch340在哪个端口，在ide中选择对应的端口
7. 当ide右下角显示LOLIN(WEMOS) D1 R2 & mini 在comXX上时，连接就成功了
8. 打开ide菜单栏 :文件>示例>esp8266>blink,此时ide会打开新窗口，在新窗口点击左上角的上传按钮，等待上传完成，当板子上的灯一闪一闪，就表明：环境、设置、板子都没问题，可以开始编程了，如果报错，那么一定是哪一步出问题了，我相信你能够根据错误提示找出到底是什么问题，如果实在找不出问题，那么可能买到了坏的板子（故障率还是蛮高的）

wemos d1 针脚中有一个 3.3v电源输出，三个或更多的GND接地口，当安装DHT11传感器元件时，需要将正极插入3.3v口，负极插入GND口，中间的数据线插入随便的数字输入口，比如D5口（D5口的PIN值是14，后面会用到）。

使用DHT11传感器，需要安装库：DHT sensor library by Adafruit , 在ide的左侧栏中的库管理中直接搜索安装即可

下面是一个获取DHT11数据的简单示例，如果正常的话，在串口监视器中，会每秒输出温湿度数据