WiFi开发|ESP8266模组SDK开发项目之智能家居

最新推荐文章于 2024-05-29 18:11:43 发布

安迪西嵌入式

最新推荐文章于 2024-05-29 18:11:43 发布

阅读量1.4k

点赞数 1

分类专栏： # WiFi开发文章标签： ESP8266 http sdk 智能家居

本文链接：https://blog.csdn.net/Chuangke_Andy/article/details/118193902

版权

WiFi开发专栏收录该内容

15 篇文章 14 订阅

订阅专栏

本文详细介绍了如何使用ESP8266模组构建一个智能家居系统，用户通过浏览器可以读取温湿度数据并控制智能设备。通过ESP8266作为HTTP server，连接到路由器并接收HTTP请求，实现TCP连接，从而远程控制继电器、读取DHT11传感器的温湿度值和调节灯光颜色。实验步骤包括设置ESP8266的HTTP交互、创建温湿度采集任务和HTTP服务器初始化等。

摘要由CSDN通过智能技术生成

智能家居

1. 智能家居系统设计

智能家居系统中用户通过浏览器访问网页，在网页上进行温湿度数据的读取、智能开关的控制以及灯泡颜色的控制，实现智能家居系统控制

在这里插入图片描述

利用ESP8266模组作为一个HTTP server，通过WiFi station模式，连接到路由器，获取到IP地址；在PC或手机浏览器上访问SEP8266的IP地址（须连接同一路由器），利用ESP8266模组实现tcp连接，收到HTTP访问信息，回复相应的信息；ESP8266收到消息后，控制继电器、读取温湿度值或控制彩灯颜色，远距离通过wifi控制ESP8266模组，实现智能家居功能

由于开发三种功能的方法类似，本实例中仅介绍通过浏览器读取温湿度数据的功能实现：

在这里插入图片描述

2. 浏览器读取温湿度数据的功能实现

DHT11温湿度传感器的介绍与硬件连接方法请参考智能环境采集一文的介绍

智能环境采集网页设计如下图所示：

在这里插入图片描述

智能环境采集网页html代码如下示：

<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Smart Home</title>
<script defer="defer">
	function readdata() {
    	var xmlhttp;
        if (window.XMLHttpRequest) {
        	xmlhttp = new XMLHttpRequest();
        } else {
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        }
        xmlhttp.onreadystatechange = function () {
        	if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            	document.getElementById("txtState\").innerHTML = xmlhttp.responseText;
            }
        }
        xmlhttp.open("GET", "Data", true);
        xmlhttp.send(); 
    }
</script>
</head>
<body style="background-color: #76C43C">
<font size="12" color="yellow">
<b>
<div class="text" style=" text-align:center;"><big>WiFi-SmartHome-Environment</big></div>
</b>
</font>
<font size="12" color="yellow">
<b>
<div class="text" style=" text-align:center;"><big>Temperature&Humidity</big></div>
</b>
</font>
<br> </br>     
<font size="20" color="white">
<div align="center" id="txtState">No Data</div>
</font>
<br> </br>
<div style=" text-align:center;">
<input type="button" value="Acquire" style="width:80px;height:40px;" onclick="readdata()">
</div>
</body>
</html>

实验步骤如下：

–> 在ESP8266_RTOS_SDK目录下新建webdht11文件夹，把httpserver实验中的httpserver目录下所有文件拷贝到该文件夹中

–> 在user目录下新建dht11.c文件，内容可参考智能环境采集一文该部分的介绍

–> 在include目录下新建dht11.h文件，并添加声明

void DHT11_TEST(void);//用于温湿度数据采集
void ATaskDht11( void *pvParameters );//用于任务实现
void Dht11_init(void);//用于任务创建

–> 在httpserver.c文件中完成http数据交互功能

#define SERVERADDR "192.168.31.158"
#define SERVERPORT 80

const char *DefaultPage= 此处拷贝网页源码

// 发送200 ok报头
int file_ok(int cfd, long flen){
    char *send_buf = zalloc(sizeof(char)*100);
    sprintf(send_buf, "HTTP/1.1 200 OK\r\n");
    send(cfd, send_buf, strlen(send_buf), 0);
    sprintf(send_buf, "Connection: keep-alive\r\n");
    send(cfd, send_buf, strlen(send_buf), 0);
    sprintf(send_buf, "Content-Length: %ld\r\n", flen);
    send(cfd, send_buf, strlen(send_buf), 0);
    sprintf(send_buf, "Content-Type: text/html\r\n");
    send(cfd, send_buf, strlen(send_buf), 0);
    sprintf(send_buf, "\r\n");
    send(cfd, send_buf, strlen(send_buf), 0);
    free(send_buf);
    return 0;
}

bool isLedTurnOpen = false; // 记录LED状态
//ATaskHttpServer 任务
void ATaskHttpServer( void *pvParameters ){
    int iVariableExample = 0;
    int fd = -1;
    int cfd = -1;
    int NetTimeOnt = 2000;
    int ret;
    struct sockaddr_in ServerAddr;
    struct sockaddr ClientAddr;
    socklen_t ClientAddrlen = sizeof(struct sockaddr);
    char *Httpmsg;
    char *Sendmsg;
	char data[30];

    STATION_STATUS StaStatus;
    do{
        StaStatus = wifi_station_get_connect_status();
        vTaskDelay(100);
    }while(StaStatus != STATION_GOT_IP);
    
    fd = socket(PF_INET,SOCK_STREAM,0);
    if(fd == -1){
        printf("get socket fail!\n");
        vTaskDelete(NULL);
        return;
    }

    setsockopt(fd,SOL_SOCKET,SO_RCVTIMEO,&NetTimeOnt,sizeof(int));
    memset(&ServerAddr,0,sizeof(ServerAddr));
    ServerAddr.sin_family = AF_INET;
    ServerAddr.sin_addr.s_addr = INADDR_ANY;
    ServerAddr.sin_port = htons(SERVERPORT);
    ServerAddr.sin_len = sizeof(ServerAddr);

    if(bind(fd,(struct sockaddr*)&ServerAddr,ServerAddr.sin_len) != 0){        
        printf("bind socket fail!\n");
        vTaskDelete(NULL);
        return;
    }

    if(listen(fd,5) != 0){
        printf("listen socket fail!\n");
        vTaskDelete(NULL);
        return;
    }
    Httpmsg = (char*)zalloc(sizeof(char)*1000);
    for(;;){        
        cfd = accept(fd,&ClientAddr,&ClientAddrlen);
        if(cfd != -1){            
            printf("HttpClient accept\n");
            ret = recv(cfd,Httpmsg,1000,0);
            if(ret > 0){
                printf("HttpClient recv\n");
                printf("%s\n",Httpmsg);
                if(strstr(Httpmsg,"GET / HTTP/1.1") != NULL){
                    file_ok(cfd,strlen(DefaultPage));
                    send(cfd,DefaultPage,strlen(DefaultPage),0);
                }
                else if(strstr(Httpmsg,"GET /Data") != NULL){                    
					sprintf(data,"Temperature=%d\nHumidity=%d",ucharT_data_H,ucharRH_data_H);
                    send(cfd,data,strlen(data),0);
                }
            }
            else{
                printf("HttpClient data is no!\n");
            }
        }
        close(cfd);
    }
    free(Httpmsg);
    vTaskDelete( NULL );
}
//HttpServer_init 初始化
void HttpServer_init(void){
    xTaskCreate(ATaskHttpServer, "HttpServer", 256, NULL, 4, NULL);
}

–> 在user_main.c文件中的user_init()函数下添加如下代码

#define SSID "Hotspot"	//ESP8266要加入的无线网
#define PASSWORD "88888888"
void ICACHE_FLASH_ATTR
user_init(void){
    printf("SDK version:%s\n", system_get_sdk_version());
    Led_init();
    wifi_set_opmode(STATION_MODE);
    struct station_config *config = (struct station_config *)\
        zalloc(sizeof(struct station_config));
    sprintf(config->ssid,SSID);
    sprintf(config->password,PASSWORD);
    wifi_station_set_config(config);
    free(config);
    wifi_station_set_auto_connect(TRUE);    
    HttpServer_init();
    Dht11_init();
    xTaskCreate(ATaskLed, "LED", 256, NULL, 2, NULL);
}