Me desculpe a demora.
Troquei o cenário, mas o problema continua.
No arduíno tenho a sequencia dos seguintes códigos:
void MontaJson()
{
json = "";
json += "[{";
json += ""hoje": ";
json += """ + String(day()) + "/" + String(month()) + "/" + String(year()) + "", ";
json += ""hora": ";
json += """ + String(hour()) + ":" + String(minute()) + ":" + String(second()) + "", ";
json += ""ciclo": ";
json += """ + String(timeCicle) + " horas" + "", ";
calculoConsumo(acMin, 1);
json += ""AcumMin": ";
json += qtdeConsumo;
json += ", ";
json += ""Unit1": ";
json += """ + UnitConsumo + "", ";
.
.
.
json += "}]";
.
.
.
}
Na string "json" obtenho a seguinte estrutura, que funciona quando simulo na na página, copiando esta mesma estrutura:
[{ "hoje": "03/11/2017", "hora": "16:35:06",
"ciclo": "40.58 horas",
"AcumMin": 0, "Unit1": "WH" ,
"AcumHora": 287, "Unit2": "WH" ,
"AcumDia": 0, "Unit3": "WH" ,
"AcumMes": 287, "Unit4": "WH" ,
"Projetado": 5, "Unit5": "KWH" ,
"UltimaHora": 0, "Unit6": "WH (15) ",
"UltimoDia": 0, "Unit7": "KWH (1) ",
"UltimoMes": 0, "Unit8": "KWH (10) "
}]
Anteriormente a página era montada inteiramente no arduíno e acessada pelo IP do dispositivo, sem problemas.
Após a montagem da string Json, faço o seguinte:
//==============================================
// Envia informações montadas na estrutura Json
//==============================================
void EnviaJson()
{
WiFiClient client = server.available();
if (!client) {
return;
}
while(!client.available()){
delay(1);
}
client.println("HTTP/1.1 200 OK");
client.println("Content-Type: application/json");
client.println("Connection: close");
// this is the CORS header. Yery important. Google CORS.
client.println("Access-Control-Allow-Origin: *");
client.println();
client.print(json);
// g...
delay(1);
client.flush();
// close the connection:
client.stop();
}
Ná página:
. . ..
.
.
Consumo em tempo real
- Em: {{d.hoje}} às {{d.hora}}
- Ciclo: {{d.ciclo}} - Delay de 10 sedundos
- Acum. Min: {{d.AcumMin}} {{d.Unit1}}
- Acum. Hora: {{d.AcumHora}} {{d.Unit2}}
- Acum dia: {{d.AcumDia}} {{d.Unit3}}
- Acum. Mês: {{d.AcumMes}} {{d.Unit4}}
- Projetado: {{d.Projetado}} {{d.Unit5}}
- Última Hora: {{d.UltimaHora}} {{d.Unit6}}
- Último Dia: {{d.UltimoDia}} {{d.Unit7}}
- Último Mês: {{d.UltimoMes}} {{d.Unit8}}
<header
No link abaixo, o resultado quando colo a estrutura na na própria página ...
