Variavéis em Webpage

Projetos de ESP32
dandrade
Membro
Mensagens: 9
Registrado em: 27/Ago/2020, 13:45

Variavéis em Webpage

Mensagem por dandrade » 04/Nov/2020, 17:10

Preciso de ajuda para fazer a lógica da camada de dados, entre Arduino e uma webpage. Sem depender de conexão com Internet

Já hospedo uma pagina HTML dentro do ESP32, acessa e exibe a formatação corretamente, porem não sei como se deve fazer a "troca de informação" entre uma variável no codigo do Arduino (ESP32) com a pagina HTML.

Preciso exibir uma informação, quanto coletar um estado lógico acionado pelo usuário. (Ou seja, ler ou escrever)

Preciso de exemplo, nem que seja com geração numero randômico e sua exibição.

cleitonaps
Membro
Mensagens: 13
Registrado em: 21/Abr/2020, 15:09

Re: Variavéis em Webpage

Mensagem por cleitonaps » 04/Nov/2020, 23:03

Boa noite, vc pode criar uma variável String e ir concatenando o conteúdo de uma página HTML com as variáveis que precisa. Segue abaixo exemplo:

Código: Selecionar todos

String html = "<!DOCTYPE html><html lang='pt-br'><head><title>Página HTML</title>";
html += "<meta charset='utf-8'/>";
html += "<meta name='viewport' content='width=device-width, initial-scale=1'>";
html += "<link rel='stylesheet' type='text/css' href='style.css'>";
html += "<link rel='stylesheet' type='text/css' href='bootstrap.min.css'>";
html += "</head>";
html += "<body>";
html += "<div class='content'>";
html += "<div class='panel-group'>";
html += "<div class='panel panel-primary'>";
html += "<div class='panel-heading'><strong>Status</strong></div>";
html += "<div class='panel-body'>";
if (teste){
html += "<div class='alert alert-success' role='alert'>Data e hora: " + funcao_data() + "</div>";
}
html += "</div></div>";
html += "</div></div>";
html += "</body></html>";
server.send(200, "text/html", html);

Responder