前言有些设备由于没有必要或者无法使用MQTT协议从而使用更加简单的HTTP协议来进行数据展示相较于MQTT协议使用HTTP协议的操作更加简单如果使用WiFi模块ESP8266一般情况下可以直接使用AT命令执行发送无需再次刷入固件展示效果图如下图所示。一、环境准备网页空间网页空间需要支持PHP文件的运行一般网页空间都支持PHP的运行域名需要准备一个可用的域名二、功能简介本程序实现了用 HTTP(TCP) 协议直接向网页发送数据温度、湿度并且实时显示在前端当实时数据在阈值之外的情况会触发报警背景闪烁、声音报警、文字提示报警阈值会存储到服务器刷新/新开网页后不会重置信息当超过 20s 没有接收到数据时设备会显示离线设备离线时监测页面的温湿度就会消失当首次打开网页时监测页面会显示连接信息可以通过连接信息的内容来发送数据历史页面可以查看发送的历史数据并配有图表显示三、工作流程图四、使用方法1.服务器配置方法项目部署网页项目部署教程 | 每日书库当部署完成后访问网址即可展示如下界面2.设备发送信息连接方式TCP地址和端口请看连接信息HTTP-POST格式POST abc/hello/receive.php HTTP/1.1 //根据连接信息界面修改POST内容 Host: mqtt.uuwb09.top //根据连接信息界面修改Host内容TCP Content-Type: application/json //无需改动 Content-Length: 23 //下面的字符个数 //空行不能删除 {temp:38.5,humi:30} //温湿度数值报送3.连接示例WiFi模块ATCIPSTARTTCP,mqtt.uuwb09.top,80 //替换为您的域名和端口请查看连接信息 ATCIPMODE1 //打开穿透模式 ATCIPSEND //发送模式 POST /abc/hello/receive.php HTTP/1.1 //POST内容请一次性发送完毕 Host: mqtt.uuwb09.top Content-Type: application/json Content-Length: 23 {temp:38.5,humi:30}4.运行测试图五、程序下载下载地址HTTP物联网温湿度网页数据展示 - 零度空间