Um Web Server Com ESP32 É Um Programa Que Permite Ao ESP32 Atuar Como Um Servidor Web

O documento descreve como configurar um Web Server utilizando o ESP32, permitindo que ele atue como um servidor web e responda a solicitações HTTP. O ESP32 pode funcionar como ponto de acesso ou cliente Wi-Fi, gerando páginas HTML dinâmicas com dados de sensores. Essa funcionalidade é útil para criar interfaces web que monitoram e controlam dispositivos em tempo real.

Enviado por

Thaynara Matos

Direitos autorais

Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.

Formatos disponíveis

Baixe no formato DOCX, PDF, TXT ou leia on-line no Scribd

0% acharam este documento útil (0 voto)

8 visualizações3 páginas

Um Web Server Com ESP32 É Um Programa Que Permite Ao ESP32 Atuar Como Um Servidor Web

Enviado por

Thaynara Matos

Direitos autorais

Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.

Formatos disponíveis

Baixe no formato DOCX, PDF, TXT ou leia on-line no Scribd

Você está na página 1/ 3

Um Web Server com ESP32 é um programa que permite ao ESP32 atuar como um

servidor web, hospedando páginas da web e respondendo a solicitações HTTP feitas por
dispositivos conectados, como navegadores de internet ou outras aplicações.

O ESP32 pode tanto:

1. Atuar como um ponto de acesso Wi-Fi (AP - Access Point), criando sua
própria rede à qual os dispositivos podem se conectar.
2. Conectar-se a uma rede Wi-Fi existente como cliente (modo STA - Station),
onde ele recebe um endereço IP de um roteador e se torna acessível na rede.

Como funciona o Web Server no ESP32?

1. Criação de um Servidor HTTP

 O ESP32 utiliza bibliotecas como WiFi para gerenciar conexões Wi-Fi e

WebServer (ou ESPAsyncWebServer) para lidar com o protocolo HTTP.
 O servidor é configurado para escutar na porta 80 (a porta padrão para HTTP).
 Você define rotas no servidor para diferentes URLs, como / (raiz) ou /dados, e
associa funções a essas rotas. Quando o servidor recebe uma solicitação para
essas URLs, ele executa as funções associadas e envia uma resposta.

2. Resposta às solicitações

 Quando um dispositivo acessa o endereço IP do ESP32 em um navegador (por

exemplo, http://192.168.1.100), o servidor executa a função associada à rota
/ e retorna uma página HTML.

Como é gerada a página da web?

A página da web é gerada e enviada pelo ESP32 como uma string no formato HTML. O
código HTML define o layout, texto e elementos visíveis no navegador.

Exemplo básico:

void handleRoot() {
String html = "<!DOCTYPE html>";
html += "<html>";
html += "<head><title>Web Server ESP32</title></head>";
html += "<body>";
html += "<h1>Bem-vindo ao Web Server ESP32!</h1>";
html += "<p>Esta página foi gerada pelo ESP32.</p>";
html += "</body>";
html += "</html>";

server.send(200, "text/html", html); // Resposta HTTP com conteúdo

HTML
}
Neste exemplo:

1. Quando a função handleRoot é chamada, o ESP32 monta a página HTML

como uma string.
2. A função server.send(200, "text/html", html); envia a resposta ao
navegador que fez a solicitação.

Como o navegador interpreta:

 O navegador do cliente interpreta o código HTML recebido e exibe o conteúdo

como uma página web interativa.

Recursos dinâmicos no ESP32

Você pode gerar conteúdo dinâmico, como valores de sensores, imagens ou gráficos,
diretamente no código HTML antes de enviá-lo. Para isso:

1. Realize a leitura dos dados no ESP32.

2. Inclua os valores no código HTML.

Exemplo com um valor de sensor:

float temperature = 25.3; // Valor fictício do sensor

void handleRoot() {
String html = "<!DOCTYPE html>";
html += "<html>";
html += "<head><title>Web Server ESP32</title></head>";
html += "<body>";
html += "<h1>Leitura do Sensor</h1>";
html += "<p>Temperatura: " + String(temperature) + " °C</p>";
html += "</body>";
html += "</html>";

server.send(200, "text/html", html);

}

Resumo do fluxo:

1. Conexão Wi-Fi: O ESP32 se conecta a uma rede Wi-Fi e obtém um endereço

IP.
2. Configuração do servidor: O servidor é configurado com rotas para atender às
solicitações HTTP.
3. Geração de página HTML: O ESP32 monta páginas HTML como strings e as
envia como resposta.
4. Navegador do cliente: Um dispositivo acessa o servidor pelo navegador e
visualiza a página HTML enviada.

Essa funcionalidade é muito útil para criar interfaces web para monitorar sensores,
controlar dispositivos ou visualizar informações em tempo real!