在上一期分享的ESP8266作为客户端发送get请求和post请求的电路方案设计(原理图+程序)已经实现了ESP8266与javaweb服务器连接,并且将8266采集的数据通过post和get请求发送到javaweb的servlet程序中,但是仅仅是在eclipse的控制台通过打印的方式显示出数据,缺点就是在index主页不能显示出数据。
在这一期将要实现将采集到的数据显示到javaweb工程的index主页上。效果如下图所示:
上图中可以看出是一个eclipse部署javaweb私人服务器;网页首页显示一张图片和控制按钮和显示区域;箭头1是私人服务器的网络访问地址;箭头2是点击发送按钮之后在网页中显示出来的dht11的采集的数据,还有采集数据的时间;箭头3是终端后台打印的dht数据。所以这套程序完全可以打通硬件、网络、前端和后端技术。后期将会推出自动刷新和配备手机客户端专题!
stm32单片机库函数控制ESP8266配网的过程很多时候比较麻烦的。并且wifi容易断线,现在还加入了断线重连的功能,调试蛮久才成功了。配网过程如下图所示:
单片机采集到dht11 的数据马上通过串口1打印出来,再通过wifi发送post请求传输到javaweb私人服务器。串口打印如下图所示:
总结:首先esp8266无线连接到局域网无线热点和局域网javaweb服务器,然后定时上传dht11数据到服务器,最后用户登录浏览器输入网址点击发送按钮就可以查询到dht数据了,如下图所示:
私人服务器工程结构如下图所示: