Arduino-ESP8266传感器获取温度湿度[联网版]
基础配置
- 数据库：Mysql
- 服务器：Linux
- 后端：php
- 前端：html，css，echar
- 开发板：esp8266
- 传感器：温湿度传感器，型号不会看
成品演示
esp8266把传感器的数据上传到服务器，
手机上访问网址就能看到当前的温度湿度。
流程图
流程图应该挺详细了。
接口设计
简单安全考虑，增加一个密钥验证，
防止被恶意写入乱七八糟数据；
接口：http://zxyoyo.com/sky/iot123.php
传输方式：GET
参数：
token："123abc" //安全参数，随意设置
temp: 22.6 //温度，浮点数
humi: 46.9 //湿度，浮点数
maker: 123 // 程序的id，随意设置，用于区分不同设备php接口代码
Arduino程序设计
主要是用到wifi库，http网络请求库
// 导入dht库，用于传感器的库
#include
//连接多个wifi
#include
#include
//网络请求
#include // 定义一个dht对象，5是GPIO5，具体看开发板
DHT dht(5, DHT11);ESP8266WiFiMulti wifiMulti; //创建一个ESP8266WiFiMulti对象
//创建 HTTPClient 对象
HTTPClient httpClient;
WiFiClient wifiClient;
//上传数据的接口
String api = "http://zxyoyo.com/sky/iot123.php";void setup() {// put your setup code here, to run once://开启串口监视器Serial.begin(9600);//初始化dht传感器dht.begin();//设置ESP8266工作模式为无线终端模式WiFi.mode(WIFI_STA);// 通过 addAP函数存储 wifi 名称，wifi密码wifiMulti.addAP("00QAQ", "00QAQ123!");wifiMulti.addAP("00qaq", "00qaq123!");Serial.println("Please wait, Connecting");int i = 0;while (wifiMulti.run() != WL_CONNECTED) {delay(1000);Serial.print(".");if(i>10) Serial.println("\n");//print(i++);}//连接wifi成功后，输出连接成功信息Serial.println("\n");Serial.print("connected to ");Serial.println(WiFi.SSID());Serial.print("IP address: \t");Serial.println(WiFi.localIP());//添加api的校验信息api += "?token=123abc";//添加api的设备信息api += "&maker=esp8266";}void loop() {// put your main code here, to run repeatedly://延迟10s 打印delay(10000);// 获取摄氏温度float temp = dht.readTemperature();// 获取空气湿度float humi = dht.readHumidity();// 判断读取到的数据if(isnan(temp)){//没有读取到摄氏温度Serial.println("failed to read temp");temp = 8266.0;}else {//读取到摄氏温度，打印Serial.print("Read temp = ");Serial.println(temp);}if(isnan(humi)){//没有读取空气湿度Serial.println("failed to read humi");humi = 8266.0;}else {//读取空气湿度，打印Serial.print("Read humi = ");Serial.println(humi);}//如果温度或者湿度有一个有读数，上传数据if(temp != 8266.0 || humi != 8266.0){uploadData(temp,humi);}else{Serial.println("read data failed");}}//上传数据到服务器
void uploadData(float temp, float humi){String tempUrl = api +"&temp=";tempUrl += temp;tempUrl += "&humi=";tempUrl += humi;httpClient.begin(wifiClient,tempUrl);//启动连接并发送http请求int code = httpClient.GET();if(code == HTTP_CODE_OK){String resp = httpClient.getString();Serial.print("Server resp: ");Serial.println(resp); }else{Serial.println("request server error");Serial.print("code=");Serial.println(code);Serial.println(tempUrl);Serial.println(httpClient.errorToString(code).c_str());}} 前端设计
访问接口
http://zxyoyo.com/skx/iot1.php
基本的html，css代码，使用echar设计图表，不用额外接口获取数据了，直接用php方便多了。
温湿度
num_rows > 0){$row = mysqli_fetch_assoc($rowresult);if($row['id']>0){mysqli_close($link);$curHumi = $row['humi'];$curTemp = $row['temp'];$updateTime = $row['createtime'];//小数点后一位if(strpos($curTemp,'.') !== false){$curTemp = number_format($curTemp,1);}}mysqli_close($link);}else{mysqli_close($link);}?>当前温度:,当前湿度:
数据更新时间:
点击更新
总结
感谢您阅读到最后。做个东西的灵感来源是之前在某宝买了一个电子温度湿度显示，在小米的app能看到实时数据，其实还是很方便的。自己动手做一个，几乎把所学都用到了（c 写arduino，php写接口，html写页面展示，Mysql存储数据），很是满意，后面继续完善。共勉！
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！