parent
0ce6257d9e
commit
b89f3a2736
@ -0,0 +1,208 @@ |
||||
void btime() |
||||
{
|
||||
// bool lastate;
|
||||
current_time = hour1 * 60 + min1; |
||||
Serial.println(current_time); |
||||
// state1 = main_log(BTimer1, state1); //______________________Обработка каналов управления суточных таймеров реального времени (каналы 1 - 3)
|
||||
Serial.print("BTimer1 [0]:"); |
||||
Serial.println(BTimer1 [0]); |
||||
Serial.print("BTimer2 [0]:"); |
||||
Serial.println(BTimer2 [0]); |
||||
Serial.print("BTimer3 [0]:"); |
||||
Serial.println(BTimer3 [0]); |
||||
//*******************************3************************************************************
|
||||
switch (BTimer3[0]) { |
||||
case 0:
|
||||
state3=0; |
||||
if(gpioTimer3[0]==1) |
||||
{digitalWrite(4, 0); |
||||
gpio[0]=0; |
||||
} |
||||
if(gpioTimer3[1]==1) |
||||
{digitalWrite(26, 0); |
||||
gpio[1]=0; |
||||
} |
||||
if(gpioTimer3[2]==1) |
||||
{digitalWrite(27, 0); |
||||
gpio[2]=0; |
||||
} |
||||
break; |
||||
case 1:
|
||||
state3=1; |
||||
if(gpioTimer3[0]==1) |
||||
{digitalWrite(4, 1); |
||||
gpio[0]=1; |
||||
} |
||||
if(gpioTimer3[1]==1) |
||||
{digitalWrite(26, 1); |
||||
gpio[1]=1; |
||||
} |
||||
if(gpioTimer3[2]==1) |
||||
{digitalWrite(27, 1); |
||||
gpio[2]=1; |
||||
} |
||||
break; |
||||
case 2:
|
||||
state3 = main_log(BTimer3, state3); |
||||
if(gpioTimer3[0]==1) |
||||
{digitalWrite(4, state3); |
||||
gpio[0]=state3; |
||||
} |
||||
if(gpioTimer3[1]==1) |
||||
{digitalWrite(26, state3); |
||||
gpio[1]=state3; |
||||
} |
||||
if(gpioTimer3[2]==1) |
||||
{digitalWrite(27, state3); |
||||
gpio[2]=state3; |
||||
} |
||||
break; |
||||
case 3:
|
||||
break; |
||||
} |
||||
|
||||
//****************************2***************************************************************
|
||||
|
||||
switch (BTimer2[0]) { |
||||
case 0:
|
||||
state2=0; |
||||
if(gpioTimer2[0]==1) |
||||
{digitalWrite(4, 0); |
||||
gpio[0]=0; |
||||
} |
||||
if(gpioTimer2[1]==1) |
||||
{digitalWrite(26, 0); |
||||
gpio[1]=0; |
||||
} |
||||
if(gpioTimer2[2]==1) |
||||
{digitalWrite(27, 0); |
||||
gpio[2]=0; |
||||
} |
||||
break; |
||||
case 1:
|
||||
state2=1; |
||||
if(gpioTimer2[0]==1) |
||||
{digitalWrite(4, 1); |
||||
gpio[0]=1; |
||||
} |
||||
if(gpioTimer2[1]==1) |
||||
{digitalWrite(26, 1); |
||||
gpio[1]=1; |
||||
} |
||||
if(gpioTimer2[2]==1) |
||||
{digitalWrite(27, 1); |
||||
gpio[2]=1; |
||||
} |
||||
break; |
||||
case 2:
|
||||
state2 = main_log(BTimer2, state2); |
||||
if(gpioTimer2[0]==1) |
||||
{digitalWrite(4, state2); |
||||
gpio[0]=state2; |
||||
} |
||||
if(gpioTimer2[1]==1) |
||||
{digitalWrite(26, state2); |
||||
gpio[1]=state2; |
||||
} |
||||
if(gpioTimer2[2]==1) |
||||
{digitalWrite(27, state2); |
||||
gpio[2]=state2; |
||||
} |
||||
break; |
||||
case 3:
|
||||
break; |
||||
} |
||||
//******************************1-приоритет****************************************************************
|
||||
|
||||
switch (BTimer1 [0]) { |
||||
case 0:
|
||||
state1=0; |
||||
if(gpioTimer1 [0]==1) |
||||
{digitalWrite(4, 0); |
||||
gpio[0]=0; |
||||
} |
||||
if(gpioTimer1 [1]==1) |
||||
{digitalWrite(26, 0); |
||||
gpio[1]=0; |
||||
} |
||||
if(gpioTimer1 [2]==1) |
||||
{digitalWrite(27, 0); |
||||
gpio[2]=0; |
||||
} |
||||
break; |
||||
case 1:
|
||||
state1=1; |
||||
if(gpioTimer1 [0]==1) |
||||
{digitalWrite(4, 1); |
||||
gpio[0]=1; |
||||
} |
||||
if(gpioTimer1 [1]==1) |
||||
{digitalWrite(26, 1); |
||||
gpio[1]=1; |
||||
} |
||||
if(gpioTimer1 [2]==1) |
||||
{digitalWrite(27, 1); |
||||
gpio[2]=1; |
||||
} |
||||
break; |
||||
case 2:
|
||||
// lastate=state1;
|
||||
state1 = main_log(BTimer1, state1); |
||||
if(gpioTimer1[0]==1) |
||||
{digitalWrite(4, state1); |
||||
gpio[0]=state1; |
||||
} |
||||
if(gpioTimer1[1]==1) |
||||
{digitalWrite(26, state1); |
||||
gpio[1]=state1; |
||||
} |
||||
if(gpioTimer1[2]==1) |
||||
{digitalWrite(27, state1); |
||||
gpio[2]=state1; |
||||
} |
||||
|
||||
break; |
||||
case 3:
|
||||
break; |
||||
} |
||||
|
||||
Serial.print("Timer1:"); |
||||
Serial.println(state1); |
||||
Serial.print("Timer2:"); |
||||
Serial.println(state2); |
||||
Serial.print("Timer3:"); |
||||
Serial.println(state3); |
||||
Serial.print("Gpio4:"); |
||||
Serial.println(digitalRead(4)); |
||||
Serial.print("Gpio26:"); |
||||
Serial.println(digitalRead(26)); |
||||
Serial.print("Gpio27:"); |
||||
Serial.println(digitalRead(27)); |
||||
writepin(); |
||||
JSstringOut();//преобразуем состояние выходов gpio[3] в JSON
|
||||
webSocket.textAll(jsonStringout);// выводим всем клиентам w/s
|
||||
|
||||
} |
||||
|
||||
bool main_log (uint16_t* timeMassive, bool cur_state) { // Основная фунция расчета состояния каналов суточных таймеров реального времени
|
||||
uint16_t j = 1440; |
||||
uint8_t i = 0; |
||||
uint8_t n = 0; |
||||
for ( i = 1; i < 11; i++) { //___________________________Ищем в массиве таймеров элемент соответсвующий текущему времени c значением не равным 1440 (означает неактивно, отображается "--:--")
|
||||
if ((timeMassive [i] == current_time) && (timeMassive [i] != 1440)) { |
||||
j = timeMassive [i]; |
||||
} |
||||
} |
||||
if (j == 1440)return (cur_state); //_______________________Если не нашли оставляем состояние канала без изменений
|
||||
i = 0; |
||||
for ( i = 1; i < 11; i++) { |
||||
if ((j == timeMassive [i]) && (timeMassive [i] != 1440)) { |
||||
n = i; |
||||
} |
||||
} |
||||
i = 0; |
||||
if ((n % 2) == 0) { //____________________________________Четные таймеры выключают (LOW)
|
||||
return (LOW); |
||||
} |
||||
else return (HIGH); //____________________________________Нечетные таймеры включают (HIGH)
|
||||
} |
||||
@ -0,0 +1,128 @@ |
||||
void JSstringK() |
||||
{ delay(0); |
||||
String id2="2"; |
||||
board2["id"] =id2; |
||||
board2["tkom1"] = tkom1; |
||||
board2["hkom1"] = hkom1; |
||||
board2["batkom1"] = batkom1; |
||||
board2["timekom1"] = timekom1; |
||||
board2["tkom2"] = tkom2; |
||||
board2["hkom2"] = hkom2; |
||||
board2["batkom2"] = batkom2; |
||||
board2["timekom2"] = timekom2; |
||||
board2["tkor"] = tkor; |
||||
board2["hkor"] = hkor; |
||||
board2["batkor"] = batkor; |
||||
board2["timekor"] = timekor; |
||||
board2["tbal"] = tbal; |
||||
board2["hbal"] = hbal; |
||||
board2["batbal"] = batbal; |
||||
board2["timebal"] = timebal; |
||||
board2["tul1"] = tul1; |
||||
board2["hul1"] = hul1; |
||||
board2["osv1"] = osv1; |
||||
board2["timeul1"] = timeul1; |
||||
jsonString2 = JSON.stringify(board2);
|
||||
Serial.println (jsonString2);
|
||||
} |
||||
|
||||
|
||||
void JSstringU() |
||||
{delay(0); |
||||
String id0="0"; |
||||
board["id"] =id0; |
||||
|
||||
if(flread==0) |
||||
{ |
||||
board["temperature"] =ts; |
||||
// t1 = incomingReadings.temp;
|
||||
board["humidity"] =hs; //значение считаное с SD
|
||||
board["tim2"] = tim2; |
||||
|
||||
} |
||||
else |
||||
{//float t1=12.456787;
|
||||
board["temperature"] =t1; |
||||
// board["temperature"] =incomingReadings.temp;
|
||||
//float h1=77.456787;
|
||||
board["humidity"] =h1;//принятое значение
|
||||
// board["humidity"] =incomingReadings.hum;
|
||||
if(min1<10) |
||||
{ |
||||
board["tim2"] = String(hour1)+":0"+String(min1);
|
||||
} |
||||
else |
||||
{ |
||||
board["tim2"] =String(hour1)+":"+String(min1);
|
||||
} |
||||
} |
||||
//********************
|
||||
board["batz"] = batz; |
||||
board["tim3"] = tim3; |
||||
//*****************
|
||||
board["dataserv"] = dataserv; |
||||
board["timeserv"] = timeserv; |
||||
Serial.println("timeJS"); |
||||
Serial.println(EpochTime); |
||||
|
||||
board["munthserv"] = munthserv; |
||||
board["weekserv"] = weekserv; |
||||
board["timev"] = timev; |
||||
board["EpochTime"] = EpochTime; |
||||
|
||||
// jsonString = JSON.stringify(board);
|
||||
jsonString = JSON.stringify(board);//{"id":"2","temperature":9.6733450317382812,"humidity":50.41815185546875,"tim2":"12:02","dataserv":"12","timeserv":"15:30","munthserv":"январь",weekserv:"среда"}
|
||||
// events.send(jsonString.c_str(), "new_readings", millis());//обновление веба текущая температура
|
||||
Serial.println (jsonString); |
||||
} |
||||
|
||||
void JSstringAkva()// 0-выкл 1-вкл gpio[3]={0,0,0} |
||||
{if(akva==1) |
||||
{ String id="akva"; |
||||
board5["id"] =id; |
||||
board5["tempakv1"] =takva1; |
||||
board5["light1"] =String(lightakv); |
||||
board5["timakv1"] =timeakva; |
||||
if(fanak1==0) |
||||
{fan1="OFF"; |
||||
} |
||||
else |
||||
{ |
||||
fan1="ON"; |
||||
} |
||||
board5["fan1"] =fan1; |
||||
board5["tempakv2"] =takva2; |
||||
board5["light2"] =String(lightakv); |
||||
board5["timakv2"] =timeakva; |
||||
if(fanak2==0) |
||||
{fan2="OFF"; |
||||
} |
||||
else |
||||
{ |
||||
fan2="ON"; |
||||
} |
||||
board5["fan2"] =fan2; |
||||
board5["tempakv3"] =takva3; |
||||
board5["light3"] =String(lightakv); |
||||
board5["timakv3"] =timeakva; |
||||
if(fanak3==0) |
||||
{fan3="OFF"; |
||||
} |
||||
else |
||||
{ |
||||
fan3="ON"; |
||||
} |
||||
board5["fan3"] =fan3; |
||||
|
||||
jsonStringakva = JSON.stringify(board5); |
||||
} |
||||
//jsonStringakva="{\"id\":\"akva\",\"tempakv1\":\"20,1\",\"light1\":\"80 %\",\"timakv1\":\"12.31\",\"fan1\":\"OFF\",\"tempakv2\":\"20,2\",\"light2\":\"82 %\",\"timakv2\":\"12.32\",\"fan2\":\"OFF\",\"tempakv3\":\"20,3\",\"light3\":\"83 %\",\"timakv3\":\"12.33\",\"fan3\":\"OFF\"}";
|
||||
Serial.println(jsonStringakva); |
||||
} |
||||
void JSstringOut()// 0-выкл 1-вкл gpio[3]={0,0,0} |
||||
{String id="out"; |
||||
board4["id"] =id; |
||||
board4["out1"] = String(gpio[0])+String(gpio[1])+String(gpio[2])+String(gpio[3]); |
||||
jsonStringout = JSON.stringify(board4);//jsonStringout= "{"id":"out","out1":"1011"}";
|
||||
Serial.println(jsonStringout); |
||||
} |
||||
@ -0,0 +1,183 @@ |
||||
void sdlist() |
||||
{ |
||||
//listDir(SD, "/", 0);
|
||||
//listDir(SD, "/", 0);
|
||||
//delay(100);
|
||||
// createDir(SD, "/mydir");//создать директорию (папку)
|
||||
// delay(100);
|
||||
// listDir(SD, "/", 0);
|
||||
// delay(100);
|
||||
// removeDir(SD, "/mydir");
|
||||
//delay(100);
|
||||
// listDir(SD, "/", 2);
|
||||
// delay(100);
|
||||
// writeFile(SD, "/hello.txt", "Hello ");
|
||||
// delay(100);
|
||||
// appendFile(SD, "/hello.txt", "World!\n");
|
||||
// delay(100);
|
||||
// readFile(SD, "/hello.txt");
|
||||
// deleteFile(SD, "/foo.txt");
|
||||
// renameFile(SD, "/hello.txt", "/foo.txt");
|
||||
// readFile(SD, "/foo.txt");
|
||||
// testFileIO(SD, "/test.txt");
|
||||
// Serial.printf("Total space: %lluMB\n", SD.totalBytes() / (1024 * 1024));
|
||||
// Serial.printf("Used space: %lluMB\n", SD.usedBytes() / (1024 * 1024));
|
||||
} |
||||
|
||||
|
||||
void listDir(fs::FS &fs, const char * dirname, uint8_t levels){ |
||||
Serial.printf("Listing directory: %s\n", dirname); |
||||
|
||||
File root = fs.open(dirname); |
||||
if(!root){ |
||||
Serial.println("Failed to open directory"); |
||||
return; |
||||
} |
||||
if(!root.isDirectory()){ |
||||
Serial.println("Not a directory"); |
||||
return; |
||||
} |
||||
|
||||
File file = root.openNextFile(); |
||||
while(file){ |
||||
if(file.isDirectory()){ |
||||
Serial.print(" DIR : "); |
||||
Serial.println(file.name()); |
||||
if(levels){ |
||||
listDir(fs, file.name(), levels -1); |
||||
} |
||||
} else { |
||||
Serial.print(" FILE: "); |
||||
Serial.print(file.name()); |
||||
Serial.print(" SIZE: "); |
||||
Serial.println(file.size()); |
||||
} |
||||
file = root.openNextFile(); |
||||
} |
||||
} |
||||
|
||||
void createDir(fs::FS &fs, const char * path){ |
||||
// Serial.printf("Creating Dir: %s\n", path);
|
||||
if(fs.mkdir(path)){ |
||||
Serial.println("Dir created"); |
||||
} else { |
||||
Serial.println("no dir"); |
||||
} |
||||
} |
||||
|
||||
void removeDir(fs::FS &fs, const char * path){ |
||||
Serial.printf("Removing Dir: %s\n", path); |
||||
if(fs.rmdir(path)){ |
||||
Serial.println("Dir removed"); |
||||
} else { |
||||
Serial.println("rmdir failed"); |
||||
} |
||||
} |
||||
|
||||
void readFile(fs::FS &fs, const char * path){ |
||||
Serial.printf("Reading file: %s\n", path); |
||||
|
||||
File file = fs.open(path); |
||||
if(!file){ |
||||
Serial.println("Failed to open file for reading"); |
||||
return; |
||||
} |
||||
|
||||
Serial.print("Read from file: "); |
||||
while(file.available()){ |
||||
Serial.write(file.read()); |
||||
} |
||||
file.close(); |
||||
} |
||||
|
||||
void writeFile(fs::FS &fs, const char * path, const char * message){ |
||||
Serial.printf("Writing file: %s\n", path); |
||||
|
||||
File file = fs.open(path, FILE_WRITE); |
||||
if(!file){ |
||||
Serial.println("Failed to open file for writing"); |
||||
return; |
||||
} |
||||
if(file.print(message)){ |
||||
Serial.println("File written"); |
||||
} else { |
||||
Serial.println("Write failed"); |
||||
} |
||||
file.close(); |
||||
} |
||||
|
||||
void appendFile(fs::FS &fs, const char * path, const char * message){ |
||||
Serial.printf("Appending to file: %s\n", path); |
||||
|
||||
File file = fs.open(path, FILE_APPEND); |
||||
if(!file){ |
||||
Serial.println("Failed to open file for appending"); |
||||
return; |
||||
} |
||||
if(file.print(message)){ |
||||
Serial.println("Message appended"); |
||||
} else { |
||||
Serial.println("Append failed"); |
||||
} |
||||
file.close(); |
||||
} |
||||
|
||||
void renameFile(fs::FS &fs, const char * path1, const char * path2){ |
||||
Serial.printf("Renaming file %s to %s\n", path1, path2); |
||||
if (fs.rename(path1, path2)) { |
||||
Serial.println("File renamed"); |
||||
} else { |
||||
Serial.println("Rename failed"); |
||||
} |
||||
} |
||||
|
||||
void deleteFile(fs::FS &fs, const char * path){ |
||||
Serial.printf("Deleting file: %s\n", path); |
||||
if(fs.remove(path)){ |
||||
Serial.println("File deleted"); |
||||
} else { |
||||
Serial.println("Delete failed"); |
||||
} |
||||
} |
||||
|
||||
void testFileIO(fs::FS &fs, const char * path){ |
||||
File file = fs.open(path); |
||||
static uint8_t buf[512]; |
||||
size_t len = 0; |
||||
uint32_t start = millis(); |
||||
uint32_t end = start; |
||||
if(file){ |
||||
len = file.size(); |
||||
size_t flen = len; |
||||
start = millis(); |
||||
while(len){ |
||||
size_t toRead = len; |
||||
if(toRead > 512){ |
||||
toRead = 512; |
||||
} |
||||
file.read(buf, toRead); |
||||
len -= toRead; |
||||
} |
||||
end = millis() - start; |
||||
Serial.printf("%u bytes read for %u ms\n", flen, end); |
||||
file.close(); |
||||
} else { |
||||
Serial.println("Failed to open file for reading"); |
||||
} |
||||
|
||||
|
||||
file = fs.open(path, FILE_WRITE); |
||||
if(!file){ |
||||
Serial.println("Failed to open file for writing"); |
||||
return; |
||||
} |
||||
|
||||
size_t i; |
||||
start = millis(); |
||||
for(i=0; i<2048; i++){ |
||||
file.write(buf, 512); |
||||
} |
||||
end = millis() - start; |
||||
Serial.printf("%u bytes written for %u ms\n", 2048 * 512, end); |
||||
file.close(); |
||||
} |
||||
@ -0,0 +1,94 @@ |
||||
void saveul() |
||||
{ |
||||
nt=0;//сброс номера температ датчика
|
||||
|
||||
|
||||
int q=0; |
||||
if((hour1<1)&&(min1<20))timev=0;//до 00:20 сброс timev-врмя записи на флеш улица восто приходят каждые 3 мин а зап каждые 20 мин
|
||||
|
||||
if(timev+20<hour1*60+min1){q=1;} |
||||
|
||||
|
||||
ct1=ct1+1;//счетчик пропуска записи данных
|
||||
Serial.print("ct="); |
||||
Serial.println(ct1); |
||||
if(ct1>15){ |
||||
ct1=0; |
||||
q=1; |
||||
}//счетчик пропуска записи данныx
|
||||
if(q==1) |
||||
{
|
||||
timev=hour1*60+min1; |
||||
|
||||
JSONVar boardat; |
||||
if(min1<10) |
||||
{boardat["Time"] = String(hour1)+":0"+String(min1);
|
||||
} |
||||
else |
||||
{ |
||||
boardat["Time"] = String(hour1)+":"+String(min1);
|
||||
} |
||||
boardat["temperatura"] =String(tul1)+" C"; |
||||
boardat["humidity"] = String(hul1)+" %"; |
||||
tempdat = JSON.stringify(boardat); |
||||
Serial.println (tempdat); |
||||
esp_task_wdt_reset();//reset WDT
|
||||
//JSON { "Time":"11:03", "temperatura":"10.56 C", "humidity":"7,56 %" },
|
||||
tempdat=tempdat+"\n"; |
||||
|
||||
//myFile = SD.open("/07.txt",FILE_WRITE);
|
||||
// myFile = SD.open("/TEMPUL/28.txt", FILE_APPEND);//открываем файл в режиме добавления данных
|
||||
// myFile = SD.open("/TEMPUL/2022/FEB/27.txt", FILE_APPEND);//открываем файл в режиме добавления данных
|
||||
|
||||
// Serial.println ("open07");
|
||||
// myFile.print(tempdat+"\n");
|
||||
// myFile.close();
|
||||
//Serial.println (stamp.year);
|
||||
//************************************************************************************************************************************************************************************************************************************
|
||||
Serial.println ("name2"); |
||||
// String name1="/TEMPUL"+ stryen[stamp.year-2014]+strmen[stamp.month-1]+strden[stamp.day-1];
|
||||
// Serial.println (name2);
|
||||
createDir(SD, "/TEMPUL"); |
||||
String name1="/TEMPUL"+ String(stryen[year1-2014]);//2022
|
||||
char Buf[50]; |
||||
name1.toCharArray(Buf, 50); |
||||
Serial.println (Buf); |
||||
createDir(SD, Buf); |
||||
name1=name1+String(strmen[month1-1]);//FEB
|
||||
name1.toCharArray(Buf, 50); |
||||
Serial.println (Buf); |
||||
createDir(SD, Buf); |
||||
name1=name1+String(strden[data1-1]);//27
|
||||
name1.toCharArray(Buf, 50); |
||||
Serial.println (Buf); |
||||
createDir(SD, Buf); |
||||
|
||||
name1=name1+String(strdaten[1]);//
|
||||
name1.toCharArray(Buf, 50); |
||||
//createDir(SD, "/TEMPUL/2022/FEB/27");
|
||||
// name1="/TEMPUL"+ String(stryen[stamp.year-2014])+String(strmen[stamp.month-1])+String(strden[stamp.day-1])+String(strdaten[0]);
|
||||
Serial.println (Buf); |
||||
appendFile(SD,Buf,tempdat.c_str());//добавление на инфы в файл
|
||||
|
||||
/*
|
||||
//test = strcat(name1,name2);
|
||||
String name1=strcat("/TEMPUL", stryen[stamp.year-2014]); |
||||
String name2=strcat(strmen[stamp.month-1], strd[stamp.day-1]); |
||||
|
||||
//+strm[stamp.month-1]+strd[stamp.day-1];
|
||||
|
||||
String name1="/TEMPUL"+ stry[stamp.year-2014]+strm[stamp.month-1]+strd[stamp.day-1]; |
||||
Serial.println (name2); |
||||
char Buf[50]; |
||||
name1.toCharArray(Buf, 50);
|
||||
createDir(SD, Buf); |
||||
|
||||
name1=name1+ name2+strdaten[0]; |
||||
Serial.println (name1); |
||||
name1.toCharArray(Buf, 50); |
||||
*/ |
||||
ct1=0; |
||||
//****************************************************
|
||||
} |
||||
|
||||
} |
||||
@ -0,0 +1,77 @@ |
||||
void savedata()//запись данных о темп и вл c espNOW на СД
|
||||
{ |
||||
delay(0); |
||||
JSONVar boardat; |
||||
if(min1<10) |
||||
{boardat["Time"] = String(hour1)+":0"+String(min1);
|
||||
} |
||||
else |
||||
{ |
||||
boardat["Time"] = String(hour1)+":"+String(min1);
|
||||
} |
||||
boardat["temperatura"] =String(t1)+" C"; |
||||
boardat["humidity"] = String(h1)+" %"; |
||||
tempdat = JSON.stringify(boardat); |
||||
delay(0); |
||||
Serial.println (tempdat); |
||||
esp_task_wdt_reset();//reset WDT
|
||||
//JSON { "Time":"11:03", "temperatura":"10.56 C", "humidity":"7,56 %" },
|
||||
tempdat=tempdat+"\n"; |
||||
|
||||
//myFile = SD.open("/07.txt",FILE_WRITE);
|
||||
// myFile = SD.open("/TEMPUL/28.txt", FILE_APPEND);//открываем файл в режиме добавления данных
|
||||
// myFile = SD.open("/TEMPUL/2022/FEB/27.txt", FILE_APPEND);//открываем файл в режиме добавления данных
|
||||
|
||||
// Serial.println ("open07");
|
||||
// myFile.print(tempdat+"\n");
|
||||
// myFile.close();
|
||||
//Serial.println (stamp.year);
|
||||
//************************************************************************************************************************************************************************************************************************************
|
||||
delay(0); |
||||
Serial.println ("name2"); |
||||
// String name1="/TEMPUL"+ stryen[year1-2014]+strmen[stamp.month-1]+strden[stamp.day-1];
|
||||
// Serial.println (name2);
|
||||
createDir(SD, "/TEMPUL"); |
||||
String name1="/TEMPUL"+ String(stryen[year1-2014]);//2022
|
||||
char Buf[50]; |
||||
name1.toCharArray(Buf, 50); |
||||
Serial.println (Buf); |
||||
createDir(SD, Buf); |
||||
name1=name1+String(strmen[month1-1]);//FEB
|
||||
name1.toCharArray(Buf, 50); |
||||
Serial.println (Buf); |
||||
createDir(SD, Buf); |
||||
name1=name1+String(strden[data1-1]);//27
|
||||
name1.toCharArray(Buf, 50); |
||||
Serial.println (Buf); |
||||
createDir(SD, Buf); |
||||
|
||||
name1=name1+String(strdaten[0]);//
|
||||
name1.toCharArray(Buf, 50); |
||||
//createDir(SD, "/TEMPUL/2022/FEB/27");
|
||||
// name1="/TEMPUL"+ String(stryen[year1-2014])+String(strmen[stamp.month-1])+String(strden[stamp.day-1])+String(strdaten[0]);
|
||||
Serial.println (Buf); |
||||
appendFile(SD,Buf,tempdat.c_str());//добавление на инфы в файл
|
||||
delay(0); |
||||
JSstringU(); |
||||
writeFile(SD, "/thku1.txt", jsonString.c_str());//записываем в этот файл последние данные NOW + EpochTime
|
||||
/*
|
||||
//test = strcat(name1,name2);
|
||||
String name1=strcat("/TEMPUL", stryen[year1-2014]); |
||||
String name2=strcat(strmen[stamp.month-1], strd[stamp.day-1]); |
||||
|
||||
//+strm[stamp.month-1]+strd[stamp.day-1];
|
||||
|
||||
String name1="/TEMPUL"+ stry[year1-2014]+strm[stamp.month-1]+strd[stamp.day-1]; |
||||
Serial.println (name2); |
||||
char Buf[50]; |
||||
name1.toCharArray(Buf, 50);
|
||||
createDir(SD, Buf); |
||||
|
||||
name1=name1+ name2+strdaten[0]; |
||||
Serial.println (name1); |
||||
name1.toCharArray(Buf, 50); |
||||
*/ |
||||
|
||||
//****************************************************
|
||||
} |
||||
@ -0,0 +1,273 @@ |
||||
void savebalk() |
||||
{ |
||||
boolean q=0; |
||||
if((hb==hour1)&&( mb==min1)){q=1;} |
||||
hb=hour1; |
||||
mb=min1; |
||||
if(q==0) |
||||
{
|
||||
JSONVar boardat; |
||||
if(min1<10) |
||||
{boardat["Time"] = String(hour1)+":0"+String(min1);
|
||||
} |
||||
else |
||||
{ |
||||
boardat["Time"] = String(hour1)+":"+String(min1);
|
||||
} |
||||
boardat["temperatura"] =String(tbal)+" C"; |
||||
boardat["humidity"] = String(hbal)+" %"; |
||||
tempdat = JSON.stringify(boardat); |
||||
Serial.println (tempdat); |
||||
esp_task_wdt_reset();//reset WDT
|
||||
//JSON { "Time":"11:03", "temperatura":"10.56 C", "humidity":"7,56 %" },
|
||||
tempdat=tempdat+"\n"; |
||||
|
||||
Serial.println ("name2"); |
||||
// String name1="/TEMPUL"+ stryen[stamp.year-2014]+strmen[stamp.month-1]+strden[stamp.day-1];
|
||||
// Serial.println (name2);
|
||||
createDir(SD, "/TEMPUL"); |
||||
String name1="/TEMPUL"+ String(stryen[year1-2014]);//2022
|
||||
char Buf[50]; |
||||
name1.toCharArray(Buf, 50); |
||||
Serial.println (Buf); |
||||
createDir(SD, Buf); |
||||
name1=name1+String(strmen[month1-1]);//FEB
|
||||
name1.toCharArray(Buf, 50); |
||||
Serial.println (Buf); |
||||
createDir(SD, Buf); |
||||
name1=name1+String(strden[data1-1]);//27
|
||||
name1.toCharArray(Buf, 50); |
||||
Serial.println (Buf); |
||||
createDir(SD, Buf); |
||||
|
||||
name1=name1+String(strdaten[2]);//
|
||||
name1.toCharArray(Buf, 50); |
||||
//createDir(SD, "/TEMPUL/2022/FEB/27");
|
||||
// name1="/TEMPUL"+ String(stryen[stamp.year-2014])+String(strmen[stamp.month-1])+String(strden[stamp.day-1])+String(strdaten[0]);
|
||||
Serial.println (Buf); |
||||
appendFile(SD,Buf,tempdat.c_str());//добавление на инфы в файл
|
||||
} |
||||
} |
||||
//*************************K2*****************************************************************
|
||||
|
||||
|
||||
void savek2() |
||||
{ |
||||
|
||||
JSONVar boardat; |
||||
if(min1<10) |
||||
{boardat["Time"] = String(hour1)+":0"+String(min1);
|
||||
} |
||||
else |
||||
{ |
||||
boardat["Time"] = String(hour1)+":"+String(min1);
|
||||
} |
||||
boardat["temperatura"] =String(tkom2)+" C"; |
||||
boardat["humidity"] = String(hkom2)+" %"; |
||||
tempdat = JSON.stringify(boardat); |
||||
Serial.println (tempdat); |
||||
esp_task_wdt_reset();//reset WDT
|
||||
//JSON { "Time":"11:03", "temperatura":"10.56 C", "humidity":"7,56 %" },
|
||||
tempdat=tempdat+"\n"; |
||||
|
||||
Serial.println ("name2"); |
||||
// String name1="/TEMPUL"+ stryen[stamp.year-2014]+strmen[stamp.month-1]+strden[stamp.day-1];
|
||||
// Serial.println (name2);
|
||||
createDir(SD, "/TEMPUL"); |
||||
String name1="/TEMPUL"+ String(stryen[year1-2014]);//2022
|
||||
char Buf[50]; |
||||
name1.toCharArray(Buf, 50); |
||||
Serial.println (Buf); |
||||
createDir(SD, Buf); |
||||
name1=name1+String(strmen[month1-1]);//FEB
|
||||
name1.toCharArray(Buf, 50); |
||||
Serial.println (Buf); |
||||
createDir(SD, Buf); |
||||
name1=name1+String(strden[data1-1]);//27
|
||||
name1.toCharArray(Buf, 50); |
||||
Serial.println (Buf); |
||||
createDir(SD, Buf); |
||||
|
||||
name1=name1+String(strdaten[3]);//
|
||||
name1.toCharArray(Buf, 50); |
||||
//createDir(SD, "/TEMPUL/2022/FEB/27");
|
||||
// name1="/TEMPUL"+ String(stryen[stamp.year-2014])+String(strmen[stamp.month-1])+String(strden[stamp.day-1])+String(strdaten[0]);
|
||||
Serial.println (Buf); |
||||
appendFile(SD,Buf,tempdat.c_str());//добавление на инфы в файл
|
||||
|
||||
} |
||||
|
||||
//**************************K1****************************************************************
|
||||
|
||||
|
||||
void savek1() |
||||
{ |
||||
boolean q=0; |
||||
if((hk==hour1)&&( mk==min1)){q=1;} |
||||
hk=hour1; |
||||
mk=min1; |
||||
if(q==0) |
||||
{
|
||||
JSONVar boardat; |
||||
if(min1<10) |
||||
{boardat["Time"] = String(hour1)+":0"+String(min1);
|
||||
} |
||||
else |
||||
{ |
||||
boardat["Time"] = String(hour1)+":"+String(min1);
|
||||
} |
||||
boardat["temperatura"] =String(tkom1)+" C"; |
||||
boardat["humidity"] = String(hkom1)+" %"; |
||||
tempdat = JSON.stringify(boardat); |
||||
Serial.println (tempdat); |
||||
esp_task_wdt_reset();//reset WDT
|
||||
//JSON { "Time":"11:03", "temperatura":"10.56 C", "humidity":"7,56 %" },
|
||||
tempdat=tempdat+"\n"; |
||||
|
||||
Serial.println ("name2"); |
||||
// String name1="/TEMPUL"+ stryen[stamp.year-2014]+strmen[stamp.month-1]+strden[stamp.day-1];
|
||||
// Serial.println (name2);
|
||||
createDir(SD, "/TEMPUL"); |
||||
String name1="/TEMPUL"+ String(stryen[year1-2014]);//2022
|
||||
char Buf[50]; |
||||
name1.toCharArray(Buf, 50); |
||||
Serial.println (Buf); |
||||
createDir(SD, Buf); |
||||
name1=name1+String(strmen[month1-1]);//FEB
|
||||
name1.toCharArray(Buf, 50); |
||||
Serial.println (Buf); |
||||
createDir(SD, Buf); |
||||
name1=name1+String(strden[data1-1]);//27
|
||||
name1.toCharArray(Buf, 50); |
||||
Serial.println (Buf); |
||||
createDir(SD, Buf); |
||||
|
||||
name1=name1+String(strdaten[4]);//
|
||||
name1.toCharArray(Buf, 50); |
||||
//createDir(SD, "/TEMPUL/2022/FEB/27");
|
||||
// name1="/TEMPUL"+ String(stryen[stamp.year-2014])+String(strmen[stamp.month-1])+String(strden[stamp.day-1])+String(strdaten[0]);
|
||||
Serial.println (Buf); |
||||
appendFile(SD,Buf,tempdat.c_str());//добавление на инфы в файл
|
||||
} |
||||
} |
||||
|
||||
//*********************akva*********************************************************************
|
||||
void saveakva() |
||||
{ |
||||
String id="akva"; |
||||
board5["id"] =id; |
||||
board5["tempakv1"] =takva1; |
||||
board5["light1"] =String(lightakv); |
||||
board5["timakv1"] =timeakva; |
||||
if(fanak1==0) |
||||
{fan1="OFF"; |
||||
} |
||||
else |
||||
{ |
||||
fan1="ON"; |
||||
} |
||||
board5["fan1"] =fan1; |
||||
board5["tempakv2"] =takva2; |
||||
board5["light2"] =String(lightakv); |
||||
board5["timakv2"] =timeakva; |
||||
if(fanak2==0) |
||||
{fan2="OFF"; |
||||
} |
||||
else |
||||
{ |
||||
fan2="ON"; |
||||
} |
||||
board5["fan2"] =fan2; |
||||
board5["tempakv3"] =takva3; |
||||
board5["light3"] =String(lightakv); |
||||
board5["timakv3"] =timeakva; |
||||
if(fanak3==0) |
||||
{fan3="OFF"; |
||||
} |
||||
else |
||||
{ |
||||
fan3="ON"; |
||||
} |
||||
board5["fan3"] =fan3; |
||||
|
||||
jsonStringakva = JSON.stringify(board5); |
||||
|
||||
Serial.println (jsonStringakva); |
||||
jsonStringakva=jsonStringakva+"\n"; |
||||
|
||||
createDir(SD, "/AKVA"); |
||||
String name1="/AKVA"+ String(stryen[year1-2014]);//2022
|
||||
char Buf[50]; |
||||
name1.toCharArray(Buf, 50); |
||||
Serial.println (Buf); |
||||
createDir(SD, Buf); |
||||
name1=name1+String(strmen[month1-1]);//FEB
|
||||
name1.toCharArray(Buf, 50); |
||||
Serial.println (Buf); |
||||
createDir(SD, Buf); |
||||
name1=name1+String(strden[data1-1]);//27
|
||||
name1.toCharArray(Buf, 50); |
||||
Serial.println (Buf); |
||||
createDir(SD, Buf); |
||||
|
||||
name1=name1+String(strdaten[9]);//имя текстового файла TA
|
||||
name1.toCharArray(Buf, 50); |
||||
//createDir(SD, "/TEMPUL/2022/FEB/27/TA.txt");
|
||||
// name1="/TEMPUL"+ String(stryen[stamp.year-2014])+String(strmen[stamp.month-1])+String(strden[stamp.day-1])+String(strdaten[0]);
|
||||
Serial.println (Buf); |
||||
appendFile(SD,Buf,jsonStringakva.c_str());//добавление на инфы в файл
|
||||
|
||||
} |
||||
//*********************kor*********************************************************************
|
||||
|
||||
|
||||
void savekor() |
||||
{ |
||||
boolean q=0; |
||||
if((hkr==hour1)&&( mkr==min1)){q=1;} |
||||
hkr=hour1; |
||||
mkr=min1; |
||||
if(q==0) |
||||
{
|
||||
JSONVar boardat; |
||||
if(min1<10) |
||||
{boardat["Time"] = String(hour1)+":0"+String(min1);
|
||||
} |
||||
else |
||||
{ |
||||
boardat["Time"] = String(hour1)+":"+String(min1);
|
||||
} |
||||
boardat["temperatura"] =String(tkor)+" C"; |
||||
boardat["humidity"] = String(hkor)+" %"; |
||||
tempdat = JSON.stringify(boardat); |
||||
Serial.println (tempdat); |
||||
esp_task_wdt_reset();//reset WDT
|
||||
//JSON { "Time":"11:03", "temperatura":"10.56 C", "humidity":"7,56 %" },
|
||||
tempdat=tempdat+"\n"; |
||||
|
||||
Serial.println ("name2"); |
||||
// String name1="/TEMPUL"+ stryen[stamp.year-2014]+strmen[stamp.month-1]+strden[stamp.day-1];
|
||||
// Serial.println (name2);
|
||||
createDir(SD, "/TEMPUL"); |
||||
String name1="/TEMPUL"+ String(stryen[year1-2014]);//2022
|
||||
char Buf[50]; |
||||
name1.toCharArray(Buf, 50); |
||||
Serial.println (Buf); |
||||
createDir(SD, Buf); |
||||
name1=name1+String(strmen[month1-1]);//FEB
|
||||
name1.toCharArray(Buf, 50); |
||||
Serial.println (Buf); |
||||
createDir(SD, Buf); |
||||
name1=name1+String(strden[data1-1]);//27
|
||||
name1.toCharArray(Buf, 50); |
||||
Serial.println (Buf); |
||||
createDir(SD, Buf); |
||||
|
||||
name1=name1+String(strdaten[5]);//
|
||||
name1.toCharArray(Buf, 50); |
||||
//createDir(SD, "/TEMPUL/2022/FEB/27");
|
||||
// name1="/TEMPUL"+ String(stryen[stamp.year-2014])+String(strmen[stamp.month-1])+String(strden[stamp.day-1])+String(strdaten[0]);
|
||||
Serial.println (Buf); |
||||
appendFile(SD,Buf,tempdat.c_str());//добавление на инфы в файл
|
||||
} |
||||
} |
||||
@ -0,0 +1,18 @@ |
||||
void sdsave() |
||||
{esp_task_wdt_reset();//reset WDT
|
||||
//String timerdata={"timer1":["01:00","09:00","10:00","11:00","","","","","",""],"timer2":[
|
||||
// String timerweek={"id":"week","timer1_week":"0111100","timer2_week":"1000011","timer3_week":"0101010"};
|
||||
//timerout= {"id":"tout","t1":"100","t2":"010","t3":"001"}
|
||||
writeFile(SD, "/thkom1.txt", jsonString2.c_str());//записываем в этот файл последние данные для счит после сброса
|
||||
writeFile(SD, "/thku1.txt", jsonString.c_str());//записываем в этот файл последние данные NOW + EpochTime для счит после сброса
|
||||
writeFile(SD, "/output.txt", jsonStringout.c_str());//записываем в этот файл последние данные для счит после сброса
|
||||
//String jsonStringout= "{"id":"out","out1":"101"}";// 0-выкл 1-вкл
|
||||
writeFile(SD, "/timerd.txt", timerdata.c_str());//записываем в этот файл значения для таймера
|
||||
//String timerdata={"timer1":["01:00","09:00","10:00","11:00","","","","","",""],"timer2":[
|
||||
writeFile(SD, "/week.txt", timerweek.c_str());//записываем в этот файл значения недельного таймера
|
||||
// String timerweek={"id":"week","timer1_week":"0111100","timer2_week":"1000011","timer3_week":"0101010"};
|
||||
writeFile(SD, "/tdout.txt", timerout.c_str());//записываем в этот файл значения выходов таймера timerout
|
||||
//timerout= {"id":"tout","t1":"100","t2":"010","t3":"001"}
|
||||
writeFile(SD, "/akva.txt", jsonStringakva.c_str());//записываем в этот файл значения температуры аквариума
|
||||
// Serial.println ("sdsave OK");
|
||||
} |
||||
@ -0,0 +1,308 @@ |
||||
void Sdreaddata()//чтение данных после откл питания или сброса
|
||||
{ Serial.println ("read SD data"); |
||||
strdat=""; |
||||
|
||||
myFile = SD.open("/thkom1.txt", FILE_READ); |
||||
while(myFile.available()) { |
||||
|
||||
strdat+=char(myFile.read()); |
||||
|
||||
} |
||||
|
||||
|
||||
myFile.close(); |
||||
jsonString2=strdat; |
||||
Serial.println (jsonString2); |
||||
// events.send(jsonString2.c_str(), "new_datatemp", millis());//обновление веба
|
||||
JSONVar myObject = JSON.parse(strdat); |
||||
//{"tkom1":"","hkom1":"","batkom1":"","timekom1":"","tkom2":"25.1","hkom2":"50.1","batkom2":"4.0","timekom2":"22:00","tkor":"23.6","hkor":"45.7","batkor":"3.71","timekor":"21:55","tbal":"11.1","hbal":"56.3","batbal":"3.45","timebal":"21:47","tul1":"5.3","hul1":"99.9","osv1":"0%","timeul1":"22:01"}
|
||||
|
||||
if (myObject.hasOwnProperty("tkom1")) { |
||||
tkom1=((const char*) myObject["tkom1"]);} |
||||
if (myObject.hasOwnProperty("hkom1")) { |
||||
hkom1=((const char*) myObject["hkom1"]);} |
||||
if (myObject.hasOwnProperty("batkom1")) { |
||||
batkom1=((const char*) myObject["batkom1"]);} |
||||
if (myObject.hasOwnProperty("timekom1")) { |
||||
timekom1=((const char*) myObject["timekom1"]);} |
||||
|
||||
if (myObject.hasOwnProperty("tkom2")) { |
||||
tkom2=((const char*) myObject["tkom2"]);} |
||||
if (myObject.hasOwnProperty("hkom2")) { |
||||
hkom2=((const char*) myObject["hkom2"]);} |
||||
if (myObject.hasOwnProperty("batkom2")) { |
||||
batkom2=((const char*) myObject["batkom2"]);} |
||||
if (myObject.hasOwnProperty("timekom2")) { |
||||
timekom2=((const char*) myObject["timekom2"]);} |
||||
|
||||
|
||||
if (myObject.hasOwnProperty("tkor")) { |
||||
tkor=((const char*) myObject["tkor"]);} |
||||
if (myObject.hasOwnProperty("hkor")) { |
||||
hkor=((const char*) myObject["hkor"]);} |
||||
if (myObject.hasOwnProperty("batkor")) { |
||||
batkor=((const char*) myObject["batkor"]);} |
||||
if (myObject.hasOwnProperty("timekor")) { |
||||
timekor=((const char*) myObject["timekor"]);} |
||||
|
||||
if (myObject.hasOwnProperty("tbal")) { |
||||
tbal=((const char*) myObject["tbal"]);} |
||||
if (myObject.hasOwnProperty("hbal")) { |
||||
hbal=((const char*) myObject["hbal"]);} |
||||
if (myObject.hasOwnProperty("batbal")) { |
||||
batbal=((const char*) myObject["batbal"]);} |
||||
if (myObject.hasOwnProperty("timebal")) { |
||||
timebal=((const char*) myObject["timebal"]);} |
||||
|
||||
if (myObject.hasOwnProperty("tul1")) { |
||||
tul1=((const char*) myObject["tul1"]);} |
||||
if (myObject.hasOwnProperty("hul1")) { |
||||
hul1=((const char*) myObject["hul1"]);} |
||||
if (myObject.hasOwnProperty("osv1")) { |
||||
osv1=((const char*) myObject["osv1"]);} |
||||
if (myObject.hasOwnProperty("timeul1")) { |
||||
timeul1=((const char*) myObject["timeul1"]);} |
||||
|
||||
|
||||
strdat=""; |
||||
myFile = SD.open("/thku1.txt", FILE_READ); |
||||
while(myFile.available()) { |
||||
|
||||
strdat+=char(myFile.read()); |
||||
|
||||
} |
||||
myFile.close(); |
||||
jsonString=strdat; |
||||
Serial.println ("jsonString"); |
||||
Serial.println (jsonString); |
||||
|
||||
// events.send(jsonString.c_str(), "new_readings", millis());//обновление веба текущая температура
|
||||
myObject = JSON.parse(jsonString); |
||||
if (myObject.hasOwnProperty("id")) { |
||||
String id=((const char*) myObject["id"]);} |
||||
if (myObject.hasOwnProperty("temperature")) { |
||||
ts=((const char*) myObject["temperature"]);} |
||||
|
||||
if (myObject.hasOwnProperty("humidity")) { |
||||
hs=((const char*) myObject["humidity"]);} |
||||
|
||||
if (myObject.hasOwnProperty("tim2")) { |
||||
tim2=((const char*) myObject["tim2"]);} |
||||
if (myObject.hasOwnProperty("tim3")) { |
||||
tim3=((const char*) myObject["tim3"]);} |
||||
if (myObject.hasOwnProperty("dataserv")) { |
||||
dataserv=((const char*) myObject["dataserv"]);} |
||||
if (myObject.hasOwnProperty("timev")) { |
||||
timev=((int) myObject["timev"]);} |
||||
if(ntp_on==0)//если NTP не пдключилось
|
||||
{if (myObject.hasOwnProperty("EpochTime")) { |
||||
EpochTime=((long) myObject["EpochTime"]);} |
||||
} |
||||
//{"id":2,"temperature":9.6733450317382812,"humidity":50.41815185546875,"tim2":"12:02",
|
||||
// "dataserv":"12","timeserv":"15:30","munthserv":"январь",weekserv:"среда","timev":0,"EpochTime":565}
|
||||
/* hour1=stamp.hour;//число
|
||||
min1=stamp.minute;//число
|
||||
|
||||
dataserv=stamp.day;//число
|
||||
munthserv=strm[stamp.month-1] ;// строка
|
||||
weekserv=strweek[stamp.dayOfWeek];// строка
|
||||
tweekday=stamp.dayOfWeek;//1-7
|
||||
*/ |
||||
|
||||
strdat=""; |
||||
myFile = SD.open("/timerd.txt", FILE_READ); |
||||
while(myFile.available()) { |
||||
|
||||
strdat+=char(myFile.read()); |
||||
|
||||
} |
||||
myFile.close(); |
||||
timerdata=strdat; |
||||
Serial.println ("timerdata"); |
||||
Serial.println (timerdata); |
||||
|
||||
strdat=""; |
||||
myFile = SD.open("/week.txt", FILE_READ); |
||||
while(myFile.available()) { |
||||
|
||||
strdat+=char(myFile.read()); |
||||
|
||||
} |
||||
myFile.close(); |
||||
timerweek=strdat; |
||||
Serial.println ("timerdata"); |
||||
Serial.println (timerweek); |
||||
|
||||
strdat=""; |
||||
myFile = SD.open("/tdout.txt", FILE_READ); |
||||
while(myFile.available()) { |
||||
|
||||
strdat+=char(myFile.read()); |
||||
|
||||
} |
||||
myFile.close(); |
||||
timerout=strdat; |
||||
Serial.println ("timerout"); |
||||
Serial.println (timerout); |
||||
|
||||
strdat=""; |
||||
myFile = SD.open("/akva.txt", FILE_READ); |
||||
while(myFile.available()) { |
||||
|
||||
strdat+=char(myFile.read()); |
||||
|
||||
} |
||||
|
||||
|
||||
myFile.close(); |
||||
jsonStringakva=strdat; |
||||
Serial.println (jsonStringakva); |
||||
myObject = JSON.parse(strdat); |
||||
|
||||
if (myObject.hasOwnProperty("id")) { |
||||
String id=((const char*) myObject["id"]);} |
||||
if (myObject.hasOwnProperty("tempakv1")) { |
||||
takva1=((const char*) myObject["tempakv1"]);} |
||||
if (myObject.hasOwnProperty("light1")) { |
||||
light=((const char*) myObject["light1"]);} |
||||
if (myObject.hasOwnProperty("timakv1")) { |
||||
timeakva=((const char*) myObject["timakv1"]);} |
||||
if (myObject.hasOwnProperty("fan1")) { |
||||
fan1=((const char*) myObject["fan1"]);} |
||||
if (myObject.hasOwnProperty("tempakv2")) { |
||||
takva2=((const char*) myObject["tempakv2"]);} |
||||
if (myObject.hasOwnProperty("fan2")) { |
||||
fan2=((const char*) myObject["fan2"]);} |
||||
if (myObject.hasOwnProperty("tempakv3")) { |
||||
takva3=((const char*) myObject["tempakv3"]);} |
||||
if (myObject.hasOwnProperty("fan3")) { |
||||
fan3=((const char*) myObject["fan3"]);} |
||||
|
||||
} |
||||
|
||||
|
||||
void Sdread() |
||||
{//jsonStringout= "{"id":"out","out1":"101"}";// 0-выкл 1-вкл
|
||||
//получаем состояние выходов изаписывам их в gpio
|
||||
strdat=""; |
||||
myFile = SD.open("/output.txt", FILE_READ); |
||||
while(myFile.available()) { |
||||
|
||||
strdat+=char(myFile.read()); |
||||
|
||||
} |
||||
myFile.close(); |
||||
jsonStringout=strdat; |
||||
// gpio[3]={0,0,0};//выходы состояние {gpio 4, gpio 26, gpio 27,timer}{1,1,1,1}
|
||||
Serial.println (jsonStringout); |
||||
JSONVar myObject = JSON.parse(jsonStringout);//парсинг JSON
|
||||
String outGPIO; |
||||
if (myObject.hasOwnProperty("out1")) { |
||||
outGPIO=((const char*) myObject["out1"]);} |
||||
Serial.println (outGPIO);
|
||||
Serial.println (outGPIO[2]);
|
||||
if(outGPIO[0]=='1') |
||||
{ digitalWrite(4, HIGH); |
||||
gpio[0]=1; |
||||
} |
||||
else |
||||
{digitalWrite(4, LOW); |
||||
gpio[0]=0; |
||||
} |
||||
if(outGPIO[1]=='1') |
||||
{ digitalWrite(26, HIGH); |
||||
gpio[1]=1; |
||||
} |
||||
else |
||||
{digitalWrite(26, LOW); |
||||
gpio[1]=0; |
||||
} |
||||
if(outGPIO[2]=='1') |
||||
{ digitalWrite(27, HIGH); |
||||
gpio[2]=1; |
||||
} |
||||
else |
||||
{digitalWrite(27, LOW); |
||||
gpio[2]=0; |
||||
} |
||||
if(outGPIO[3]=='1') |
||||
{ //digitalWrite(27, HIGH);
|
||||
gpio[3]=1; |
||||
} |
||||
else |
||||
{//digitalWrite(27, LOW);
|
||||
gpio[3]=0; |
||||
} |
||||
timerconvert(); |
||||
} |
||||
|
||||
void readdata() |
||||
{delay(0); |
||||
//****************************************************
|
||||
// формируем имя файла и путь к нему /TEMPUL/D-2022/FEBR/27/T1.txt
|
||||
String name1="/TEMPUL"+ String(stryen[year1-2014])+String(strmen[month1-1])+String(strden[data1-1])+String(strdaten[nti]); |
||||
//String name1="/TEMPUL1/D-2025/FEBR/27/T5.txt";
|
||||
char Buf[50]; |
||||
name1.toCharArray(Buf, 50); |
||||
|
||||
myFile = SD.open(Buf, FILE_READ);//открывам файл
|
||||
while(myFile.available()) { |
||||
Serial.write(myFile.read()); |
||||
} |
||||
Serial.println(" ");
|
||||
// Узнаем размер файла:
|
||||
Serial.print("File size: "); |
||||
// "Размер файла: "
|
||||
Serial.println(myFile.size()); |
||||
myFile.close(); |
||||
|
||||
strdat=""; |
||||
|
||||
Serial.println("/TEMPUL/D-2022/FEBR/27/T.txt"); |
||||
myFile = SD.open(Buf, FILE_READ); |
||||
while(myFile.available()) { |
||||
strdat+=char(myFile.read());//считываем текс файла в строковую переменную
|
||||
} |
||||
myFile.close(); |
||||
delay(0); |
||||
esp_task_wdt_reset();//reset WDT
|
||||
delay(0); |
||||
|
||||
board1["tdata"] = strdat;
|
||||
board1["dataserv"] = dataserv; |
||||
board1["timeserv"] = timeserv; |
||||
jsonString1 = JSON.stringify(board1); |
||||
// Serial.println (jsonString1);
|
||||
// Serial.println ("strdat=");
|
||||
//Serial.println (strdat);
|
||||
delay(0); |
||||
// events.send(tempdat.c_str(), "readings", millis());//обновление веба
|
||||
// events.send(strdat.c_str(), "readings", millis());//обновление веба
|
||||
} |
||||
|
||||
void readakva() |
||||
{delay(0); |
||||
//****************************************************
|
||||
// формируем имя файла и путь к нему /AKVA/D-2022/FEBR/27/T10.txt
|
||||
nti=9; |
||||
String name1="/AKVA"+ String(stryen[year1-2014])+String(strmen[month1-1])+String(strden[data1-1])+String(strdaten[nti]); |
||||
//String name1="/AKVA/D-2025/FEBR/27/T10.txt";
|
||||
char Buf[50]; |
||||
name1.toCharArray(Buf, 50); |
||||
|
||||
|
||||
|
||||
strdat=""; |
||||
|
||||
myFile = SD.open(Buf, FILE_READ); |
||||
while(myFile.available()) { |
||||
strdat+=char(myFile.read());//считываем текс файла в строковую переменную
|
||||
} |
||||
myFile.close(); |
||||
delay(0); |
||||
esp_task_wdt_reset();//reset WDT
|
||||
delay(0); |
||||
// Serial.println (strdat);
|
||||
delay(0); |
||||
|
||||
} |
||||
@ -0,0 +1,35 @@ |
||||
void timedate()//при запуске 1 раз
|
||||
{//rtc.adjust(DateTime(2024,3, 4, 14,25,0));
|
||||
if (! rtc.lostPower()) { |
||||
// Serial.println("RTC is NOT running!");
|
||||
//rtc.adjust(DateTime(F(__DATE__), F(__TIME__)));
|
||||
// ИЛИ ТАК
|
||||
//rtc.adjust(DateTime(2020, 1, 1, 15, 51, 0));
|
||||
// rtc.adjust(DateTime(2024,3, 4, 14,44,0));
|
||||
} |
||||
|
||||
|
||||
|
||||
DateTime now = rtc.now(); |
||||
timeserv=formatTimeDigits(now.hour(),now.minute());
|
||||
Serial.print("TIME_"); |
||||
Serial.println(timeserv); |
||||
dataserv=now.day(); |
||||
data1=now.day(); |
||||
month1=now.month(); |
||||
munthserv=strm[now.month()-1] ; |
||||
weekserv=strweek[now.dayOfTheWeek()]; |
||||
hour1=now.hour(); |
||||
min1=now.minute(); |
||||
tweekday=now.dayOfTheWeek(); |
||||
year1=now.year(); |
||||
if(tweekday==0) tweekday=7; |
||||
Serial.println(tweekday); |
||||
Serial.println(dataserv); |
||||
Serial.println(month1); |
||||
Serial.println(year1); |
||||
uint32_t timeStampVal = now.unixtime(); |
||||
EpochTime=timeStampVal; |
||||
Serial.println(EpochTime); |
||||
|
||||
} |
||||
@ -0,0 +1,793 @@ |
||||
//08:3A:F2:A7:80:6C //esp32 желтые ноги
|
||||
//08:3A:F2:66:31:30 //esp32 lilygo2,3
|
||||
//08:3A:F2: //esp32 lilygo4,7
|
||||
//EC:94:CB:6C:EC:A4 esp32 самоделка
|
||||
//SD Карта подкл к любым ногам SPI железный H_SPIClass sdSPI(HSPI); или V_ SPIClass sdSPI(VSPI);
|
||||
#define SD_MISO 23 |
||||
#define SD_MOSI 13 |
||||
#define SD_SCLK 14 |
||||
//#define SD_CS 15
|
||||
#define SD_CS 2 |
||||
|
||||
#include <esp_task_wdt.h> |
||||
#define WDT_TIMEOUT 30 |
||||
#include <WiFi.h> |
||||
#include <AsyncTCP.h> |
||||
#include "ESPAsyncWebSrv.h" |
||||
#include <esp_now.h> |
||||
#include "SPI.h" |
||||
#include <SPIFFS.h> |
||||
#include <esp_task_wdt.h> |
||||
#include "NTPClient.h" |
||||
#include "WiFiUdp.h" |
||||
#include <Arduino_JSON.h> |
||||
|
||||
#include "FS.h" |
||||
#include "SD.h" |
||||
#include <UnixTime.h> |
||||
UnixTime stamp(0); // указать GMT (3 для Москвы)
|
||||
// Define deep sleep options
|
||||
String dataMessage; |
||||
// Define NTP Client to get time
|
||||
WiFiUDP ntpUDP; |
||||
NTPClient timeClient(ntpUDP); |
||||
#include "RTClib.h" |
||||
RTC_DS3231 rtc; |
||||
#include "nRF24L01.h" |
||||
#include "RF24.h" |
||||
#include <RCSwitch.h> |
||||
|
||||
RCSwitch mySwitch = RCSwitch(); |
||||
|
||||
char msg[16]; |
||||
//RF24 radio(12, 14, 26, 25, 27);
|
||||
//RF24 radio(27, 26, 32, 33, 25);//server (ce,csn,sck,miso,mosi)esp32
|
||||
//gpio19
|
||||
RF24 radio(17, 16, 32, 33, 25);//server (ce,csn,sck,miso,mosi)esp32
|
||||
|
||||
const uint64_t pip = 0x02E423E4E2LL; |
||||
SPIClass sdSPI(HSPI); |
||||
File myFile; |
||||
|
||||
const char* ssid = "VOVA-47"; |
||||
const char* password = "vovak26102003"; |
||||
|
||||
const int LED_PIN = 2; |
||||
|
||||
AsyncWebServer server(80); |
||||
AsyncWebSocket webSocket("/ws"); |
||||
|
||||
int ledState = LOW; |
||||
//++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
|
||||
// Задайте свой статический IP-адрес
|
||||
IPAddress local_IP(192, 168, 1, 115); |
||||
// Укажите IP-адрес шлюза
|
||||
IPAddress gateway(192, 168, 1, 1); |
||||
|
||||
IPAddress subnet(255, 255, 0, 0); |
||||
IPAddress primaryDNS(8, 8, 8, 8); // опционально
|
||||
IPAddress secondaryDNS(8, 8, 4, 4); // опционально
|
||||
|
||||
|
||||
//****************************************************************************
|
||||
// ntp
|
||||
int countTimeWas; |
||||
int countVal; |
||||
int countVal1; |
||||
String formattedDate; |
||||
String formattedTime; |
||||
String dayStamp; |
||||
String timeStamp; |
||||
String timerweek="{\"id\":\"week\",\"timer1_week\":\"0111100\",\"timer2_week\":\"1000011\",\"timer3_week\":\"0101010\"}"; |
||||
bool tweek; // флаг обновления строки timerweek для записи на SD
|
||||
String timerdata="{\"timer1\":[\"00:00\",\"00:00\",\"00:00\",\"00:00\",\"00:00\",\"00:00\",\"00:00\",\"00:00\",\"00:00\",\"00:00\"],\"timer2\":[\"00:00\",\"00:00\",\"00:00\",\"00:00\",\"00:00\",\"00:00\",\"00:00\",\"00:00\",\"00:00\",\"00:00\"],\"timer3\":[\"00:00\",\"00:00\",\"00:00\",\"00:00\",\"00:00\",\"00:00\",\"00:00\",\"00:00\",\"00:00\",\"00:00\"]}";//данные с таймеров
|
||||
bool tdat=0;// флаг обновления строки timerdat для записи на SD
|
||||
String timerout="{\"id\":\"tout\",\"t1\":\"011\",\"t2\":\"100\",\"t3\":\"010\"}";//подключние таймеров т1 т2 и т3 к выходам gpio4,gpio26,gpio27
|
||||
bool tout=0;// флаг обновления строки timerout для записи на SD
|
||||
bool ntp_on=0; |
||||
//**************************JSON***************************************************
|
||||
JSONVar board; |
||||
JSONVar board1; |
||||
JSONVar board2; |
||||
JSONVar board3; |
||||
JSONVar board4; |
||||
JSONVar board5; |
||||
|
||||
//String jsonString="{\"id\":\"0\",\"temperature\":\"9.67\",\"humidity\":50.41815185546875,\"tim2\":\"10:10\",\"tim3\":\"11:11\",\"dataserv\":\"12\",\"timeserv\":\"15:30\",\"munthserv\":\"январь\",\"weekserv\":\"среда\"}";
|
||||
String jsonString="{\"id\":\"0\",\"temperature\":9.6757548,\"humidity\":50.41815185546875,\"tim2\":\"10:10\",\"tim3\":\"11:11\",\"dataserv\":\"12\",\"munthserv\":\"январь\",\"weekserv\":\"среда\"}"; |
||||
String jsonString1; |
||||
String jsonString2="{\"id\":\"2\",\"tkom1\":\"20.0\",\"hkom1\":\"30.0\",\"batkom1\":\"4.10\",\"timekom1\":\"07:08\",\"tkom2\":\"20.5\",\"hkom2\":\"80.5\",\"batkom2\":\"3.95\",\"timekom2\":\"15:15\",\"tkor\":\"23.5\",\"hkor\":\"90.5\",\"batkor\":\"3.75\",\"timekor\":\"13:13\",\"tbal\":\"13.5\",\"hbal\":\"80.5\",\"batbal\":\"3.45\",\"timebal\":\"11:11\",\"tul1\":\"7.3\",\"hul1\":\"75.5\",\"osv1\":\"50\",\"timeul1\":\"12:12\"}"; |
||||
String jsonStringout= "{\"id\":\"out\",\"out1\":\"1011\"}";// 0-выкл 1-вкл вых1 вых2 вых3 таймер(работаем по кнопкам или по таймеру
|
||||
String jsonString77="{\"Time\":\"0:17\",\"temperatura\":\"19.73 C\",\"humidity\":\"73.59 %\"}\n{\"Time\":\"0:37\",\"temperatura\":\"19.65 C\",\"humidity\":\"74.34 %\"}\n{\"Time\":\"0:57\",\"temperatura\":\"19.57 C\",\"humidity\":\"74.99 %\"}"; |
||||
String jsonStringakva="{\"id\":\"akva\",\"tempakv1\":\"20,1\",\"light1\":\"80 %\",\"timakv1\":\"12.31\",\"fan1\":\"OFF\",\"tempakv2\":\"20,2\",\"light2\":\"82 %\",\"timakv2\":\"12.32\",\"fan2\":\"OFF\",\"tempakv3\":\"20,3\",\"light3\":\"83 %\",\"timakv3\":\"12.33\",\"fan3\":\"OFF\"}"; |
||||
//String jsonString77="{\"id\":\"77\",\"Time\":\"21:23\",\"temperatura\":\"8.88 C\",\"humidity\":\"90.97 %\"}\n";
|
||||
//String jsonString78="{\"id\":\"77\",\"data\":\'\"Time\":\"21:23\",\"temperatura\":\"8.88 C\",\"humidity\":\"90.97 %\"\'}";
|
||||
//{"timer1":["00:00","00:00","00:00","00:00","00:00","00:00","00:00","00:00","00:00","00:00"],"timer2":["00:00","00:00","00:00","00:00","00:00","00:00","00:00","00:00","00:00","00:00"],"timer3":["00:00","00:00","00:00","00:00","00:00","00:00","00:00","00:00","00:00","00:00"]}
|
||||
//String jsonString7="{\"id\":\"week\",\"timer1_week\":\"0111100\",\"timer2_week\":\"1000011\",\"timer3_week\":\"0101010\"}";
|
||||
//****************************************************************************
|
||||
int idcon=0;// ID соединения
|
||||
//*************************************************************************************************
|
||||
char* strd[] = {"01","02","03","04","05","06","07","08","09","10","11","12","13","14","15","16","17","18","19","20","21","22","23","24","25","26","27","28","29","30","31"}; |
||||
char* strm[] = {"январь","февраль","март","апрель","май","июнь","июль","август","сентябрь","октябрь","ноябрь","декабрь"}; |
||||
char* strweek[] = {"воскресенье","понедельник","вторник","среда","четверг","пятница","суббота","воскресенье"}; |
||||
int nt=0;//номер термометра
|
||||
int nti=0;//номер термометра для сайта
|
||||
int temperature1=10; |
||||
String ts; |
||||
String hs; |
||||
String t1; |
||||
String h1; |
||||
String t10;//время работы сервера
|
||||
String tim3;// время от нтп сервера при приходе данных с NOW
|
||||
String tim2;//время получ от устройства NOW
|
||||
String batz;//заря бат термометра ул запад
|
||||
String munthserv;//месяц
|
||||
String weekserv;//день недели
|
||||
String timer1;//таймер1
|
||||
String timer2;//таймер2
|
||||
int timerbut1=0; |
||||
int timerbut2=0; |
||||
bool tbut1=0;//флаг таймера1
|
||||
bool tbut2=0;//флаг таймера2
|
||||
bool res = 0;//флаг разрешения сброса
|
||||
int timebut=0;// подсчет времени по таймерам
|
||||
|
||||
String tkom1;//температура
|
||||
String hkom1;//влажность
|
||||
String batkom1; |
||||
String timekom1;//время прихода данных комната1
|
||||
|
||||
String tkom2; |
||||
String hkom2; |
||||
String batkom2; |
||||
String timekom2; |
||||
|
||||
String tkor; |
||||
String hkor; |
||||
String batkor; |
||||
String timekor; |
||||
|
||||
String tbal; |
||||
String hbal; |
||||
String batbal; |
||||
String timebal; |
||||
|
||||
String timeul1; |
||||
String tul1; |
||||
String hul1; |
||||
String osv1; |
||||
|
||||
String takva1; |
||||
String takva2; |
||||
String takva3; |
||||
String timeakva; |
||||
String light; |
||||
String fan1; |
||||
String fan2; |
||||
String fan3; |
||||
bool fanak1; |
||||
bool fanak2; |
||||
bool fanak3; |
||||
int lightakv=80; |
||||
bool akva=0;//флаг прихода дааных с акваконрол
|
||||
|
||||
int ct1=0;//счетчик пропуска данные каждые 3 минуты записываем каждые 20 те 7 пропусков
|
||||
int wreset=0;//счетчик времени сброса esp(1 раз в 8 часов)
|
||||
String out1;//выход1 gpio4
|
||||
String out2;//выход2 gpio26
|
||||
String out3;//выход3 gpio27
|
||||
int tweekday=1;//день недели для таймеров
|
||||
int time17=0; |
||||
int hour1=10; |
||||
int min1=7; |
||||
int sek=0; |
||||
int year1; |
||||
int month1; |
||||
int data1; |
||||
int hk=0;//часы для исключения повтора записи данных
|
||||
int mk=0;//минуты
|
||||
int hb=0;//часы для исключения повтора записи данных
|
||||
int mb=0;//минуты
|
||||
int hkr=0;//часы для исключения повтора записи данных
|
||||
int mkr=0;//минуты
|
||||
int timev=0;//для пропуска 20 минут
|
||||
//String timev1;//для записи на флэш при сбросе
|
||||
bool outdata=0;//флаг обновления состояния выходов
|
||||
boolean fdata=0;//флаг обновления данных темп и влажн
|
||||
int fobnov=1;//флаг обновления данных темп и влажн
|
||||
String timeserv;//время сервера
|
||||
String dataserv;//дата
|
||||
int v=0; |
||||
int v1=0; |
||||
long EpochTime=0; |
||||
int ind=0; |
||||
|
||||
String strdat;//накопленые в памяти данные по темп и влажность передаваемые клиенту
|
||||
String tempdat;//
|
||||
int ftdata=0;//флаг запроса данных темп и влажн
|
||||
int fping=0;// флаг для задержки отр данных на страницу inform
|
||||
int wright=0; |
||||
bool flread=0; |
||||
char* strden[] = {"/01","/02","/03","/04","/05","/06","/07","/08","/09","/10","/11","/12","/13","/14","/15","/16","/17","/18","/19","/20","/21","/22","/23","/24","/25","/26","/27","/28","/29","/30","/31"};
|
||||
char* strmen[] = {"/JAN","/FEBR","/MARCH","/APRIL","/MAY","/JUNE","/JULY","/AUG","/SEPT","/OCT","/NOV","/DEC"}; |
||||
char* stryen[] = {"/2014","/2015","/2016","/2017","/D-2018","/D-2019","/D-2020","/D-2021","/D-2022","/D-2023","/D-2024","/D-2025","/D-2026","/D-2027","/D-2028","/D-2029","/D-2030","/D-2031","/D-2032","D-2033","/D-2034","/D-2035"}; |
||||
char* strdaten[] = {"/T1.txt","/T2.txt","/T3.txt","/T4.txt","/T5.txt","/T6.txt","/T7.txt","/T8.txt","/T9.txt","/T10.txt"}; |
||||
//************************************************************
|
||||
//************************************************************
|
||||
hw_timer_t * timer = NULL; |
||||
volatile SemaphoreHandle_t timerSemaphore; |
||||
portMUX_TYPE timerMux = portMUX_INITIALIZER_UNLOCKED; |
||||
volatile uint32_t isrCounter = 0; |
||||
volatile uint32_t lastIsrAt = 0; |
||||
char *time_buf; |
||||
//*****************************************************************************
|
||||
|
||||
// Structure example to receive data
|
||||
// Must match the sender structure
|
||||
typedef struct struct_message { |
||||
int id; |
||||
float temp; |
||||
float hum; |
||||
unsigned int readingId; |
||||
unsigned int bat; |
||||
} struct_message; |
||||
int volt11; |
||||
struct_message incomingReadings; |
||||
//****************************************Timer Budilnik*****************************************************************************************************************************************************************************************
|
||||
int minuta;//счетчик минут для проверки времени сработки будильников
|
||||
uint16_t BTimer1 [11] = {2, 390, 450, 1440, 1440, 1440, 1440, 1440, 1440, 1440, 1440}; // массивы всех таймеров для суточных каналов (1 - 4) 0-й элемент отвечает за состояние канала (1 - вкл/ 0 - выкл/ 2 - авто))
|
||||
uint16_t BTimer2 [11] = {2, 1440, 1440, 1440, 1440, 1440, 1440, 1440, 1440, 1440, 1440}; // остальное время в минутах (нечетные элементы - таймеры включения, четные - выключения)
|
||||
uint16_t BTimer3 [11] = {2, 380, 450, 1080, 1410, 1440, 1440, 1440, 1440, 1440, 1440}; // время 1440 отображается на экране как "--:--", это неактивное значение, для основной логики пустая ячейка означает что таймер не задан
|
||||
uint16_t weekTimer1 [7]={0,0,0,0,0,0,0};//недельные установки t1
|
||||
uint16_t weekTimer2 [7]={0,0,0,0,0,0,0};//недельные установки t2
|
||||
uint16_t weekTimer3 [7]={0,0,0,0,0,0,0};//недельные установки t3
|
||||
uint16_t gpioTimer1 [3]={1,0,0};//выходы подкл к таймеру {gpio 4, gpio 26, gpio 27} {1,0,0} подкл 4
|
||||
uint16_t gpioTimer2 [3]={1,0,0};//выходы подкл к таймеру {gpio 4, gpio 26, gpio 27} {0,0,0} откл все
|
||||
uint16_t gpioTimer3 [3]={0,0,0};//выходы подкл к таймеру {gpio 4, gpio 26, gpio 27}{1,1,1} подкл все
|
||||
uint16_t gpio[4]={0,0,0,1};//выходы состояние {gpio 4, gpio 26, gpio 27, timer}{1,1,1,1} timer определяет работу выходов по таймеру=1 или кнопки =0
|
||||
bool state1 = 0; //_________________Переменные состояния каналов(вкл/выкл)
|
||||
bool state2 = 0; |
||||
bool state3 = 0; |
||||
uint16_t current_time = 0 ; //_______Текущее время в минутах (для основных расчетов)
|
||||
//*********************************************************************************************
|
||||
const char* PARAM_INPUT_1 = "output";//Gpio
|
||||
const char* PARAM_INPUT_2 = "state"; //состояние выхода
|
||||
const char* PARAM_INPUT = "value"; |
||||
|
||||
const int output = 4; |
||||
const int output1 = 26; |
||||
const int output2 = 27; |
||||
String ledout; |
||||
void IRAM_ATTR onTimer(); |
||||
//***********************************************************
|
||||
void OnDataRecv(const uint8_t * mac_addr, const uint8_t *incomingData, int len) {
|
||||
// Copies the sender mac address to a string
|
||||
char macStr[18]; |
||||
Serial.print("Packet received from: "); |
||||
snprintf(macStr, sizeof(macStr), "%02x:%02x:%02x:%02x:%02x:%02x", |
||||
mac_addr[0], mac_addr[1], mac_addr[2], mac_addr[3], mac_addr[4], mac_addr[5]); |
||||
Serial.println(macStr); |
||||
memcpy(&incomingReadings, incomingData, sizeof(incomingReadings)); |
||||
|
||||
Serial.printf("Board ID %u: %u bytes\n", incomingReadings.id, len); |
||||
Serial.printf("t value: %4.2f \n", incomingReadings.temp); |
||||
t1 = incomingReadings.temp; |
||||
Serial.printf("h value: %4.2f \n", incomingReadings.hum); |
||||
h1=incomingReadings.hum; |
||||
Serial.printf("readingID value: %d \n", incomingReadings.readingId); |
||||
int tim11 =incomingReadings.readingId; |
||||
hour1=tim11/100; |
||||
min1=tim11%100; |
||||
volt11 =incomingReadings.bat;//заряд батареи
|
||||
Serial.printf("bat value: %d \n", incomingReadings.bat); |
||||
|
||||
|
||||
batz=volt11/100; |
||||
batz+=","; |
||||
batz+=volt11%100; |
||||
|
||||
Serial.println(batz); |
||||
//tim3=timeserv;
|
||||
//получаем из int incomingReadings= 1530 строку 15:30
|
||||
|
||||
tim3=incomingReadings.readingId/100; |
||||
tim3+=":"; |
||||
if(incomingReadings.readingId%100<10)tim3+="0"; |
||||
|
||||
tim3+=incomingReadings.readingId%100; |
||||
//JSONстрока формирование
|
||||
ntphome(); |
||||
flread=1; |
||||
JSstringU();
|
||||
savedata(); |
||||
flread=1; |
||||
}//OnDataRecv
|
||||
|
||||
//****************************************************************************
|
||||
//****************************************************************************************************************************************************************************************************************************************************
|
||||
//подпрогр Действия вебсекета
|
||||
void handleWebSocketEvent(AsyncWebSocket *server, AsyncWebSocketClient *client, AwsEventType type, void *arg, uint8_t *data, size_t len) { |
||||
switch (type) { |
||||
case WS_EVT_DISCONNECT://[3] Disconnected! откл соединения
|
||||
Serial.printf("[%u] Disconnected!\n", client->id()); |
||||
idcon--; |
||||
break; |
||||
|
||||
case WS_EVT_CONNECT://[4] Connected from 192.168.1.108 подключение
|
||||
{ |
||||
IPAddress ip = client->remoteIP();//адрес подкл объкта
|
||||
Serial.printf("[%u] Connected from %d.%d.%d.%d\n", client->id(), ip[0], ip[1], ip[2], ip[3]); |
||||
idcon++; |
||||
client->text(jsonString);//отправка дата месяц неделя
|
||||
client->text(jsonString2);//отправка темп и влажности в комнатах
|
||||
String countUpdate2 = "{\"label3\":\"count2\",\"value\":\"" + String(timeserv) + "\"}";//отправка строковой переменной
|
||||
String countUpdate = "{\"label3\":\"count\",\"value\":\"" + String(t10) + "\"}";//отправка строковой переменной время раб сервера
|
||||
client->text(countUpdate2);//отправка NTP времени timeserv
|
||||
client->text(countUpdate);//отправка время раб сервера t10
|
||||
if (ftdata==1)//пришел запрос табл данных /inform1 запад
|
||||
{ftdata=0; |
||||
nti=1; |
||||
readdata(); |
||||
client->text(strdat.c_str());//отправка суточных данных данных из карты памяти в таблицу на стр inform
|
||||
} |
||||
if (ftdata==2)//пришел запрос табл данных /inform К1
|
||||
{ftdata=0; |
||||
nti=4; |
||||
readdata(); |
||||
client->text(strdat.c_str());//отправка суточных данных данных из карты памяти в таблицу на стр inform
|
||||
} |
||||
if (ftdata==3)//пришел запрос табл данных /inform k2
|
||||
{ftdata=0; |
||||
nti=3; |
||||
readdata(); |
||||
client->text(strdat.c_str());//отправка суточных данных данных из карты памяти в таблицу на стр inform
|
||||
}
|
||||
if (ftdata==5)//пришел запрос табл данных /inform балкон
|
||||
{ftdata=0; |
||||
nti=2; |
||||
readdata(); |
||||
client->text(strdat.c_str());//отправка суточных данных данных из карты памяти в таблицу на стр inform
|
||||
} |
||||
if (ftdata==4)//пришел запрос табл данных /inform корридор
|
||||
{ftdata=0; |
||||
nti=5; |
||||
readdata(); |
||||
client->text(strdat.c_str());//отправка суточных данных данных из карты памяти в таблицу на стр inform
|
||||
} |
||||
if (ftdata==10)//пришел запрос табл данных /inform восток
|
||||
{ftdata=0; |
||||
nti=0; |
||||
readdata(); |
||||
client->text(strdat.c_str());//отправка суточных данных данных из карты памяти в таблицу на стр inform
|
||||
} |
||||
if (ftdata==6)//пришел запрос табл данных кухня
|
||||
{ftdata=0; |
||||
// nti=6;
|
||||
// readdata();
|
||||
// client->text(strdat.c_str());//отправка суточных данных данных из карты памяти в таблицу на стр
|
||||
} |
||||
if (ftdata==12)//пришел запрос /setting передача значений таймера
|
||||
{ftdata=0; |
||||
client->text(timerweek);//таймер дни недели
|
||||
Serial.println(timerweek); |
||||
|
||||
client->text(timerdata);//timerout
|
||||
Serial.println(timerdata); |
||||
|
||||
client->text(timerout);//timerout
|
||||
Serial.println(timerout); |
||||
} |
||||
|
||||
if (ftdata==8)//пришел запрос управления upravlenie.html
|
||||
{ftdata=0; |
||||
JSstringOut(); |
||||
client->text(jsonStringout);// {"id":"out","out1":"1011"} отправляем состояние выходов
|
||||
//Serial.println(jsonStringout);
|
||||
} |
||||
if (ftdata==7)//пришел запрос управления akva.html
|
||||
{ftdata=0; |
||||
JSstringAkva(); |
||||
client->text(jsonStringakva);//jsonStringakva="{\"id\":\"akva\",\"tempakv1\":\"20,1\",\"light1\":\"80 %\",\"timakv1\":\"12.31\",\"fan1\":\"OFF\",\"tempakv2\":\"20,2\",\"light2\":\"82 %\",\"timakv2\":\"12.32\",\"fan2\":\"OFF\",\"tempakv3\":\"20,3\",\"light3\":\"83 %\",\"timakv3\":\"12.33\",\"fan3\":\"OFF\"}";
|
||||
Serial.println(jsonStringakva); |
||||
} |
||||
|
||||
if (ftdata==15)//пришел запрос управления akva1.html
|
||||
{ftdata=0; |
||||
JSstringAkva(); |
||||
client->text(jsonStringakva);//jsonStringakva="{\"id\":\"akva\",\"tempakv1\":\"20,1\",\"light1\":\"80 %\",\"timakv1\":\"12.31\",\"fan1\":\"OFF\",\"tempakv2\":\"20,2\",\"light2\":\"82 %\",\"timakv2\":\"12.32\",\"fan2\":\"OFF\",\"tempakv3\":\"20,3\",\"light3\":\"83 %\",\"timakv3\":\"12.33\",\"fan3\":\"OFF\"}";
|
||||
// Serial.println(jsonStringakva);
|
||||
readakva(); |
||||
client->text(strdat.c_str());//отправка суточных данных данных из карты памяти в таблицу
|
||||
} |
||||
if (ftdata==16)//пришел запрос управления akva1.html
|
||||
{ftdata=0; |
||||
JSstringAkva(); |
||||
client->text(jsonStringakva);//jsonStringakva="{\"id\":\"akva\",\"tempakv1\":\"20,1\",\"light1\":\"80 %\",\"timakv1\":\"12.31\",\"fan1\":\"OFF\",\"tempakv2\":\"20,2\",\"light2\":\"82 %\",\"timakv2\":\"12.32\",\"fan2\":\"OFF\",\"tempakv3\":\"20,3\",\"light3\":\"83 %\",\"timakv3\":\"12.33\",\"fan3\":\"OFF\"}";
|
||||
// Serial.println(jsonStringakva);
|
||||
readakva(); |
||||
client->text(strdat.c_str());//отправка суточных данных данных из карты памяти в таблицу
|
||||
} |
||||
if (ftdata==17)//пришел запрос управления akva1.html
|
||||
{ftdata=0; |
||||
JSstringAkva(); |
||||
client->text(jsonStringakva);//jsonStringakva="{\"id\":\"akva\",\"tempakv1\":\"20,1\",\"light1\":\"80 %\",\"timakv1\":\"12.31\",\"fan1\":\"OFF\",\"tempakv2\":\"20,2\",\"light2\":\"82 %\",\"timakv2\":\"12.32\",\"fan2\":\"OFF\",\"tempakv3\":\"20,3\",\"light3\":\"83 %\",\"timakv3\":\"12.33\",\"fan3\":\"OFF\"}";
|
||||
//Serial.println(jsonStringakva);
|
||||
readakva(); |
||||
client->text(strdat.c_str());//отправка суточных данных данных из карты памяти в таблицу
|
||||
} |
||||
if (ftdata==18)//пришел запрос управления akva1.html
|
||||
{ftdata=0; |
||||
// JSstringAkva();
|
||||
// client->text(jsonStringakva);//jsonStringakva="{\"id\":\"akva\",\"tempakv1\":\"20,1\",\"light1\":\"80 %\",\"timakv1\":\"12.31\",\"fan1\":\"OFF\",\"tempakv2\":\"20,2\",\"light2\":\"82 %\",\"timakv2\":\"12.32\",\"fan2\":\"OFF\",\"tempakv3\":\"20,3\",\"light3\":\"83 %\",\"timakv3\":\"12.33\",\"fan3\":\"OFF\"}";
|
||||
//Serial.println(jsonStringakva);
|
||||
readakva(); |
||||
client->text(strdat.c_str());//отправка суточных данных данных из карты памяти в таблицу
|
||||
} |
||||
|
||||
} |
||||
break; |
||||
|
||||
case WS_EVT_DATA: |
||||
{ |
||||
AwsFrameInfo *info = (AwsFrameInfo*)arg; |
||||
if (info->final && info->index == 0 && info->len == len && info->opcode == WS_TEXT) { |
||||
data[len] = '\0'; |
||||
String payload = String((char*)data); |
||||
|
||||
Serial.printf("[%u] Received: %s\n", client->id(), payload.c_str()); |
||||
|
||||
if (payload == "toggle") {//если пришло toggle
|
||||
|
||||
}else{ //{"id":"week","timer1_week":"0111100","timer2_week":"1000011","timer3_week":"0101010"}
|
||||
String js = payload.substring(1,11);//"id":"week" вырезаем нужные данные {"ido":"4","out":1}
|
||||
// Serial.println(js);
|
||||
if((js[1] = 'i')&&(js[6]=='w')) |
||||
{timerweek=payload; |
||||
tweek=1; |
||||
} |
||||
if((js[1] = 'i')&&(js[6]=='t'))// "id":"tout","t1":"100","t2":"010","t3":"001"
|
||||
{timerout=payload; |
||||
Serial.println(timerout); |
||||
tweek=1; |
||||
} |
||||
if((js[1] = 't')&&(js[6]=='1'))//{"timer1":["08:00","09:00","10:00","11:00","12:00","13:00","14:00","15:00","16:00","17:00"],"timer2":["09:30","10:30","11:30","12:30","13:30","14:30","15:30","16:30","17:30","18:30"],"timer3":["10:15","11:15","12:15","13:15","14:15","15:15","16:15","17:15","18:15","19:15"]}
|
||||
{timerdata=payload; |
||||
//Serial.println(timerdata);
|
||||
tdat=1;//флаг разрешения парсинга строки и ее записи на SD
|
||||
} |
||||
// Serial.println(js);
|
||||
if((js[1] = 'i')&&(js[3]=='o'))//{"ido":"4","out":"1"} переключение выхода
|
||||
{ledout=payload; |
||||
//Serial.println(ledout);
|
||||
outconvert();// получен данные преобразуем в массив gpio[4]={0,0,0,1}
|
||||
JSstringOut();//преобразуем состояние выходов gpio[4]={0,0,0,1} в JSON {"id":"out","out1":"1011"}
|
||||
webSocket.textAll(jsonStringout);// выводим всем клиентам w/s
|
||||
btime();
|
||||
} |
||||
} |
||||
|
||||
|
||||
|
||||
} |
||||
} |
||||
break; |
||||
} |
||||
} |
||||
|
||||
|
||||
void setup() { |
||||
pinMode(2, OUTPUT); |
||||
pinMode(4, OUTPUT); |
||||
digitalWrite(4, LOW); |
||||
pinMode(26, OUTPUT); |
||||
digitalWrite(26, LOW); |
||||
pinMode(27, OUTPUT); |
||||
digitalWrite(27, LOW); |
||||
pinMode(5, OUTPUT); |
||||
digitalWrite(5, LOW); |
||||
pinMode(19, OUTPUT); |
||||
digitalWrite(19, HIGH); |
||||
delay(500); |
||||
digitalWrite(19, LOW); |
||||
|
||||
Serial.begin(115200); |
||||
//pinMode(LED_PIN, OUTPUT);
|
||||
rtc.begin();
|
||||
|
||||
// digitalWrite(2, LOW);
|
||||
digitalWrite(2, HIGH); |
||||
Serial.println(WiFi.macAddress()); |
||||
|
||||
sdSPI.begin(SD_SCLK, SD_MISO, SD_MOSI, SD_CS); |
||||
if (!SD.begin(SD_CS, sdSPI)) |
||||
{ |
||||
// if(!SD.begin()){
|
||||
Serial.println("Mounting card mount failed"); |
||||
// return;
|
||||
} |
||||
|
||||
|
||||
|
||||
uint8_t cardType = SD.cardType(); |
||||
if(cardType == CARD_NONE){ |
||||
Serial.println("No SD card attached"); |
||||
//return;
|
||||
} |
||||
uint64_t cardSize = SD.cardSize() / (1024 * 1024); |
||||
Serial.printf("SD Card Size: %lluMB\n", cardSize); |
||||
|
||||
|
||||
if(!SPIFFS.begin()){ |
||||
Serial.println("An Error has occurred while mounting SPIFFS"); |
||||
//return;
|
||||
} |
||||
|
||||
|
||||
Nrfsetup();
|
||||
//settimer();//таймер отсчета времени настр на 5 сек
|
||||
WiFisetup(); |
||||
timeClient.begin(); |
||||
|
||||
timeClient.setTimeOffset(10800);
|
||||
|
||||
|
||||
// ntp();//NTP init
|
||||
/*current_time = hour1 * 60 + min1;
|
||||
for (int i = 0; i <= 1439; i++) { |
||||
if (current_time > 1439) current_time = 0; |
||||
state1 = main_log(BTimer1, state1); |
||||
state2 = main_log(BTimer2, state2); |
||||
state3 = main_log(BTimer3, state3); |
||||
// state4 = main_log(Timer4, state4);
|
||||
current_time++; |
||||
} |
||||
btime(); |
||||
*/ |
||||
timedate(); |
||||
Sdreaddata(); |
||||
Sdread();
|
||||
mySwitch.enableTransmit(22); |
||||
//mySwitch.send("000000000001010100010011");
|
||||
//mySwitch.send("000000000001010100010001");
|
||||
esp_now_register_recv_cb(OnDataRecv); |
||||
|
||||
|
||||
//*******************server******************************************************************
|
||||
// server.on("/", HTTP_GET, handleRoot);
|
||||
server.on("/", HTTP_GET, [](AsyncWebServerRequest *request){ |
||||
request->send(SPIFFS, "/index.html"); |
||||
}); |
||||
server.on("/index.html", HTTP_GET, [](AsyncWebServerRequest *request){ |
||||
request->send(SPIFFS, "/index.html"); |
||||
}); |
||||
// Route to load style.css file
|
||||
server.on("/style.css", HTTP_GET, [](AsyncWebServerRequest *request){ |
||||
request->send(SPIFFS, "/style.css", "text/css"); |
||||
}); |
||||
server.on("/fon.jpg", HTTP_GET, [](AsyncWebServerRequest *request){ |
||||
request->send(SPIFFS, "/fon.jpg"); |
||||
}); |
||||
//*****************************************************************************************************
|
||||
server.on("/upravlenie.html", HTTP_GET, [](AsyncWebServerRequest *request){ |
||||
fobnov=1; |
||||
ftdata=8; |
||||
request->send(SPIFFS, "/upravlenie.html", String(), false, processor); |
||||
}); |
||||
|
||||
//****************************************************************************************************************
|
||||
server.on("/setting.html", HTTP_GET, [](AsyncWebServerRequest *request){ |
||||
ftdata=12; |
||||
request->send(SPIFFS, "/setting.html"); |
||||
}); |
||||
server.on("/inform.html", HTTP_GET, [](AsyncWebServerRequest *request){ |
||||
ftdata=10; |
||||
request->send(SPIFFS, "/inform.html"); |
||||
}); |
||||
server.on("/informtabl.html", HTTP_GET, [](AsyncWebServerRequest *request){ |
||||
ftdata=10; |
||||
request->send(SPIFFS, "/informtabl.html"); |
||||
}); |
||||
|
||||
server.on("/inform1.html", HTTP_GET, [](AsyncWebServerRequest *request){ |
||||
ftdata=1; |
||||
request->send(SPIFFS, "/inform1.html"); |
||||
}); |
||||
server.on("/informtabl1.html", HTTP_GET, [](AsyncWebServerRequest *request){ |
||||
ftdata=1; |
||||
request->send(SPIFFS, "/informtabl1.html"); |
||||
}); |
||||
|
||||
server.on("/inform2.html", HTTP_GET, [](AsyncWebServerRequest *request){ |
||||
ftdata=2; |
||||
request->send(SPIFFS, "/inform2.html"); |
||||
}); |
||||
server.on("/informtabl2.html", HTTP_GET, [](AsyncWebServerRequest *request){ |
||||
ftdata=2; |
||||
request->send(SPIFFS, "/informtabl2.html"); |
||||
}); |
||||
server.on("/inform3.html", HTTP_GET, [](AsyncWebServerRequest *request){ |
||||
ftdata=3; |
||||
request->send(SPIFFS, "/inform3.html"); |
||||
}); |
||||
server.on("/informtabl3.html", HTTP_GET, [](AsyncWebServerRequest *request){ |
||||
ftdata=3; |
||||
request->send(SPIFFS, "/informtabl3.html"); |
||||
}); |
||||
server.on("/inform4.html", HTTP_GET, [](AsyncWebServerRequest *request){ |
||||
ftdata=4; |
||||
request->send(SPIFFS, "/inform4.html"); |
||||
}); |
||||
server.on("/informtabl4.html", HTTP_GET, [](AsyncWebServerRequest *request){ |
||||
ftdata=4; |
||||
request->send(SPIFFS, "/informtabl4.html"); |
||||
}); |
||||
server.on("/inform5.html", HTTP_GET, [](AsyncWebServerRequest *request){ |
||||
ftdata=5; |
||||
request->send(SPIFFS, "/inform5.html"); |
||||
}); |
||||
server.on("/informtabl5.html", HTTP_GET, [](AsyncWebServerRequest *request){ |
||||
ftdata=5; |
||||
request->send(SPIFFS, "/informtabl5.html"); |
||||
}); |
||||
server.on("/inform6.html", HTTP_GET, [](AsyncWebServerRequest *request){ |
||||
ftdata=6; |
||||
request->send(SPIFFS, "/inform6.html"); |
||||
}); |
||||
server.on("/informtabl6.html", HTTP_GET, [](AsyncWebServerRequest *request){ |
||||
ftdata=6; |
||||
request->send(SPIFFS, "/informtabl6.html"); |
||||
}); |
||||
|
||||
server.on("/akva1.html", HTTP_GET, [](AsyncWebServerRequest *request){ |
||||
ftdata=15; |
||||
request->send(SPIFFS, "/akva1.html"); |
||||
}); |
||||
|
||||
server.on("/akva2.html", HTTP_GET, [](AsyncWebServerRequest *request){ |
||||
ftdata=16; |
||||
request->send(SPIFFS, "/akva2.html"); |
||||
}); |
||||
server.on("/akva3.html", HTTP_GET, [](AsyncWebServerRequest *request){ |
||||
ftdata=17; |
||||
request->send(SPIFFS, "/akva3.html"); |
||||
}); |
||||
server.on("/akvadat.html", HTTP_GET, [](AsyncWebServerRequest *request){ |
||||
ftdata=18; |
||||
request->send(SPIFFS, "/akvadat.html"); |
||||
}); |
||||
server.on("/akvagraf.html", HTTP_GET, [](AsyncWebServerRequest *request){ |
||||
ftdata=18; |
||||
request->send(SPIFFS, "/akvagraf.html"); |
||||
}); |
||||
server.on("/timer.html", HTTP_GET, [](AsyncWebServerRequest *request){ |
||||
request->send(SPIFFS, "/timer.html", String(), false, processor); |
||||
}); |
||||
server.on("/akva.html", HTTP_GET, [](AsyncWebServerRequest *request){ |
||||
ftdata=7; |
||||
request->send(SPIFFS, "/akva.html"); |
||||
}); |
||||
|
||||
server.on("/favicon.ico", HTTP_GET, [](AsyncWebServerRequest *request){
|
||||
request->send(SPIFFS, "/favicon.ico"); |
||||
}); |
||||
server.on("/favicon-32x32.png", HTTP_GET, [](AsyncWebServerRequest *request){
|
||||
request->send(SPIFFS, "/favicon-32x32.png"); |
||||
}); |
||||
server.on("/favicon-16x16.png", HTTP_GET, [](AsyncWebServerRequest *request){
|
||||
request->send(SPIFFS, "/favicon-16x16.png"); |
||||
}); |
||||
//********************************************************************************************************
|
||||
JSstringU(); |
||||
JSstringK(); |
||||
server.addHandler(&webSocket); |
||||
webSocket.onEvent(handleWebSocketEvent); |
||||
|
||||
server.begin(); |
||||
esp_task_wdt_init(WDT_TIMEOUT, true); //включить панику, чтобы ESP32 перезапустился
|
||||
esp_task_wdt_add(NULL); //добавить текущий поток в WDT watch
|
||||
|
||||
} |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
void loop() { |
||||
|
||||
// Send data to browser, increasing number every second.
|
||||
if (millis() - countTimeWas >= 1000) { |
||||
countTimeWas = millis(); |
||||
countVal++;//cчетчик до перезапуска сервера
|
||||
countVal1++; |
||||
v++; |
||||
v1++; |
||||
if (idcon>0)// если есть подключения
|
||||
{ String countUpdate1 = "{\"label3\":\"count1\",\"value\":" + String(countVal1) + "}";//отправка числовой переменной
|
||||
webSocket.textAll(countUpdate1);//обновление ws
|
||||
if((tdat==1)||(tweek==1))//есть новые данные для установок таймера
|
||||
{timerconvert(); |
||||
gpio[3]=1;//управление выходами передаем таймеру
|
||||
writeFile(SD, "/timerd.txt", timerdata.c_str());//записываем в этот файл значения для таймера
|
||||
writeFile(SD, "/week.txt", timerweek.c_str());//записываем в этот файл значения недельного таймера
|
||||
writeFile(SD, "/tdout.txt", timerout.c_str());//записываем в этот файл значения выходов к кот подкл таймер
|
||||
//timerout= {"id":"tout","t1":"100","t2":"010","t3":"001"}
|
||||
} |
||||
} |
||||
|
||||
|
||||
// Serial.println(countUpdate1);
|
||||
|
||||
|
||||
|
||||
if (v1>3600) {//60min-
|
||||
delay(0); |
||||
sdsave();// записываем на СД необходимые данные
|
||||
delay(0); |
||||
ntp();//считываем время
|
||||
v1=0;//обнуляем счетчик =3600с
|
||||
delay(0); |
||||
} |
||||
//**************20sek*******************************
|
||||
if (v>19){//20sek
|
||||
JSstringU(); |
||||
JSstringK(); |
||||
JSstringOut(); |
||||
|
||||
|
||||
if((ntp_on==0)&&(idcon==0)) |
||||
{if((hour1==8)&&(min1==15))ntp();//синхронизация времени с NTP
|
||||
|
||||
if((hour1==8)&&(min1>18)) ntp_on==1; //если NTP не отвечает прекращаем до следующего дня
|
||||
} |
||||
|
||||
|
||||
|
||||
|
||||
if((res==1)&&(idcon==0))//idcon=0 клиентов нет
|
||||
{ |
||||
sdsave();// записываем на СД необходимые данные
|
||||
ESP.restart(); //перезагрузка сервака
|
||||
} |
||||
|
||||
res=0;
|
||||
ntphome();//считываем время с esp32
|
||||
nrf(); //проверяем не приш ли данные на NRF
|
||||
Serial.print ("idcon="); |
||||
Serial.println (idcon); |
||||
v=0;//обнуляем счетчик 4*5=20с
|
||||
delay(0); |
||||
vrem();//время работы сайта
|
||||
btime();//проверка сработки таймеров
|
||||
|
||||
|
||||
if (idcon>0)// если есть подключения
|
||||
{ webSocket.textAll(jsonString);//{"id":"0","temperature":12.456787109375,"humidity":77.456787109375,"tim2":"18:15","ti
|
||||
Serial.println(jsonString); |
||||
webSocket.textAll(jsonString2);//{"id":"2","tkom1":"20.0","hkom1":"30.0","batkom1":"4.10","timekom1"
|
||||
Serial.println(jsonString2); |
||||
|
||||
String countUpdate = "{\"label3\":\"count\",\"value\":\"" + String(t10) + "\"}";//отправка строковой переменной время раб сервера
|
||||
webSocket.textAll(countUpdate); |
||||
Serial.println(countUpdate); |
||||
delay(0); |
||||
String countUpdate2 = "{\"label3\":\"count2\",\"value\":\"" + String(timeserv) + "\"}";//отправка строковой переменной врем NTP
|
||||
webSocket.textAll(countUpdate2); |
||||
Serial.println(countUpdate2); |
||||
} |
||||
} |
||||
//**************20sek end*******************************
|
||||
|
||||
if((countVal>3600*2)&&(idcon==0))//прошло более 2 часов и нет подкл клиентов
|
||||
{ if(hour1!=3)res=1;//разрешение на перезагрузку сервака
|
||||
|
||||
} |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
} |
||||
esp_task_wdt_reset();//reset WDT сброс вотчдога
|
||||
} |
||||
@ -0,0 +1,30 @@ |
||||
void WiFisetup() |
||||
{ |
||||
// Set the device as a Station and Soft Access Point simultaneously
|
||||
|
||||
if (!WiFi.config(local_IP, gateway, subnet, primaryDNS, secondaryDNS)) { |
||||
Serial.println("STA Failed to configure"); |
||||
}
|
||||
WiFi.mode(WIFI_AP_STA); |
||||
// Set device as a Wi-Fi Station
|
||||
WiFi.begin(ssid, password); |
||||
digitalWrite(2, LOW); // светодиод погашен
|
||||
|
||||
while (WiFi.status() != WL_CONNECTED) { |
||||
delay(1000); |
||||
Serial.println("Setting as a Wi-Fi Station.."); |
||||
} |
||||
digitalWrite(2, HIGH); // светодиод горит
|
||||
|
||||
Serial.print("Station IP Address: "); |
||||
Serial.println(WiFi.localIP()); |
||||
Serial.print("Wi-Fi Channel: "); |
||||
Serial.println(WiFi.channel()); |
||||
|
||||
// Init ESP-NOW
|
||||
if (esp_now_init() != ESP_OK) { |
||||
Serial.println("Error initializing ESP-NOW"); |
||||
return; |
||||
} |
||||
|
||||
} |
||||
@ -0,0 +1,140 @@ |
||||
<!doctype html> |
||||
<html> |
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<title>Информация</title> |
||||
<link href="style.css" rel="stylesheet" type="text/css"> |
||||
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png"> |
||||
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png"> |
||||
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png"> |
||||
<meta name="msapplication-TileColor" content="#da532c"> |
||||
<meta name="theme-color" content="#ffffff"> |
||||
</head> |
||||
|
||||
<body id="body"> |
||||
|
||||
<div id="containerinf"> |
||||
|
||||
<div class="topnav" ;id="header" > |
||||
<p><h3>ESP-Домашний сервер</h3></p> |
||||
</div> |
||||
<div class="top2"> |
||||
|
||||
<nav1><a href="index.html" title="главное меню">Главное меню</a></nav1> |
||||
<nav1><a href="akva1.html" title="информация">Аквариум-1</a></nav1> |
||||
<nav1><a href="akva2.html" title="информация">Аквариум-2</a></nav1> |
||||
<nav1><a href="akva3.html" title="информация">Аквариум-3</a></nav1> |
||||
<nav1><a href="akvadat.html" title="информация">Данные</a></nav1> |
||||
<nav1><a href="akvagraf.html" title="информация">График температур</a></nav1> |
||||
</div> |
||||
|
||||
|
||||
<div style="text-align: center;"> |
||||
|
||||
<div id="contentinfo"> |
||||
<h1>Аквариум 1</h1> |
||||
<div class="cards"> |
||||
<div class="card temperature"> |
||||
<h4><i class="fas fa-thermometer-half"></i> TEMPERATURE</h4><p><span class="reading"><span id="takv1"></span> °C</span></p><p class="packet">light <span id="light1"></span></p> |
||||
</div> |
||||
<div class="card humidity"> |
||||
<h4><i class="fas fa-tint"></i>FAN</h4><p><span class="reading"><span id="fan1"></span> </span></p><p class="packet">Time <span id="time1"></span></p> |
||||
</div> |
||||
</div> |
||||
|
||||
|
||||
<h1>Аквариум 2</h1> |
||||
<div class="cards"> |
||||
<div class="card temperature"> |
||||
<h4><i class="fas fa-thermometer-half"></i> TEMPERATURE</h4><p><span class="reading"><span id="takv2"></span> °C</span></p><p class="packet">light <span id="light2"> </span></p> |
||||
</div> |
||||
<div class="card humidity"> |
||||
<h4><i class="fas fa-tint"></i>FAN</h4><p><span class="reading"><span id="fan2"></span> </span></p><p class="packet">Time <span id="time2"></span></p> |
||||
</div> |
||||
</div> |
||||
|
||||
|
||||
<h1>Аквариум 3</h1> |
||||
<div class="cards"> |
||||
<div class="card temperature"> |
||||
<h4><i class="fas fa-thermometer-half"></i> TEMPERATURE</h4><p><span class="reading"><span id="takv3"></span> °C</span></p><p class="packet">light <span id="light3"></span></p> |
||||
</div> |
||||
<div class="card humidity"> |
||||
<h4><i class="fas fa-tint"></i>FAN</h4><p><span class="reading"><span id="fan3"></span> </span></p><p class="packet">Time <span id="time3"></span></p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<h1></h1> |
||||
|
||||
<div class="top"> |
||||
<font size="4" >Время работы сервера: </font> |
||||
<font color="#CF7071" size="5"><span id="t10">0:00</span></font> |
||||
<p>Count:<span id="countData1">0:00</span></p> |
||||
</div> |
||||
|
||||
|
||||
|
||||
</div> |
||||
|
||||
</div> |
||||
|
||||
<script type="text/javascript"> |
||||
|
||||
var webSocket; |
||||
connectWebSocket(); |
||||
function connectWebSocket() { |
||||
webSocket = new WebSocket('ws://' + window.location.hostname + '/ws'); |
||||
|
||||
webSocket.onopen = function(event) {//реакция на подключение вебсекета |
||||
console.log('WebSocket connected'); |
||||
}; |
||||
|
||||
webSocket.onmessage = function(event) {//реакция на данные |
||||
var data = JSON.parse(event.data);// |
||||
if (data.label3 === 'count1') { |
||||
document.getElementById("countData1").innerHTML = data.value; |
||||
}; |
||||
if (data.label3 === 'count') { |
||||
document.getElementById("t10").innerHTML = data.value; |
||||
}; |
||||
|
||||
|
||||
if (data.id === 'akva') { |
||||
console.log("readings", event.data); |
||||
document.getElementById("takv1").innerHTML = data.tempakv1; |
||||
document.getElementById("light1").innerHTML = data.light1; |
||||
document.getElementById("time1").innerHTML = data.timakv1; |
||||
document.getElementById("fan1").innerHTML = data.fan1; |
||||
document.getElementById("takv2").innerHTML = data.tempakv2; |
||||
document.getElementById("light2").innerHTML = data.light2; |
||||
document.getElementById("time2").innerHTML = data.timakv2; |
||||
document.getElementById("fan2").innerHTML = data.fan2; |
||||
document.getElementById("takv3").innerHTML = data.tempakv3; |
||||
document.getElementById("light3").innerHTML = data.light3; |
||||
document.getElementById("time3").innerHTML = data.timakv3; |
||||
document.getElementById("fan3").innerHTML = data.fan3; |
||||
}; |
||||
|
||||
|
||||
} |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
webSocket.onclose = function(event) {//реакция на отключение вебсекета |
||||
console.log('WebSocket disconnected'); |
||||
var messageElement = document.getElementById('message'); |
||||
messageElement.innerHTML ='WebSocket disconnected. Reconnecting...'; |
||||
setTimeout(connectWebSocket, 2000); |
||||
setTimeout(function() { messageElement.innerHTML = ''; }, 5000); |
||||
}; |
||||
|
||||
webSocket.onerror = function(event) { |
||||
console.error('WebSocket error:', event); |
||||
}; |
||||
}; |
||||
|
||||
</script> |
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,159 @@ |
||||
<!doctype html> |
||||
<html> |
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<title>Информация</title> |
||||
<link href="style.css" rel="stylesheet" type="text/css"> |
||||
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png"> |
||||
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png"> |
||||
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png"> |
||||
<meta name="msapplication-TileColor" content="#da532c"> |
||||
<meta name="theme-color" content="#ffffff"> |
||||
</head> |
||||
|
||||
<body id="body"> |
||||
|
||||
<div id="containerinf"> |
||||
|
||||
<div class="topnav" ;id="header" > |
||||
<p><h3>ESP-Домашний сервер</h3> |
||||
</div> |
||||
<div class="top2"> |
||||
|
||||
<nav1><a href="index.html" title="главное меню">Главное меню</a></nav1> |
||||
<nav1><a href="akva.html" title="информация">Аквариумы</a></nav1> |
||||
<nav1><a href="akva1.html" title="информация">Аквариум-1</a></nav1> |
||||
<nav1><a href="akva2.html" title="информация">Аквариум-2</a></nav1> |
||||
<nav1><a href="akva3.html" title="информация">Аквариум-3</a></nav1> |
||||
<nav1><a href="akvadat.html" title="информация">Данные</a></nav1> |
||||
<nav1><a href="akvagraf.html" title="информация">График температур</a></nav1> |
||||
</div> |
||||
|
||||
<div style="text-align: center;"> |
||||
|
||||
<div id="contentinfo"> |
||||
<h1>Аквариум 1</h1> |
||||
<div class="cards"> |
||||
<div class="card temperature"> |
||||
<h4><i class="fas fa-thermometer-half"></i> TEMPERATURE</h4><p><span class="reading"><span id="takv1"></span> °C</span></p><p class="packet">light <span id="light1"></span></p> |
||||
</div> |
||||
<div class="card humidity"> |
||||
<h4><i class="fas fa-tint"></i>FAN</h4><p><span class="reading"><span id="fan1"></span> </span></p><p class="packet">Time <span id="time1"></span></p> |
||||
</div> |
||||
</div> |
||||
<div><font size="3" color="#1E4486">................................................... </font> |
||||
</div> |
||||
<div> |
||||
<font size="3" color="#1E4486">таблица данных за сутки</font> |
||||
</div> |
||||
|
||||
|
||||
|
||||
<table style="display: inline-block; color: #160B51; font-size: medium;" id="gable" > |
||||
<colgroup> |
||||
<col class="twenty" /> |
||||
<col class="fourty" /> |
||||
<col class="thirtyfive" /> |
||||
</colgroup> |
||||
<tr> |
||||
<th onclick="sortTable(0)"><span class="glyphicon glyphicon-sort"></span>  Time</th> |
||||
<th onclick="sortTable(1)"><span class="glyphicon glyphicon-sort"></span>  temperatura</th> |
||||
<th onclick="sortTable(2)"><span class="glyphicon glyphicon-sort"></span>  light</th> |
||||
<th onclick="sortTable(3)"><span class="glyphicon glyphicon-sort"></span>  fan</th> |
||||
</tr> |
||||
</table> |
||||
|
||||
|
||||
</div> |
||||
<p class="packet"> <span id="tdata"></span></p> |
||||
</div> |
||||
</div> |
||||
|
||||
<script type="text/javascript"> |
||||
var tabl=0; |
||||
var webSocket; |
||||
connectWebSocket(); |
||||
function connectWebSocket() { |
||||
webSocket = new WebSocket('ws://' + window.location.hostname + '/ws'); |
||||
|
||||
webSocket.onopen = function(event) {//реакция на подключение вебсекета |
||||
console.log('WebSocket connected'); |
||||
}; |
||||
|
||||
webSocket.onmessage = function(event) {//реакция на данные |
||||
var tabd=event.data; |
||||
|
||||
|
||||
|
||||
if(isJsonString(tabd)==1) |
||||
{var data = JSON.parse(event.data);// |
||||
if (data.id === '77') { |
||||
}; |
||||
if (data.id === 'akva') { |
||||
document.getElementById("takv1").innerHTML = data.tempakv1; |
||||
document.getElementById("light1").innerHTML = data.light1; |
||||
document.getElementById("time1").innerHTML = data.timakv1; |
||||
document.getElementById("fan1").innerHTML = data.fan1; |
||||
}; |
||||
|
||||
|
||||
} |
||||
else |
||||
{ |
||||
if(tabl==0) |
||||
{ |
||||
console.log("readings", event.data); |
||||
re = event.data.split("\n"); |
||||
console.log(re); |
||||
var data=[]; |
||||
tabl=1; |
||||
for(var i = 0; i < re.length-1; i++) { |
||||
data[i] = JSON.parse(re[i]); |
||||
console.log("data", data); |
||||
} |
||||
append_json(data); |
||||
} |
||||
//this function appends the json data to the table 'gable' |
||||
function append_json(data){ |
||||
var table = document.getElementById('gable'); |
||||
|
||||
data.forEach(function(object) { |
||||
var tr = document.createElement('tr'); |
||||
tr.innerHTML = '<td>' + object.timakv1 + '</td>' + |
||||
'<td>' + object.tempakv1 + '</td>' + |
||||
'<td>' + object.light1 + '</td>'+ |
||||
'<td>' + object.fan1 + '</td>' |
||||
table.appendChild(tr); |
||||
}); |
||||
} |
||||
} |
||||
}; |
||||
webSocket.onclose = function(event) {//реакция на отключение вебсекета |
||||
console.log('WebSocket disconnected'); |
||||
var messageElement = document.getElementById('message'); |
||||
messageElement.innerHTML ='WebSocket disconnected. Reconnecting...'; |
||||
setTimeout(connectWebSocket, 2000); |
||||
setTimeout(function() { messageElement.innerHTML = ''; }, 5000); |
||||
}; |
||||
webSocket.onerror = function(event) { |
||||
console.error('WebSocket error:', event); |
||||
}; |
||||
} |
||||
|
||||
function isJsonString(str) {//проверка строки на json |
||||
try { |
||||
JSON.parse(str); |
||||
} catch (e) { |
||||
|
||||
return false; |
||||
|
||||
} |
||||
console.log("isJsonString", true); |
||||
return true; |
||||
} |
||||
|
||||
|
||||
|
||||
</script> |
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,160 @@ |
||||
<!doctype html> |
||||
<html> |
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<title>Информация</title> |
||||
<link href="style.css" rel="stylesheet" type="text/css"> |
||||
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png"> |
||||
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png"> |
||||
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png"> |
||||
<meta name="msapplication-TileColor" content="#da532c"> |
||||
<meta name="theme-color" content="#ffffff"> |
||||
</head> |
||||
|
||||
<body id="body"> |
||||
|
||||
<div id="containerinf"> |
||||
|
||||
<div class="topnav" ;id="header" > |
||||
<p><h3>ESP-Домашний сервер</h3> |
||||
</div> |
||||
<div class="top2"> |
||||
|
||||
<nav1><a href="index.html" title="главное меню">Главное меню</a></nav1> |
||||
<nav1><a href="akva.html" title="информация">Аквариумы</a></nav1> |
||||
<nav1><a href="akva1.html" title="информация">Аквариум-1</a></nav1> |
||||
<nav1><a href="akva2.html" title="информация">Аквариум-2</a></nav1> |
||||
<nav1><a href="akva3.html" title="информация">Аквариум-3</a></nav1> |
||||
<nav1><a href="akvadat.html" title="информация">Данные</a></nav1> |
||||
<nav1><a href="akvagraf.html" title="информация">График температур</a></nav1> |
||||
</div> |
||||
|
||||
<div style="text-align: center;"> |
||||
|
||||
<div id="contentinfo"> |
||||
<h1>Аквариум 2</h1> |
||||
<div class="cards"> |
||||
<div class="card temperature"> |
||||
<h4><i class="fas fa-thermometer-half"></i> TEMPERATURE</h4><p><span class="reading"><span id="takv2"></span> °C</span></p><p class="packet">light <span id="light2"></span></p> |
||||
</div> |
||||
<div class="card humidity"> |
||||
<h4><i class="fas fa-tint"></i>FAN</h4><p><span class="reading"><span id="fan2"></span> </span></p><p class="packet">Time <span id="time2"></span></p> |
||||
</div> |
||||
</div> |
||||
<div><font size="3" color="#1E4486">................................................... </font> |
||||
</div> |
||||
<div> |
||||
<font size="3" color="#1E4486">таблица данных за сутки</font> |
||||
</div> |
||||
|
||||
|
||||
|
||||
<table style="display: inline-block; color: #160B51; font-size: medium;" id="gable" > |
||||
<colgroup> |
||||
<col class="twenty" /> |
||||
<col class="fourty" /> |
||||
<col class="thirtyfive" /> |
||||
<col class="thirtyfive" /> |
||||
</colgroup> |
||||
<tr> |
||||
<th onclick="sortTable(0)"><span class="glyphicon glyphicon-sort"></span>  Time</th> |
||||
<th onclick="sortTable(1)"><span class="glyphicon glyphicon-sort"></span>  temperatura</th> |
||||
<th onclick="sortTable(2)"><span class="glyphicon glyphicon-sort"></span>  light</th> |
||||
<th onclick="sortTable(3)"><span class="glyphicon glyphicon-sort"></span>  fan</th> |
||||
</tr> |
||||
</table> |
||||
</div> |
||||
|
||||
</div> |
||||
<p class="packet"> <span id="tdata"></span></p> |
||||
</div> |
||||
|
||||
|
||||
<script type="text/javascript"> |
||||
var tabl=0; |
||||
var webSocket; |
||||
connectWebSocket(); |
||||
function connectWebSocket() { |
||||
webSocket = new WebSocket('ws://' + window.location.hostname + '/ws'); |
||||
|
||||
webSocket.onopen = function(event) {//реакция на подключение вебсекета |
||||
console.log('WebSocket connected'); |
||||
}; |
||||
|
||||
webSocket.onmessage = function(event) {//реакция на данные |
||||
var tabd=event.data; |
||||
|
||||
|
||||
|
||||
if(isJsonString(tabd)==1) |
||||
{var data = JSON.parse(event.data);// |
||||
if (data.id === '77') { |
||||
}; |
||||
if (data.id === 'akva') { |
||||
document.getElementById("takv2").innerHTML = data.tempakv2; |
||||
document.getElementById("light2").innerHTML = data.light2; |
||||
document.getElementById("time2").innerHTML = data.timakv2; |
||||
document.getElementById("fan2").innerHTML = data.fan2; |
||||
}; |
||||
|
||||
|
||||
} |
||||
else |
||||
{ |
||||
if(tabl==0) |
||||
{ |
||||
console.log("readings", event.data); |
||||
re = event.data.split("\n"); |
||||
console.log(re); |
||||
var data=[]; |
||||
tabl=1; |
||||
for(var i = 0; i < re.length-1; i++) { |
||||
data[i] = JSON.parse(re[i]); |
||||
console.log("data", data); |
||||
} |
||||
append_json(data); |
||||
} |
||||
//this function appends the json data to the table 'gable' |
||||
function append_json(data){ |
||||
var table = document.getElementById('gable'); |
||||
|
||||
data.forEach(function(object) { |
||||
var tr = document.createElement('tr'); |
||||
tr.innerHTML = '<td>' + object.timakv2 + '</td>' + |
||||
'<td>' + object.tempakv2 + '</td>' + |
||||
'<td>' + object.light2 + '</td>'+ |
||||
'<td>' + object.fan2 + '</td>' |
||||
table.appendChild(tr); |
||||
}); |
||||
} |
||||
} |
||||
}; |
||||
webSocket.onclose = function(event) {//реакция на отключение вебсекета |
||||
console.log('WebSocket disconnected'); |
||||
var messageElement = document.getElementById('message'); |
||||
messageElement.innerHTML ='WebSocket disconnected. Reconnecting...'; |
||||
setTimeout(connectWebSocket, 2000); |
||||
setTimeout(function() { messageElement.innerHTML = ''; }, 5000); |
||||
}; |
||||
webSocket.onerror = function(event) { |
||||
console.error('WebSocket error:', event); |
||||
}; |
||||
} |
||||
|
||||
function isJsonString(str) {//проверка строки на json |
||||
try { |
||||
JSON.parse(str); |
||||
} catch (e) { |
||||
|
||||
return false; |
||||
|
||||
} |
||||
console.log("isJsonString", true); |
||||
return true; |
||||
} |
||||
|
||||
|
||||
|
||||
</script> |
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,160 @@ |
||||
<!doctype html> |
||||
<html> |
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<title>Информация</title> |
||||
<link href="style.css" rel="stylesheet" type="text/css"> |
||||
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png"> |
||||
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png"> |
||||
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png"> |
||||
<meta name="msapplication-TileColor" content="#da532c"> |
||||
<meta name="theme-color" content="#ffffff"> |
||||
</head> |
||||
|
||||
<body id="body"> |
||||
|
||||
<div id="containerinf"> |
||||
|
||||
<div class="topnav" ;id="header" > |
||||
<p><h3>ESP-Домашний сервер</h3> |
||||
</div> |
||||
<div class="top2"> |
||||
|
||||
<nav1><a href="index.html" title="главное меню">Главное меню</a></nav1> |
||||
<nav1><a href="akva.html" title="информация">Аквариумы</a></nav1> |
||||
<nav1><a href="akva1.html" title="информация">Аквариум-1</a></nav1> |
||||
<nav1><a href="akva2.html" title="информация">Аквариум-2</a></nav1> |
||||
<nav1><a href="akva3.html" title="информация">Аквариум-3</a></nav1> |
||||
<nav1><a href="akvadat.html" title="информация">Данные</a></nav1> |
||||
<nav1><a href="akvagraf.html" title="информация">График температур</a></nav1> |
||||
</div> |
||||
|
||||
<div style="text-align: center;"> |
||||
|
||||
<div id="contentinfo"> |
||||
<h1>Аквариум 3</h1> |
||||
<div class="cards"> |
||||
<div class="card temperature"> |
||||
<h4><i class="fas fa-thermometer-half"></i> TEMPERATURE</h4><p><span class="reading"><span id="takv3"></span> °C</span></p><p class="packet">light <span id="light3"></span></p> |
||||
</div> |
||||
<div class="card humidity"> |
||||
<h4><i class="fas fa-tint"></i>FAN</h4><p><span class="reading"><span id="fan3"></span> </span></p><p class="packet">Time <span id="time3"></span></p> |
||||
</div> |
||||
</div> |
||||
<div><font size="3" color="#1E4486">................................................... </font> |
||||
</div> |
||||
<div> |
||||
<font size="3" color="#1E4486">таблица данных за сутки</font> |
||||
</div> |
||||
|
||||
|
||||
|
||||
<table style="display: inline-block; color: #160B51; font-size: medium;" id="gable" > |
||||
<colgroup> |
||||
<col class="twenty" /> |
||||
<col class="fourty" /> |
||||
<col class="thirtyfive" /> |
||||
<col class="twenty" /> |
||||
</colgroup> |
||||
<tr> |
||||
<th onclick="sortTable(0)"><span class="glyphicon glyphicon-sort"></span>  Time</th> |
||||
<th onclick="sortTable(1)"><span class="glyphicon glyphicon-sort"></span>  temperatura</th> |
||||
<th onclick="sortTable(2)"><span class="glyphicon glyphicon-sort"></span>  light</th> |
||||
<th onclick="sortTable(3)"><span class="glyphicon glyphicon-sort"></span>  fan</th> |
||||
</tr> |
||||
</table> |
||||
</div> |
||||
|
||||
</div> |
||||
<p class="packet"> <span id="tdata"></span></p> |
||||
</div> |
||||
|
||||
|
||||
<script type="text/javascript"> |
||||
var tabl=0; |
||||
var webSocket; |
||||
connectWebSocket(); |
||||
function connectWebSocket() { |
||||
webSocket = new WebSocket('ws://' + window.location.hostname + '/ws'); |
||||
|
||||
webSocket.onopen = function(event) {//реакция на подключение вебсекета |
||||
console.log('WebSocket connected'); |
||||
}; |
||||
|
||||
webSocket.onmessage = function(event) {//реакция на данные |
||||
var tabd=event.data; |
||||
|
||||
|
||||
|
||||
if(isJsonString(tabd)==1) |
||||
{var data = JSON.parse(event.data);// |
||||
if (data.id === '77') { |
||||
}; |
||||
if (data.id === 'akva') { |
||||
document.getElementById("takv3").innerHTML = data.tempakv3; |
||||
document.getElementById("light3").innerHTML = data.light3; |
||||
document.getElementById("time3").innerHTML = data.timakv3; |
||||
document.getElementById("fan3").innerHTML = data.fan3; |
||||
}; |
||||
|
||||
|
||||
} |
||||
else |
||||
{ |
||||
if(tabl==0) |
||||
{ |
||||
console.log("readings", event.data); |
||||
re = event.data.split("\n"); |
||||
console.log(re); |
||||
var data=[]; |
||||
tabl=1; |
||||
for(var i = 0; i < re.length-1; i++) { |
||||
data[i] = JSON.parse(re[i]); |
||||
console.log("data", data); |
||||
} |
||||
append_json(data); |
||||
} |
||||
//this function appends the json data to the table 'gable' |
||||
function append_json(data){ |
||||
var table = document.getElementById('gable'); |
||||
|
||||
data.forEach(function(object) { |
||||
var tr = document.createElement('tr'); |
||||
tr.innerHTML = '<td>' + object.timakv3 + '</td>' + |
||||
'<td>' + object.tempakv3 + '</td>' + |
||||
'<td>' + object.light3 + '</td>'+ |
||||
'<td>' + object.fan3 + '</td>' |
||||
table.appendChild(tr); |
||||
}); |
||||
} |
||||
} |
||||
}; |
||||
webSocket.onclose = function(event) {//реакция на отключение вебсекета |
||||
console.log('WebSocket disconnected'); |
||||
var messageElement = document.getElementById('message'); |
||||
messageElement.innerHTML ='WebSocket disconnected. Reconnecting...'; |
||||
setTimeout(connectWebSocket, 2000); |
||||
setTimeout(function() { messageElement.innerHTML = ''; }, 5000); |
||||
}; |
||||
webSocket.onerror = function(event) { |
||||
console.error('WebSocket error:', event); |
||||
}; |
||||
} |
||||
|
||||
function isJsonString(str) {//проверка строки на json |
||||
try { |
||||
JSON.parse(str); |
||||
} catch (e) { |
||||
|
||||
return false; |
||||
|
||||
} |
||||
console.log("isJsonString", true); |
||||
return true; |
||||
} |
||||
|
||||
|
||||
|
||||
</script> |
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,170 @@ |
||||
<!doctype html> |
||||
<html> |
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<title>Информация</title> |
||||
<link href="style.css" rel="stylesheet" type="text/css"> |
||||
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png"> |
||||
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png"> |
||||
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png"> |
||||
<meta name="msapplication-TileColor" content="#da532c"> |
||||
<meta name="theme-color" content="#ffffff"> |
||||
</head> |
||||
|
||||
<body id="body"> |
||||
|
||||
<div id="containerinf"> |
||||
|
||||
<div class="topnav" ;id="header" > |
||||
<h3>ESP-Домашний сервер</h3> |
||||
</div> |
||||
<div class="top2"> |
||||
|
||||
<nav1><a href="index.html" title="главное меню">Главное меню</a></nav1> |
||||
<nav1><a href="akva.html" title="информация">Аквариумы</a></nav1> |
||||
<nav1><a href="akva1.html" title="информация">Аквариум-1</a></nav1> |
||||
<nav1><a href="akva2.html" title="информация">Аквариум-2</a></nav1> |
||||
<nav1><a href="akva3.html" title="информация">Аквариум-3</a></nav1> |
||||
<nav1><a href="akvadat.html" title="информация">Данные</a></nav1> |
||||
<nav1><a href="akvagraf.html" title="информация">График температур</a></nav1> |
||||
</div> |
||||
|
||||
<div style="text-align: center;"> |
||||
|
||||
<div id="contentinfo"> |
||||
<h1>Аквариум </h1> |
||||
|
||||
|
||||
|
||||
<div> |
||||
<font size="3" color="#1E4486">таблица данных за сутки </font> |
||||
</div> |
||||
<div><font size="3" color="#1E4486">................................................... </font> |
||||
</div> |
||||
|
||||
|
||||
|
||||
<table style="display: inline-block; color: #160B51; font-size: medium;" id="gable" > |
||||
<colgroup> |
||||
<col class="twenty" /> |
||||
<col class="fourty" /> |
||||
<col class="thirtyfive" /> |
||||
<col class="twenty" /> |
||||
<col class="twenty" /> |
||||
<col class="twenty" /> |
||||
<col class="twenty" /> |
||||
<col class="twenty" /> |
||||
<col class="twenty" /> |
||||
<col class="twenty" /> |
||||
</colgroup> |
||||
<tr> |
||||
<th onclick="sortTable(0)"><span class="glyphicon glyphicon-sort"></span>  Time</th> |
||||
<th onclick="sortTable(1)"><span class="glyphicon glyphicon-sort"></span>  temperatura1</th> |
||||
<th onclick="sortTable(2)"><span class="glyphicon glyphicon-sort"></span>  temperatura2</th> |
||||
<th onclick="sortTable(3)"><span class="glyphicon glyphicon-sort"></span>  temperatura3</th> |
||||
<th onclick="sortTable(4)"><span class="glyphicon glyphicon-sort"></span>  light1</th> |
||||
<th onclick="sortTable(5)"><span class="glyphicon glyphicon-sort"></span>  light2</th> |
||||
<th onclick="sortTable(6)"><span class="glyphicon glyphicon-sort"></span>  light3</th> |
||||
<th onclick="sortTable(7)"><span class="glyphicon glyphicon-sort"></span>  fan1</th> |
||||
<th onclick="sortTable(8)"><span class="glyphicon glyphicon-sort"></span>  fan2</th> |
||||
<th onclick="sortTable(9)"><span class="glyphicon glyphicon-sort"></span>  fan3</th> |
||||
</tr> |
||||
</table> |
||||
|
||||
|
||||
</div> |
||||
<p class="packet"> <span id="tdata"></span></p> |
||||
</div> |
||||
|
||||
|
||||
<script type="text/javascript"> |
||||
var tabl=0; |
||||
var webSocket; |
||||
connectWebSocket(); |
||||
function connectWebSocket() { |
||||
webSocket = new WebSocket('ws://' + window.location.hostname + '/ws'); |
||||
|
||||
webSocket.onopen = function(event) {//реакция на подключение вебсекета |
||||
console.log('WebSocket connected'); |
||||
}; |
||||
|
||||
webSocket.onmessage = function(event) {//реакция на данные |
||||
var tabd=event.data; |
||||
|
||||
|
||||
|
||||
if(isJsonString(tabd)==1) |
||||
{var data = JSON.parse(event.data);// |
||||
if (data.id === '77') { |
||||
}; |
||||
if (data.id === 'akva') { |
||||
|
||||
}; |
||||
|
||||
|
||||
} |
||||
else |
||||
{ |
||||
if(tabl==0) |
||||
{ |
||||
console.log("readings", event.data); |
||||
re = event.data.split("\n"); |
||||
console.log(re); |
||||
var data=[]; |
||||
tabl=1; |
||||
for(var i = 0; i < re.length-1; i++) { |
||||
data[i] = JSON.parse(re[i]); |
||||
console.log("data", data); |
||||
} |
||||
append_json(data); |
||||
} |
||||
//this function appends the json data to the table 'gable' |
||||
function append_json(data){ |
||||
var table = document.getElementById('gable'); |
||||
|
||||
data.forEach(function(object) { |
||||
var tr = document.createElement('tr'); |
||||
tr.innerHTML = '<td>' + object.timakv1 + '</td>' + |
||||
'<td>' + object.tempakv1 + '</td>' + |
||||
'<td>' + object.tempakv2 + '</td>' + |
||||
'<td>' + object.tempakv3 + '</td>' + |
||||
'<td>' + object.light1 + '</td>'+ |
||||
'<td>' + object.light2 + '</td>'+ |
||||
'<td>' + object.light3 + '</td>'+ |
||||
'<td>' + object.fan1 + '</td>'+ |
||||
'<td>' + object.fan2 + '</td>'+ |
||||
'<td>' + object.fan3 + '</td>' |
||||
table.appendChild(tr); |
||||
}); |
||||
} |
||||
} |
||||
}; |
||||
webSocket.onclose = function(event) {//реакция на отключение вебсекета |
||||
console.log('WebSocket disconnected'); |
||||
var messageElement = document.getElementById('message'); |
||||
messageElement.innerHTML ='WebSocket disconnected. Reconnecting...'; |
||||
setTimeout(connectWebSocket, 2000); |
||||
setTimeout(function() { messageElement.innerHTML = ''; }, 5000); |
||||
}; |
||||
webSocket.onerror = function(event) { |
||||
console.error('WebSocket error:', event); |
||||
}; |
||||
} |
||||
|
||||
function isJsonString(str) {//проверка строки на json |
||||
try { |
||||
JSON.parse(str); |
||||
} catch (e) { |
||||
|
||||
return false; |
||||
|
||||
} |
||||
console.log("isJsonString", true); |
||||
return true; |
||||
} |
||||
|
||||
|
||||
|
||||
</script> |
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,236 @@ |
||||
<!doctype html> |
||||
<html> |
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<title>Информация</title> |
||||
<link href="style.css" rel="stylesheet" type="text/css"> |
||||
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png"> |
||||
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png"> |
||||
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png"> |
||||
<meta name="msapplication-TileColor" content="#da532c"> |
||||
<meta name="theme-color" content="#ffffff"> |
||||
</head> |
||||
|
||||
<body id="body"> |
||||
|
||||
<div id="containerinf"> |
||||
|
||||
<div class="topnav" ;id="header" > |
||||
<h3>ESP-Домашний сервер</h3> |
||||
</div> |
||||
<div class="top2"> |
||||
<nav1><a href="index.html" title="главное меню">Главное меню</a></nav1> |
||||
<nav1><a href="akva.html" title="информация">Аквариумы</a></nav1> |
||||
<nav1><a href="akva1.html" title="информация">Аквариум-1</a></nav1> |
||||
<nav1><a href="akva2.html" title="информация">Аквариум-2</a></nav1> |
||||
<nav1><a href="akva3.html" title="информация">Аквариум-3</a></nav1> |
||||
<nav1><a href="akvadat.html" title="информация">Данные</a></nav1> |
||||
<nav1><a href="akvagraf.html" title="информация">График температур</a></nav1> |
||||
</div> |
||||
|
||||
|
||||
<div style="text-align: center;"> |
||||
|
||||
<div id="contentinfo"> |
||||
<h1>Аквариум</h1> |
||||
|
||||
|
||||
<p></p> |
||||
<p></p> |
||||
<p></p> |
||||
<div class="top2"> |
||||
<nav id="navigation3"><a href="akvadat.html" title="главное меню">таблица данных за сутки</a></nav> |
||||
</div> |
||||
<p></p> |
||||
<p></p> |
||||
<p></p> |
||||
<div class="contentgraf"> |
||||
<canvas id="line-chart" width="800" height="350"></canvas> |
||||
</div> |
||||
|
||||
|
||||
|
||||
|
||||
</div> |
||||
<p class="packet"> <span id="tdata"></span></p> |
||||
</div> |
||||
</div> |
||||
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.min.js"></script> |
||||
<script type="text/javascript"> |
||||
let ind; |
||||
let w=[]; |
||||
let w1=[]; |
||||
let w2=[]; |
||||
var tabl=0; |
||||
var webSocket; |
||||
connectWebSocket(); |
||||
function connectWebSocket() { |
||||
webSocket = new WebSocket('ws://' + window.location.hostname + '/ws'); |
||||
|
||||
webSocket.onopen = function(event) {//реакция на подключение вебсекета |
||||
console.log('WebSocket connected'); |
||||
}; |
||||
|
||||
webSocket.onmessage = function(event) {//реакция на данные |
||||
var tabd=event.data; |
||||
|
||||
|
||||
|
||||
if(isJsonString(tabd)==1) |
||||
{var data = JSON.parse(event.data);// |
||||
if (data.id === '77') { |
||||
}; |
||||
if (data.id === '2') { |
||||
|
||||
}; |
||||
|
||||
|
||||
} |
||||
else |
||||
{ |
||||
if(tabl==0) |
||||
{ |
||||
console.log("readings", event.data); |
||||
re = event.data.split("\n"); |
||||
// console.log(re); |
||||
var data=[]; |
||||
tabl=1; |
||||
for(var i = 0; i < re.length-1; i++) { |
||||
data[i] = JSON.parse(re[i]); |
||||
console.log("data", data); |
||||
} |
||||
|
||||
|
||||
data.forEach(function(object) { |
||||
console.log(object.Time); |
||||
console.log(object.temperatura); |
||||
console.log(object.humidity); |
||||
var indtemp;// инд для опред кол ва цифр в температуре |
||||
var indtemp1;// инд для опред кол ва цифр в температуре |
||||
var indtemp2;// инд для опред кол ва цифр в температуре |
||||
var indold= ind;//запоминаем предыдущий индекс чтоб не повторять данные |
||||
console.log(object.timakv1.indexOf(":")); |
||||
if(object.timakv1.indexOf(":")==1)//считаем кол-во цифр до : (одна или две ) 1:20 и 19:20 часы это индекс массива данных |
||||
{ind = Number(object.timakv1.substr(0, 1));//если одна то 1 |
||||
} |
||||
else |
||||
{console.log(object.timakv1.substr(0, 2)); // если две то 19 |
||||
ind= Number(object.timakv1.substr(0, 2)); |
||||
} |
||||
//console.log(ind); |
||||
if(ind!=indold) |
||||
{ |
||||
if(ind>indold+1) |
||||
{ var del=ind-indold; |
||||
for (var i = indold; i < ind; i++) { |
||||
console.log(i); |
||||
w[i]=w[indold]; |
||||
w1[i]=w1[indold]; |
||||
w2[i]=w2[indold]; |
||||
// console.log("Notw[ind]="); |
||||
// console.log(w[ind]); |
||||
} |
||||
} |
||||
//console.log(object.temperatura.indexOf(".")); |
||||
indtemp=Number(object.tempakv1.indexOf("."));//кол-во цифр до запятой |
||||
indtemp1=Number(object.tempakv2.indexOf("."));//кол-во цифр до запятой |
||||
indtemp2=Number(object.tempakv3.indexOf("."));//кол-во цифр до запятой |
||||
|
||||
|
||||
if(indtemp==2)//если до запятой 2 знака |
||||
{w[ind]=Number(object.tempakv1.substr(0, 2))*10+Number(object.tempakv1.substr(3, 1)); |
||||
w[ind]=w[ind]/10; |
||||
} |
||||
// console.log("w[ind]="); |
||||
// console.log(w[ind]); |
||||
if(indtemp1==2)//если до запятой 2 знака |
||||
{ w1[ind]=Number(object.tempakv2.substr(0, 2))*10+Number(object.tempakv2.substr(3, 1)); |
||||
w1[ind]=w1[ind]/10; |
||||
} |
||||
if(indtemp2==2)//если до запятой 2 знака |
||||
{ w2[ind]=Number(object.tempakv3.substr(0, 2))*10+Number(object.tempakv3.substr(3, 1)); |
||||
w2[ind]=w2[ind]/10; |
||||
} |
||||
|
||||
if(indtemp==1)//если до запятой 1 знак |
||||
{w[ind]=Number(object.tempakv1.substr(0, 1))*10+Number(object.tempakv1.substr(2, 1)); |
||||
w[ind]=w[ind]/10; |
||||
// console.log("w[ind]="); |
||||
//console.log(w[ind]); |
||||
if(indtemp1==1)//если до запятой 1 знак |
||||
{ w1[ind]=Number(object.tempakv2.substr(0, 1))*10+Number(object.tempakv2.substr(2, 1)); |
||||
w1[ind]=w[ind]/10; |
||||
} |
||||
if(indtemp2==1)//если до запятой 1 знак |
||||
{w2[ind]=Number(object.tempakv3.substr(0, 1))*10+Number(object.tempakv3.substr(2, 1)); |
||||
w2[ind]=w[ind]/10; |
||||
} |
||||
} |
||||
|
||||
} |
||||
}); |
||||
|
||||
new Chart(document.getElementById("line-chart"), { |
||||
type: 'line', |
||||
data: { |
||||
labels: ["00:00","01:00","02:00","03:00","04:00","05:00","06:00","07:00","08:00","09:00","10:00","11:00","12:00","13:00","14:00","15:00","16:00","17:00","18:00","19:00","20:00","21:00","22:00","23:00"], |
||||
datasets: [{ |
||||
data: [w[0],w[1],w[2],w[3],w[4],w[5],w[6],w[7],w[8],w[9],w[10],w[11],w[12],w[13],w[14],w[15],w[16],w[17],w[18],w[19],w[20],w[21],w[22],w[23],], |
||||
label: "Аквариум1 ", |
||||
|
||||
borderColor: "rgba(62,205,149,1.00)", |
||||
backgroundColor: "rgba(62,205,149,0.48)", |
||||
fill: true |
||||
},{ |
||||
data: [w1[0],w1[1],w1[2],w1[3],w1[4],w1[5],w1[6],w1[7],w1[8],w1[9],w1[10],w1[11],w1[12],w1[13],w1[14],w1[15],w1[16],w1[17],w1[18],w1[19],w1[20],w1[21],w1[22],w1[23],], |
||||
label: "Аквариум2 ", |
||||
borderColor: "rgba(229,143,66,1.00)", |
||||
backgroundColor: "rgba(229,143,66,0.48)", |
||||
fill: true |
||||
},{ |
||||
data: [w2[0],w2[1],w2[2],w2[3],w2[4],w2[5],w2[6],w2[7],w2[8],w2[9],w2[10],w2[11],w2[12],w2[13],w2[14],w2[15],w2[16],w2[17],w2[18],w2[19],w2[20],w2[21],w2[22],w2[23],], |
||||
label: "Аквариум3 ", |
||||
borderColor: "rgb(62,149,205)", |
||||
backgroundColor: "rgba(65,138,191,0.68)", |
||||
fill: true |
||||
//fill: false |
||||
}]}, |
||||
options: { |
||||
title: { |
||||
display: true, |
||||
text: 'График суточной температуры' |
||||
} |
||||
} |
||||
}); |
||||
} |
||||
} |
||||
}; |
||||
webSocket.onclose = function(event) {//реакция на отключение вебсекета |
||||
console.log('WebSocket disconnected'); |
||||
var messageElement = document.getElementById('message'); |
||||
messageElement.innerHTML ='WebSocket disconnected. Reconnecting...'; |
||||
setTimeout(connectWebSocket, 2000); |
||||
setTimeout(function() { messageElement.innerHTML = ''; }, 5000); |
||||
}; |
||||
webSocket.onerror = function(event) { |
||||
console.error('WebSocket error:', event); |
||||
}; |
||||
} |
||||
|
||||
function isJsonString(str) {//проверка строки на json |
||||
try { |
||||
JSON.parse(str); |
||||
} catch (e) { |
||||
return false; |
||||
console.log("isJsonString", false); |
||||
} |
||||
console.log("isJsonString", true); |
||||
return true; |
||||
} |
||||
|
||||
|
||||
|
||||
</script> |
||||
</body> |
||||
</html> |
||||
|
After Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 78 KiB |
|
After Width: | Height: | Size: 15 KiB |
|
After Width: | Height: | Size: 775 B |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 7.2 KiB |
|
After Width: | Height: | Size: 50 KiB |
@ -0,0 +1,228 @@ |
||||
<!DOCTYPE html> |
||||
<html> |
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<link href="style.css" rel="stylesheet" type="text/css"> |
||||
<link rel="icon" href="favicon.ico"> |
||||
|
||||
<link rel="icon" type="png" sizes="32x32" href="favicon-32x32.png"> |
||||
<link rel="icon" type="png" sizes="16x16" href="favicon-16x16.png"> |
||||
</head> |
||||
<body> |
||||
<div id="container"> |
||||
|
||||
<div class="topnav" ;id="header" > |
||||
<p><h3>ESP-Домашний сервер</h3></p> |
||||
</div> |
||||
<div class="top2"> |
||||
<nav1><a href="inform1.html" title="информация">улица восток</a></nav1> |
||||
<nav1><a href="inform.html" title="информация">улица запад</a></nav1> |
||||
<nav1><a href="inform4.html" title="информация">коридор</a></nav1> |
||||
<nav1><a href="inform2.html" title="информация">комната1</a></nav1> |
||||
<nav1><a href="inform3.html" title="информация">комната2</a></nav1> |
||||
<nav1><a href="inform6.html" title="информация">кухня</a></nav1> |
||||
<nav1><a href="inform5.html" title="информация">балкон</a></nav1> |
||||
</div> |
||||
<div id="sidebar"> |
||||
|
||||
<div class="manth"> |
||||
<p><span id="munthserv">месяц</span></p> |
||||
</div> |
||||
<div class="data"> |
||||
<p><span id="dataserv">01</span></p> |
||||
<div class="week"> |
||||
<p><span id="weekserv">день</span></p> |
||||
</div> |
||||
</div> |
||||
<div class="times"> |
||||
<p><span id="timeserv1">:</span></p> |
||||
</div> |
||||
<div class="levnav"> |
||||
|
||||
|
||||
|
||||
|
||||
<p> <a href="index.html" title="Главная"> Главная</a></p> |
||||
<p><a href="setting.html" title="настройки">настройки</a></p> |
||||
<p><a href="upravlenie.html" title="управление">управление</a></p> |
||||
<p><a href="inform.html" title="информация">информация</a></p> |
||||
<p><a href="timer.html" title="таймер">таймер</a></p> |
||||
<p><a href="akva.html" title="аквариум">аквариум</a></p> |
||||
|
||||
</div> |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div> |
||||
|
||||
<div id="content"> |
||||
<h1>Улица(восток)</h1> |
||||
<div class="cards"> |
||||
<div class="card temperature"> |
||||
<h4><i class="fas fa-thermometer-half"></i> TEMPERATURE</h4><p><span class="reading"><span id="tul1"></span> °C</span></p><p class="packet">Light <span id="osv1"></span></p> |
||||
</div> |
||||
<div class="card humidity"> |
||||
<h4><i class="fas fa-tint"></i> HUMIDITY</h4><p><span class="reading"><span id="hul1"></span> %</span></p><p class="packet">Time <span id="timeul1"></span></p> |
||||
</div> |
||||
</div> |
||||
<h1>Улица(запад)</h1> |
||||
|
||||
<div class="cards"> |
||||
<div class="card temperature"> |
||||
<h4><i class="fas fa-thermometer-half"></i> TEMPERATURE</h4><p><span class="reading"><span id="t1"></span> °C</span></p><p class="packet">Battery <span id="batz"></span></p> |
||||
</div> |
||||
<div class="card humidity"> |
||||
<h4><i class="fas fa-tint"></i> HUMIDITY</h4><p><span class="reading"><span id="h1"></span> %</span></p><p class="packet">Time <span id="tim3"></span></p> |
||||
</div> |
||||
</div> |
||||
<h1>Комната1</h1> |
||||
<div class="cards"> |
||||
<div class="card temperature"> |
||||
<h4><i class="fas fa-thermometer-half"></i> TEMPERATURE</h4><p><span class="reading"><span id="tkom1"></span> °C</span></p><p class="packet">Battery <span id="batkom1"></span></p> |
||||
</div> |
||||
<div class="card humidity"> |
||||
<h4><i class="fas fa-tint"></i> HUMIDITY</h4><p><span class="reading"><span id="hkom1"></span> %</span></p><p class="packet">Time <span id="timekom1"></span></p> |
||||
</div> |
||||
</div> |
||||
|
||||
<h1>Комната2</h1> |
||||
<div class="cards"> |
||||
<div class="card temperature"> |
||||
<h4><i class="fas fa-thermometer-half"></i> TEMPERATURE</h4><p><span class="reading"><span id="tkom2"></span> °C</span></p><p class="packet">Battery <span id="batkom2"></span></p> |
||||
</div> |
||||
<div class="card humidity"> |
||||
<h4><i class="fas fa-tint"></i> HUMIDITY</h4><p><span class="reading"><span id="hkom2"></span> %</span></p><p class="packet">Time <span id="timekom2"></span></p> |
||||
</div> |
||||
</div> |
||||
<h1>Коридор</h1> |
||||
<div class="cards"> |
||||
<div class="card temperature"> |
||||
<h4><i class="fas fa-thermometer-half"></i> TEMPERATURE</h4><p><span class="reading"><span id="tkor"></span> °C</span></p><p class="packet">Battery <span id="batkor"></span></p> |
||||
</div> |
||||
<div class="card humidity"> |
||||
<h4><i class="fas fa-tint"></i> HUMIDITY</h4><p><span class="reading"><span id="hkor"></span> %</span></p><p class="packet">Time <span id="timekor"></span></p> |
||||
</div> |
||||
</div> |
||||
<h1>Балкон</h1> |
||||
<div class="cards"> |
||||
<div class="card temperature"> |
||||
<h4><i class="fas fa-thermometer-half"></i> TEMPERATURE</h4><p><span class="reading"><span id="tbal"></span> °C</span></p><p class="packet">Battery <span id="batbal"></span></p> |
||||
</div> |
||||
<div class="card humidity"> |
||||
<h4><i class="fas fa-tint"></i> HUMIDITY</h4><p><span class="reading"><span id="hbal"></span> %</span></p><p class="packet">Time <span id="timebal"></span></p> |
||||
</div> |
||||
</div> |
||||
<h1>Кухня</h1> |
||||
<div class="cards"> |
||||
<div class="card temperature"> |
||||
<h4><i class="fas fa-thermometer-half"></i> TEMPERATURE</h4><p><span class="reading"><span id="tul1"></span> °C</span></p><p class="packet">Light <span id="osv1"></span></p> |
||||
</div> |
||||
<div class="card humidity"> |
||||
<h4><i class="fas fa-tint"></i> HUMIDITY</h4><p><span class="reading"><span id="hul1"></span> %</span></p><p class="packet">Time <span id="timeul1"></span></p> |
||||
</div> |
||||
</div> |
||||
|
||||
<h1></h1> |
||||
|
||||
|
||||
<div class="top"> |
||||
<font size="4" >Время работы сервера: </font> |
||||
<font color="#CF7071" size="5"><span id="t10">0:00</span></font> |
||||
<p>Count:<span id="countData1">0:00</span></p> |
||||
</div> |
||||
|
||||
<div id="clear"> |
||||
<p></p> |
||||
<p></p> |
||||
<p></p> |
||||
</div> |
||||
|
||||
</div> |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div> |
||||
|
||||
|
||||
|
||||
<script type="text/javascript"> |
||||
|
||||
|
||||
|
||||
var webSocket; |
||||
connectWebSocket(); |
||||
function connectWebSocket() { |
||||
webSocket = new WebSocket('ws://' + window.location.hostname + '/ws'); |
||||
|
||||
webSocket.onopen = function(event) {//реакция на подключение вебсекета |
||||
console.log('WebSocket connected'); |
||||
}; |
||||
|
||||
webSocket.onmessage = function(event) {//реакция на данные |
||||
var data = JSON.parse(event.data);// |
||||
|
||||
if (data.label3 === 'count1') { |
||||
document.getElementById("countData1").innerHTML = data.value; |
||||
}; |
||||
if (data.label3 === 'count') { |
||||
document.getElementById("t10").innerHTML = data.value; |
||||
}; |
||||
if (data.label3 === 'count2') { |
||||
document.getElementById("timeserv1").innerHTML = data.value; |
||||
}; |
||||
|
||||
if (data.id === '0') { |
||||
document.getElementById("t1").innerHTML = data.temperature; |
||||
document.getElementById("h1").innerHTML = data.humidity; |
||||
document.getElementById("batz").innerHTML = data.batz; |
||||
document.getElementById("tim3").innerHTML = data.tim3; |
||||
document.getElementById("dataserv").innerHTML = data.dataserv; |
||||
document.getElementById("munthserv").innerHTML = data.munthserv; |
||||
document.getElementById("weekserv").innerHTML = data.weekserv; |
||||
}; |
||||
if (data.id === '2') { |
||||
document.getElementById("tkom1").innerHTML = data.tkom1; |
||||
document.getElementById("hkom1").innerHTML = data.hkom1; |
||||
document.getElementById("batkom1").innerHTML = data.batkom1; |
||||
document.getElementById("timekom1").innerHTML = data.timekom1; |
||||
document.getElementById("tkom2").innerHTML = data.tkom2; |
||||
document.getElementById("hkom2").innerHTML = data.hkom2; |
||||
document.getElementById("batkom2").innerHTML = data.batkom2; |
||||
document.getElementById("timekom2").innerHTML = data.timekom2; |
||||
document.getElementById("tkor").innerHTML = data.tkor; |
||||
document.getElementById("hkor").innerHTML = data.hkor; |
||||
document.getElementById("batkor").innerHTML = data.batkor; |
||||
document.getElementById("timekor").innerHTML = data.timekor; |
||||
document.getElementById("tbal").innerHTML = data.tbal; |
||||
document.getElementById("hbal").innerHTML = data.hbal; |
||||
document.getElementById("batbal").innerHTML = data.batbal; |
||||
document.getElementById("timebal").innerHTML = data.timebal; |
||||
document.getElementById("tul1").innerHTML = data.tul1; |
||||
document.getElementById("hul1").innerHTML = data.hul1; |
||||
document.getElementById("osv1").innerHTML = data.osv1; |
||||
document.getElementById("timeul1").innerHTML = data.timeul1; |
||||
}; |
||||
|
||||
} |
||||
webSocket.onclose = function(event) {//реакция на отключение вебсекета |
||||
console.log('WebSocket disconnected'); |
||||
var messageElement = document.getElementById('message'); |
||||
messageElement.innerHTML ='WebSocket disconnected. Reconnecting...'; |
||||
setTimeout(connectWebSocket, 2000); |
||||
setTimeout(function() { messageElement.innerHTML = ''; }, 5000); |
||||
}; |
||||
webSocket.onerror = function(event) { |
||||
console.error('WebSocket error:', event); |
||||
}; |
||||
} |
||||
|
||||
|
||||
|
||||
|
||||
</script> |
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,230 @@ |
||||
<!doctype html> |
||||
<html> |
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<title>Информация</title> |
||||
<link href="style.css" rel="stylesheet" type="text/css"> |
||||
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png"> |
||||
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png"> |
||||
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png"> |
||||
<meta name="msapplication-TileColor" content="#da532c"> |
||||
<meta name="theme-color" content="#ffffff"> |
||||
</head> |
||||
|
||||
<body id="body"> |
||||
|
||||
<div id="containerinf"> |
||||
|
||||
<div class="topnav" ;id="header" > |
||||
<h3>ESP-Домашний сервер</h3> |
||||
</div> |
||||
<div class="top2"> |
||||
<nav1><a href="index.html" title="главное меню">Главное меню</a></nav1> |
||||
<nav1><a href="inform1.html" title="информация">улица восток</a></nav1> |
||||
<nav1><a href="inform.html" title="информация">улица запад</a></nav1> |
||||
<nav1><a href="inform4.html" title="информация">коридор</a></nav1> |
||||
<nav1><a href="inform2.html" title="информация">комната1</a></nav1> |
||||
<nav1><a href="inform3.html" title="информация">комната2</a></nav1> |
||||
<nav1><a href="inform6.html" title="информация">кухня</a></nav1> |
||||
<nav1><a href="inform5.html" title="информация">балкон</a></nav1> |
||||
</div> |
||||
|
||||
|
||||
<div style="text-align: center;"> |
||||
|
||||
<div id="contentinfo"> |
||||
<h1>Улица(запад)</h1> |
||||
<div class="cards"> |
||||
<div class="card temperature"> |
||||
<h4><i class="fas fa-thermometer-half"></i> TEMPERATURE</h4><p><span class="reading"><span id="t1"></span> °C</span></p><p class="packet">Battery <span id="batz"></span></p> |
||||
</div> |
||||
<div class="card humidity"> |
||||
<h4><i class="fas fa-tint"></i> HUMIDITY</h4><p><span class="reading"><span id="h1"></span> %</span></p><p class="packet">Time <span id="tim3"></span></p> |
||||
</div> |
||||
</div> |
||||
<p></p> |
||||
<p></p> |
||||
<p></p> |
||||
<div class="top2"> |
||||
<nav id="navigation3"><a href="informtabl.html" title="главное меню">таблица данных за сутки</a></nav> |
||||
</div> |
||||
<p></p> |
||||
<p></p> |
||||
<p></p> |
||||
<div class="contentgraf"> |
||||
<canvas id="line-chart" width="800" height="350"></canvas> |
||||
</div> |
||||
|
||||
|
||||
|
||||
</div> |
||||
|
||||
</div> |
||||
<p class="packet"> <span id="tdata"></span></p> |
||||
</div> |
||||
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.min.js"></script> |
||||
<script type="text/javascript"> |
||||
let ind; |
||||
let w=[]; |
||||
var tabl=0; |
||||
var webSocket; |
||||
connectWebSocket(); |
||||
function connectWebSocket() { |
||||
webSocket = new WebSocket('ws://' + window.location.hostname + '/ws'); |
||||
|
||||
webSocket.onopen = function(event) {//реакция на подключение вебсекета |
||||
console.log('WebSocket connected'); |
||||
}; |
||||
|
||||
webSocket.onmessage = function(event) {//реакция на данные |
||||
var tabd=event.data; |
||||
|
||||
|
||||
|
||||
if(isJsonString(tabd)==1) |
||||
{var data = JSON.parse(event.data);// |
||||
if (data.id === '77') { |
||||
}; |
||||
if (data.id === '0') { |
||||
console.log("readings", event.data); |
||||
document.getElementById("t1").innerHTML = data.temperature; |
||||
document.getElementById("h1").innerHTML = data.humidity; |
||||
|
||||
document.getElementById("batz").innerHTML = data.batz; |
||||
document.getElementById("tim3").innerHTML = data.tim3; |
||||
}; |
||||
|
||||
|
||||
} |
||||
else |
||||
{ |
||||
if(tabl==0) |
||||
{ |
||||
console.log("readings", event.data); |
||||
re = event.data.split("\n"); |
||||
// console.log(re); |
||||
var data=[]; |
||||
tabl=1; |
||||
for(var i = 0; i < re.length-1; i++) { |
||||
data[i] = JSON.parse(re[i]); |
||||
console.log("data", data); |
||||
} |
||||
|
||||
|
||||
data.forEach(function(object) { |
||||
console.log(object.Time); |
||||
console.log(object.temperatura); |
||||
console.log(object.humidity); |
||||
var indtemp;// инд для опред кол ва цифр в температуре |
||||
var zn; //знак темп - или его нет те + |
||||
var indold= ind;//запоминаем предыдущий индекс чтоб не повторять данные |
||||
console.log(object.Time.indexOf(":")); |
||||
if(object.Time.indexOf(":")==1)//считаем кол-во цифр до : (одна или две ) 1:20 и 19:20 часы это индекс массива данных |
||||
{ind = Number(object.Time.substr(0, 1));//если одна то 1 |
||||
} |
||||
else |
||||
{console.log(object.Time.substr(0, 2)); // если две то 19 |
||||
ind= Number(object.Time.substr(0, 2)); |
||||
} |
||||
//console.log(ind); |
||||
if(ind!=indold) |
||||
{ |
||||
if(ind>indold+1) |
||||
{ var del=ind-indold; |
||||
for (var i = indold; i < ind; i++) { |
||||
console.log(i); |
||||
w[i]=w[indold]; |
||||
// console.log("Notw[ind]="); |
||||
// console.log(w[ind]); |
||||
} |
||||
} |
||||
//console.log(object.temperatura.indexOf(".")); |
||||
indtemp=Number(object.temperatura.indexOf("."));//кол-во цифр до запятой |
||||
|
||||
if(object.temperatura.substr(0, 1)!="-") |
||||
{ |
||||
if(indtemp==2)//если до запятой 2 знака |
||||
{w[ind]=Number(object.temperatura.substr(0, 2))*10+Number(object.temperatura.substr(3, 1)); |
||||
w[ind]=w[ind]/10; |
||||
console.log("w[ind]="); |
||||
console.log(w[ind]); |
||||
} |
||||
if(indtemp==1)//если до запятой 1 знак |
||||
{w[ind]=Number(object.temperatura.substr(0, 1))*10+Number(object.temperatura.substr(2, 1)); |
||||
w[ind]=w[ind]/10; |
||||
// console.log("w[ind]="); |
||||
//console.log(w[ind]); |
||||
|
||||
} |
||||
} |
||||
else//если температура отр |
||||
{if(indtemp==3)//если до запятой 3 знака -10.3 |
||||
{w[ind]=Number(object.temperatura.substr(1, 2))*10+Number(object.temperatura.substr(4, 1)); |
||||
w[ind]=(-1*w[ind])/10; |
||||
// console.log("w[ind]="); |
||||
// console.log(w[ind]); |
||||
} |
||||
if(indtemp==2)//если до запятой 1 знак -2.3 |
||||
{w[ind]=Number(object.temperatura.substr(1, 1))*10+Number(object.temperatura.substr(3, 1)); |
||||
w[ind]=(-1*w[ind])/10; |
||||
// console.log("w[ind]="); |
||||
// console.log(w[ind]); |
||||
} |
||||
|
||||
} |
||||
} |
||||
|
||||
}); |
||||
|
||||
new Chart(document.getElementById("line-chart"), { |
||||
type: 'line', |
||||
data: { |
||||
labels: ["00:00","01:00","02:00","03:00","04:00","05:00","06:00","07:00","08:00","09:00","10:00","11:00","12:00","13:00","14:00","15:00","16:00","17:00","18:00","19:00","20:00","21:00","22:00","23:00"], |
||||
datasets: [{ |
||||
data: [w[0],w[1],w[2],w[3],w[4],w[5],w[6],w[7],w[8],w[9],w[10],w[11],w[12],w[13],w[14],w[15],w[16],w[17],w[18],w[19],w[20],w[21],w[22],w[23],], |
||||
label: "Ул Запад ", |
||||
borderColor: "rgb(62,149,205)", |
||||
backgroundColor: "rgba(65,138,191,0.48)", |
||||
fill: true |
||||
//fill: false |
||||
}]}, |
||||
options: { |
||||
title: { |
||||
display: true, |
||||
text: 'График суточной температуры' |
||||
} |
||||
} |
||||
}); |
||||
} |
||||
} |
||||
}; |
||||
webSocket.onclose = function(event) {//реакция на отключение вебсекета |
||||
console.log('WebSocket disconnected'); |
||||
var messageElement = document.getElementById('message'); |
||||
messageElement.innerHTML ='WebSocket disconnected. Reconnecting...'; |
||||
setTimeout(connectWebSocket, 2000); |
||||
setTimeout(function() { messageElement.innerHTML = ''; }, 5000); |
||||
}; |
||||
webSocket.onerror = function(event) { |
||||
console.error('WebSocket error:', event); |
||||
}; |
||||
} |
||||
|
||||
function isJsonString(str) {//проверка строки на json |
||||
try { |
||||
JSON.parse(str); |
||||
} catch (e) { |
||||
console.log("isJsonString", false); |
||||
return false; |
||||
|
||||
} |
||||
console.log("isJsonString", true); |
||||
return true; |
||||
} |
||||
|
||||
|
||||
|
||||
</script> |
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,227 @@ |
||||
<!doctype html> |
||||
<html> |
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<title>Информация</title> |
||||
<link href="style.css" rel="stylesheet" type="text/css"> |
||||
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png"> |
||||
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png"> |
||||
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png"> |
||||
<meta name="msapplication-TileColor" content="#da532c"> |
||||
<meta name="theme-color" content="#ffffff"> |
||||
</head> |
||||
|
||||
<body id="body"> |
||||
|
||||
<div id="containerinf"> |
||||
|
||||
<div class="topnav" ;id="header" > |
||||
<h3>ESP-Домашний сервер</h3> |
||||
</div> |
||||
<div class="top2"> |
||||
<nav1><a href="index.html" title="главное меню">Главное меню</a></nav1> |
||||
<nav1><a href="inform1.html" title="информация">улица восток</a></nav1> |
||||
<nav1><a href="inform.html" title="информация">улица запад</a></nav1> |
||||
<nav1><a href="inform4.html" title="информация">коридор</a></nav1> |
||||
<nav1><a href="inform2.html" title="информация">комната1</a></nav1> |
||||
<nav1><a href="inform3.html" title="информация">комната2</a></nav1> |
||||
<nav1><a href="inform6.html" title="информация">кухня</a></nav1> |
||||
<nav1><a href="inform5.html" title="информация">балкон</a></nav1> |
||||
</div> |
||||
|
||||
|
||||
<div style="text-align: center;"> |
||||
|
||||
<div id="contentinfo"> |
||||
<h1>Улица(восток)</h1> |
||||
<div class="cards"> |
||||
<div class="card temperature"> |
||||
<h4><i class="fas fa-thermometer-half"></i> TEMPERATURE</h4><p><span class="reading"><span id="tul1"></span> °C</span></p><p class="packet">Light <span id="osv1"></span></p> |
||||
</div> |
||||
<div class="card humidity"> |
||||
<h4><i class="fas fa-tint"></i> HUMIDITY</h4><p><span class="reading"><span id="hul1"></span> %</span></p><p class="packet">Time <span id="timeul1"></span></p> |
||||
</div> |
||||
</div> |
||||
<p></p> |
||||
<p></p> |
||||
<p></p> |
||||
<div class="top2"> |
||||
<nav id="navigation3"><a href="informtabl1.html" title="главное меню">таблица данных за сутки</a></nav> |
||||
</div> |
||||
<p></p> |
||||
<p></p> |
||||
<p></p> |
||||
<div class="contentgraf"> |
||||
<canvas id="line-chart" width="800" height="350"></canvas> |
||||
</div> |
||||
|
||||
|
||||
|
||||
|
||||
</div> |
||||
<p class="packet"> <span id="tdata"></span></p> |
||||
</div> |
||||
</div> |
||||
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.min.js"></script> |
||||
<script type="text/javascript"> |
||||
let ind; |
||||
let w=[]; |
||||
var tabl=0; |
||||
var webSocket; |
||||
connectWebSocket(); |
||||
function connectWebSocket() { |
||||
webSocket = new WebSocket('ws://' + window.location.hostname + '/ws'); |
||||
|
||||
webSocket.onopen = function(event) {//реакция на подключение вебсекета |
||||
console.log('WebSocket connected'); |
||||
}; |
||||
|
||||
webSocket.onmessage = function(event) {//реакция на данные |
||||
var tabd=event.data; |
||||
|
||||
|
||||
|
||||
if(isJsonString(tabd)==1) |
||||
{var data = JSON.parse(event.data);// |
||||
if (data.id === '77') { |
||||
}; |
||||
if (data.id === '2') { |
||||
console.log("readings", event.data); |
||||
document.getElementById("tul1").innerHTML = data.tul1; |
||||
document.getElementById("hul1").innerHTML = data.hul1; |
||||
document.getElementById("osv1").innerHTML = data.osv1; |
||||
document.getElementById("timeul1").innerHTML = data.timeul1; |
||||
}; |
||||
|
||||
|
||||
} |
||||
else |
||||
{ |
||||
if(tabl==0) |
||||
{ |
||||
console.log("readings", event.data); |
||||
re = event.data.split("\n"); |
||||
// console.log(re); |
||||
var data=[]; |
||||
tabl=1; |
||||
for(var i = 0; i < re.length-1; i++) { |
||||
data[i] = JSON.parse(re[i]); |
||||
console.log("data", data); |
||||
} |
||||
|
||||
|
||||
data.forEach(function(object) { |
||||
console.log(object.Time); |
||||
console.log(object.temperatura); |
||||
console.log(object.humidity); |
||||
var indtemp;// инд для опред кол ва цифр в температуре |
||||
var zn; //знак темп - или его нет те + |
||||
var indold= ind;//запоминаем предыдущий индекс чтоб не повторять данные |
||||
console.log(object.Time.indexOf(":")); |
||||
if(object.Time.indexOf(":")==1)//считаем кол-во цифр до : (одна или две ) 1:20 и 19:20 часы это индекс массива данных |
||||
{ind = Number(object.Time.substr(0, 1));//если одна то 1 |
||||
} |
||||
else |
||||
{console.log(object.Time.substr(0, 2)); // если две то 19 |
||||
ind= Number(object.Time.substr(0, 2)); |
||||
} |
||||
//console.log(ind); |
||||
if(ind!=indold) |
||||
{ |
||||
if(ind>indold+1) |
||||
{ var del=ind-indold; |
||||
for (var i = indold; i < ind; i++) { |
||||
console.log(i); |
||||
w[i]=w[indold]; |
||||
// console.log("Notw[ind]="); |
||||
// console.log(w[ind]); |
||||
} |
||||
} |
||||
//console.log(object.temperatura.indexOf(".")); |
||||
indtemp=Number(object.temperatura.indexOf("."));//кол-во цифр до запятой |
||||
|
||||
if(object.temperatura.substr(0, 1)!="-") |
||||
{ |
||||
if(indtemp==2)//если до запятой 2 знака |
||||
{w[ind]=Number(object.temperatura.substr(0, 2))*10+Number(object.temperatura.substr(3, 1)); |
||||
w[ind]=w[ind]/10; |
||||
console.log("w[ind]="); |
||||
console.log(w[ind]); |
||||
} |
||||
if(indtemp==1)//если до запятой 1 знак |
||||
{w[ind]=Number(object.temperatura.substr(0, 1))*10+Number(object.temperatura.substr(2, 1)); |
||||
w[ind]=w[ind]/10; |
||||
// console.log("w[ind]="); |
||||
//console.log(w[ind]); |
||||
|
||||
} |
||||
} |
||||
else//если температура отр |
||||
{if(indtemp==3)//если до запятой 3 знака -10.3 |
||||
{w[ind]=Number(object.temperatura.substr(1, 2))*10+Number(object.temperatura.substr(4, 1)); |
||||
w[ind]=(-1*w[ind])/10; |
||||
// console.log("w[ind]="); |
||||
// console.log(w[ind]); |
||||
} |
||||
if(indtemp==2)//если до запятой 1 знак -2.3 |
||||
{w[ind]=Number(object.temperatura.substr(1, 1))*10+Number(object.temperatura.substr(3, 1)); |
||||
w[ind]=(-1*w[ind])/10; |
||||
// console.log("w[ind]="); |
||||
// console.log(w[ind]); |
||||
} |
||||
|
||||
} |
||||
} |
||||
}); |
||||
|
||||
new Chart(document.getElementById("line-chart"), { |
||||
type: 'line', |
||||
data: { |
||||
labels: ["00:00","01:00","02:00","03:00","04:00","05:00","06:00","07:00","08:00","09:00","10:00","11:00","12:00","13:00","14:00","15:00","16:00","17:00","18:00","19:00","20:00","21:00","22:00","23:00"], |
||||
datasets: [{ |
||||
data: [w[0],w[1],w[2],w[3],w[4],w[5],w[6],w[7],w[8],w[9],w[10],w[11],w[12],w[13],w[14],w[15],w[16],w[17],w[18],w[19],w[20],w[21],w[22],w[23],], |
||||
label: "Ул Восток ", |
||||
borderColor: "rgb(62,149,205)", |
||||
backgroundColor: "rgba(65,138,191,0.48)", |
||||
fill: true |
||||
//fill: false |
||||
}]}, |
||||
options: { |
||||
title: { |
||||
display: true, |
||||
text: 'График суточной температуры' |
||||
} |
||||
} |
||||
}); |
||||
} |
||||
} |
||||
}; |
||||
webSocket.onclose = function(event) {//реакция на отключение вебсекета |
||||
console.log('WebSocket disconnected'); |
||||
var messageElement = document.getElementById('message'); |
||||
messageElement.innerHTML ='WebSocket disconnected. Reconnecting...'; |
||||
setTimeout(connectWebSocket, 2000); |
||||
setTimeout(function() { messageElement.innerHTML = ''; }, 5000); |
||||
}; |
||||
webSocket.onerror = function(event) { |
||||
console.error('WebSocket error:', event); |
||||
}; |
||||
} |
||||
|
||||
function isJsonString(str) {//проверка строки на json |
||||
try { |
||||
JSON.parse(str); |
||||
} catch (e) { |
||||
return false; |
||||
console.log("isJsonString", false); |
||||
} |
||||
console.log("isJsonString", true); |
||||
return true; |
||||
} |
||||
|
||||
|
||||
|
||||
</script> |
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,229 @@ |
||||
<!doctype html> |
||||
<html> |
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<title>Информация</title> |
||||
<link href="style.css" rel="stylesheet" type="text/css"> |
||||
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png"> |
||||
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png"> |
||||
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png"> |
||||
<meta name="msapplication-TileColor" content="#da532c"> |
||||
<meta name="theme-color" content="#ffffff"> |
||||
</head> |
||||
|
||||
<body id="body"> |
||||
|
||||
<div id="containerinf"> |
||||
|
||||
<div class="topnav" ;id="header" > |
||||
<h3>ESP-Домашний сервер</h3> |
||||
</div> |
||||
|
||||
<div class="top2"> |
||||
<nav1><a href="index.html" title="главное меню">Главное меню</a></nav1> |
||||
<nav1><a href="inform1.html" title="информация">улица восток</a></nav1> |
||||
<nav1><a href="inform.html" title="информация">улица запад</a></nav1> |
||||
<nav1><a href="inform4.html" title="информация">коридор</a></nav1> |
||||
<nav1><a href="inform2.html" title="информация">комната1</a></nav1> |
||||
<nav1><a href="inform3.html" title="информация">комната2</a></nav1> |
||||
<nav1><a href="inform6.html" title="информация">кухня</a></nav1> |
||||
<nav1><a href="inform5.html" title="информация">балкон</a></nav1> |
||||
</div> |
||||
|
||||
|
||||
<div style="text-align: center;"> |
||||
|
||||
<div id="contentinfo"> |
||||
<h1>Комната1</h1> |
||||
<div class="cards"> |
||||
<div class="card temperature"> |
||||
<h4><i class="fas fa-thermometer-half"></i> TEMPERATURE</h4><p><span class="reading"><span id="tkom1"></span> °C</span></p><p class="packet">Battery <span id="batkom1"></span></p> |
||||
</div> |
||||
<div class="card humidity"> |
||||
<h4><i class="fas fa-tint"></i> HUMIDITY</h4><p><span class="reading"><span id="hkom1"></span> %</span></p><p class="packet">Time <span id="timekom1"></span></p> |
||||
</div> |
||||
</div> |
||||
<p></p> |
||||
<p></p> |
||||
<p></p> |
||||
<div class="top2"> |
||||
<nav id="navigation3"><a href="informtabl2.html" title="главное меню">таблица данных за сутки</a></nav> |
||||
</div> |
||||
<p></p> |
||||
<p></p> |
||||
<p></p> |
||||
<div class="contentgraf"> |
||||
<canvas id="line-chart" width="800" height="350"></canvas> |
||||
</div> |
||||
|
||||
|
||||
|
||||
|
||||
</div> |
||||
</div> |
||||
<p class="packet"> <span id="tdata"></span></p> |
||||
</div> |
||||
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.min.js"></script> |
||||
<script type="text/javascript"> |
||||
let ind; |
||||
let w=[]; |
||||
var tabl=0; |
||||
var webSocket; |
||||
connectWebSocket(); |
||||
function connectWebSocket() { |
||||
webSocket = new WebSocket('ws://' + window.location.hostname + '/ws'); |
||||
|
||||
webSocket.onopen = function(event) {//реакция на подключение вебсекета |
||||
console.log('WebSocket connected'); |
||||
}; |
||||
|
||||
webSocket.onmessage = function(event) {//реакция на данные |
||||
var tabd=event.data; |
||||
|
||||
|
||||
|
||||
if(isJsonString(tabd)==1) |
||||
{var data = JSON.parse(event.data);// |
||||
if (data.id === '77') { |
||||
}; |
||||
if (data.id === '2') { |
||||
console.log("readings", event.data); |
||||
document.getElementById("tkom1").innerHTML = data.tkom1; |
||||
document.getElementById("hkom1").innerHTML = data.hkom1; |
||||
document.getElementById("batkom1").innerHTML = data.batkom1; |
||||
document.getElementById("timekom1").innerHTML = data.timekom1; |
||||
}; |
||||
|
||||
|
||||
} |
||||
else |
||||
{ |
||||
if(tabl==0) |
||||
{ |
||||
console.log("readings", event.data); |
||||
re = event.data.split("\n"); |
||||
// console.log(re); |
||||
var data=[]; |
||||
tabl=1; |
||||
for(var i = 0; i < re.length-1; i++) { |
||||
data[i] = JSON.parse(re[i]); |
||||
console.log("data", data); |
||||
} |
||||
|
||||
|
||||
data.forEach(function(object) { |
||||
console.log(object.Time); |
||||
console.log(object.temperatura); |
||||
console.log(object.humidity); |
||||
var indtemp;// инд для опред кол ва цифр в температуре |
||||
var zn; //знак темп - или его нет те + |
||||
var indold= ind;//запоминаем предыдущий индекс чтоб не повторять данные |
||||
console.log(object.Time.indexOf(":")); |
||||
if(object.Time.indexOf(":")==1)//считаем кол-во цифр до : (одна или две ) 1:20 и 19:20 часы это индекс массива данных |
||||
{ind = Number(object.Time.substr(0, 1));//если одна то 1 |
||||
} |
||||
else |
||||
{console.log(object.Time.substr(0, 2)); // если две то 19 |
||||
ind= Number(object.Time.substr(0, 2)); |
||||
} |
||||
//console.log(ind); |
||||
if(ind!=indold) |
||||
{ |
||||
if(ind>indold+1) |
||||
{ var del=ind-indold; |
||||
for (var i = indold; i < ind; i++) { |
||||
console.log(i); |
||||
w[i]=w[indold]; |
||||
// console.log("Notw[ind]="); |
||||
// console.log(w[ind]); |
||||
} |
||||
} |
||||
//console.log(object.temperatura.indexOf(".")); |
||||
indtemp=Number(object.temperatura.indexOf("."));//кол-во цифр до запятой |
||||
|
||||
if(object.temperatura.substr(0, 1)!="-") |
||||
{ |
||||
if(indtemp==2)//если до запятой 2 знака |
||||
{w[ind]=Number(object.temperatura.substr(0, 2))*10+Number(object.temperatura.substr(3, 1)); |
||||
w[ind]=w[ind]/10; |
||||
console.log("w[ind]="); |
||||
console.log(w[ind]); |
||||
} |
||||
if(indtemp==1)//если до запятой 1 знак |
||||
{w[ind]=Number(object.temperatura.substr(0, 1))*10+Number(object.temperatura.substr(2, 1)); |
||||
w[ind]=w[ind]/10; |
||||
// console.log("w[ind]="); |
||||
//console.log(w[ind]); |
||||
|
||||
} |
||||
} |
||||
else//если температура отр |
||||
{if(indtemp==3)//если до запятой 3 знака -10.3 |
||||
{w[ind]=Number(object.temperatura.substr(1, 2))*10+Number(object.temperatura.substr(4, 1)); |
||||
w[ind]=(-1*w[ind])/10; |
||||
// console.log("w[ind]="); |
||||
// console.log(w[ind]); |
||||
} |
||||
if(indtemp==2)//если до запятой 1 знак -2.3 |
||||
{w[ind]=Number(object.temperatura.substr(1, 1))*10+Number(object.temperatura.substr(3, 1)); |
||||
w[ind]=(-1*w[ind])/10; |
||||
// console.log("w[ind]="); |
||||
// console.log(w[ind]); |
||||
} |
||||
|
||||
} |
||||
} |
||||
|
||||
}); |
||||
|
||||
new Chart(document.getElementById("line-chart"), { |
||||
type: 'line', |
||||
data: { |
||||
labels: ["00:00","01:00","02:00","03:00","04:00","05:00","06:00","07:00","08:00","09:00","10:00","11:00","12:00","13:00","14:00","15:00","16:00","17:00","18:00","19:00","20:00","21:00","22:00","23:00"], |
||||
datasets: [{ |
||||
data: [w[0],w[1],w[2],w[3],w[4],w[5],w[6],w[7],w[8],w[9],w[10],w[11],w[12],w[13],w[14],w[15],w[16],w[17],w[18],w[19],w[20],w[21],w[22],w[23],], |
||||
label: "Комната1 ", |
||||
borderColor: "rgb(62,149,205)", |
||||
backgroundColor: "rgba(65,138,191,0.48)", |
||||
fill: true |
||||
//fill: false |
||||
}]}, |
||||
options: { |
||||
title: { |
||||
display: true, |
||||
text: 'График суточной температуры' |
||||
} |
||||
} |
||||
}); |
||||
} |
||||
} |
||||
}; |
||||
webSocket.onclose = function(event) {//реакция на отключение вебсекета |
||||
console.log('WebSocket disconnected'); |
||||
var messageElement = document.getElementById('message'); |
||||
messageElement.innerHTML ='WebSocket disconnected. Reconnecting...'; |
||||
setTimeout(connectWebSocket, 2000); |
||||
setTimeout(function() { messageElement.innerHTML = ''; }, 5000); |
||||
}; |
||||
webSocket.onerror = function(event) { |
||||
console.error('WebSocket error:', event); |
||||
}; |
||||
} |
||||
|
||||
function isJsonString(str) {//проверка строки на json |
||||
try { |
||||
JSON.parse(str); |
||||
} catch (e) { |
||||
return false; |
||||
|
||||
} |
||||
console.log("isJsonString", true); |
||||
return true; |
||||
} |
||||
|
||||
|
||||
|
||||
</script> |
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,228 @@ |
||||
<!doctype html> |
||||
<html> |
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<title>Информация</title> |
||||
<link href="style.css" rel="stylesheet" type="text/css"> |
||||
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png"> |
||||
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png"> |
||||
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png"> |
||||
<meta name="msapplication-TileColor" content="#da532c"> |
||||
<meta name="theme-color" content="#ffffff"> |
||||
</head> |
||||
|
||||
<body id="body"> |
||||
|
||||
<div id="containerinf"> |
||||
|
||||
<div class="topnav" ;id="header" > |
||||
<h3>ESP-Домашний сервер</h3> |
||||
</div> |
||||
<div class="top2"> |
||||
<nav1><a href="index.html" title="главное меню">Главное меню</a></nav1> |
||||
<nav1><a href="inform1.html" title="информация">улица восток</a></nav1> |
||||
<nav1><a href="inform.html" title="информация">улица запад</a></nav1> |
||||
<nav1><a href="inform4.html" title="информация">коридор</a></nav1> |
||||
<nav1><a href="inform2.html" title="информация">комната1</a></nav1> |
||||
<nav1><a href="inform3.html" title="информация">комната2</a></nav1> |
||||
<nav1><a href="inform6.html" title="информация">кухня</a></nav1> |
||||
<nav1><a href="inform5.html" title="информация">балкон</a></nav1> |
||||
</div> |
||||
|
||||
|
||||
<div style="text-align: center;"> |
||||
|
||||
<div id="contentinfo"> |
||||
<h1>Комната2</h1> |
||||
<div class="cards"> |
||||
<div class="card temperature"> |
||||
<h4><i class="fas fa-thermometer-half"></i> TEMPERATURE</h4><p><span class="reading"><span id="tkom2"></span> °C</span></p><p class="packet">Battery <span id="batkom2"></span></p> |
||||
</div> |
||||
<div class="card humidity"> |
||||
<h4><i class="fas fa-tint"></i> HUMIDITY</h4><p><span class="reading"><span id="hkom2"></span> %</span></p><p class="packet">Time <span id="timekom2"></span></p> |
||||
</div> |
||||
</div> |
||||
<p></p> |
||||
<p></p> |
||||
<p></p> |
||||
<div class="top2"> |
||||
<nav id="navigation3"><a href="informtabl3.html" title="главное меню">таблица данных за сутки</a></nav> |
||||
</div> |
||||
<p></p> |
||||
<p></p> |
||||
<p></p> |
||||
<div class="contentgraf"> |
||||
<canvas id="line-chart" width="800" height="350"></canvas> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<p class="packet"> <span id="tdata"></span></p> |
||||
</div> |
||||
|
||||
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.min.js"></script> |
||||
<script type="text/javascript"> |
||||
let ind=-1; |
||||
let w=[]; |
||||
var tabl=0; |
||||
var webSocket; |
||||
connectWebSocket(); |
||||
function connectWebSocket() { |
||||
webSocket = new WebSocket('ws://' + window.location.hostname + '/ws'); |
||||
|
||||
webSocket.onopen = function(event) {//реакция на подключение вебсекета |
||||
console.log('WebSocket connected'); |
||||
}; |
||||
|
||||
webSocket.onmessage = function(event) {//реакция на данные |
||||
var tabd=event.data; |
||||
|
||||
|
||||
|
||||
if(isJsonString(tabd)==1) |
||||
{var data = JSON.parse(event.data);// |
||||
if (data.id === '77') { |
||||
}; |
||||
if (data.id === '2') { |
||||
console.log("readings", event.data); |
||||
document.getElementById("tkom2").innerHTML = data.tkom2; |
||||
document.getElementById("hkom2").innerHTML = data.hkom2; |
||||
document.getElementById("batkom2").innerHTML = data.batkom2; |
||||
document.getElementById("timekom2").innerHTML = data.timekom2; |
||||
}; |
||||
|
||||
|
||||
} |
||||
else |
||||
{ |
||||
if(tabl==0) |
||||
{ |
||||
console.log("readings", event.data); |
||||
re = event.data.split("\n"); |
||||
// console.log(re); |
||||
var data=[]; |
||||
tabl=1; |
||||
for(var i = 0; i < re.length-1; i++) { |
||||
data[i] = JSON.parse(re[i]); |
||||
//console.log("data", data); |
||||
} |
||||
|
||||
|
||||
data.forEach(function(object) { |
||||
// console.log(object.Time); |
||||
// console.log(object.temperatura); |
||||
//console.log(object.humidity); |
||||
var indtemp;// инд для опред кол ва цифр в температуре |
||||
var zn; //знак темп - или его нет те + |
||||
var indold= ind;//запоминаем предыдущий индекс чтоб не повторять данные |
||||
// console.log(object.Time.indexOf(":")); |
||||
if(object.Time.indexOf(":")==1)//считаем кол-во цифр до : (одна или две ) 1:20 и 19:20 часы это индекс массива данных |
||||
{ind = Number(object.Time.substr(0, 1));//если одна то 1 |
||||
} |
||||
else |
||||
{//console.log(object.Time.substr(0, 2)); // если две то 19 |
||||
ind= Number(object.Time.substr(0, 2)); |
||||
} |
||||
//console.log("ind="); |
||||
//console.log(ind); |
||||
// console.log("indold="); |
||||
//console.log(indold); |
||||
if(ind!=indold) |
||||
{ |
||||
if(ind>indold+1) |
||||
{ var del=ind-indold; |
||||
for (var i = indold; i < ind; i++) { |
||||
console.log(i); |
||||
w[i]=w[indold]; |
||||
// console.log("Notw[ind]="); |
||||
// console.log(w[ind]); |
||||
} |
||||
} |
||||
//console.log(object.temperatura.indexOf(".")); |
||||
indtemp=Number(object.temperatura.indexOf("."));//кол-во цифр до запятой |
||||
|
||||
if(object.temperatura.substr(0, 1)!="-") |
||||
{ |
||||
if(indtemp==2)//если до запятой 2 знака |
||||
{w[ind]=Number(object.temperatura.substr(0, 2))*10+Number(object.temperatura.substr(3, 1)); |
||||
w[ind]=w[ind]/10; |
||||
console.log("w[ind]="); |
||||
console.log(w[ind]); |
||||
} |
||||
if(indtemp==1)//если до запятой 1 знак |
||||
{w[ind]=Number(object.temperatura.substr(0, 1))*10+Number(object.temperatura.substr(2, 1)); |
||||
w[ind]=w[ind]/10; |
||||
// console.log("w[ind]="); |
||||
//console.log(w[ind]); |
||||
|
||||
} |
||||
} |
||||
else//если температура отр |
||||
{if(indtemp==3)//если до запятой 3 знака -10.3 |
||||
{w[ind]=Number(object.temperatura.substr(1, 2))*10+Number(object.temperatura.substr(4, 1)); |
||||
w[ind]=(-1*w[ind])/10; |
||||
// console.log("w[ind]="); |
||||
// console.log(w[ind]); |
||||
} |
||||
if(indtemp==2)//если до запятой 1 знак -2.3 |
||||
{w[ind]=Number(object.temperatura.substr(1, 1))*10+Number(object.temperatura.substr(3, 1)); |
||||
w[ind]=(-1*w[ind])/10; |
||||
// console.log("w[ind]="); |
||||
// console.log(w[ind]); |
||||
} |
||||
|
||||
} |
||||
} |
||||
|
||||
}); |
||||
|
||||
new Chart(document.getElementById("line-chart"), { |
||||
type: 'line', |
||||
data: { |
||||
labels: ["00:00","01:00","02:00","03:00","04:00","05:00","06:00","07:00","08:00","09:00","10:00","11:00","12:00","13:00","14:00","15:00","16:00","17:00","18:00","19:00","20:00","21:00","22:00","23:00"], |
||||
datasets: [{ |
||||
data: [w[0],w[1],w[2],w[3],w[4],w[5],w[6],w[7],w[8],w[9],w[10],w[11],w[12],w[13],w[14],w[15],w[16],w[17],w[18],w[19],w[20],w[21],w[22],w[23],], |
||||
label: "Комната2 ", |
||||
borderColor: "rgb(62,149,205)", |
||||
backgroundColor: "rgba(65,138,191,0.48)", |
||||
fill: true |
||||
//fill: false |
||||
}]}, |
||||
options: { |
||||
title: { |
||||
display: true, |
||||
text: 'График суточной температуры' |
||||
} |
||||
} |
||||
}); |
||||
} |
||||
} |
||||
}; |
||||
webSocket.onclose = function(event) {//реакция на отключение вебсекета |
||||
console.log('WebSocket disconnected'); |
||||
var messageElement = document.getElementById('message'); |
||||
messageElement.innerHTML ='WebSocket disconnected. Reconnecting...'; |
||||
setTimeout(connectWebSocket, 2000); |
||||
setTimeout(function() { messageElement.innerHTML = ''; }, 5000); |
||||
}; |
||||
webSocket.onerror = function(event) { |
||||
console.error('WebSocket error:', event); |
||||
}; |
||||
} |
||||
|
||||
function isJsonString(str) {//проверка строки на json |
||||
try { |
||||
JSON.parse(str); |
||||
} catch (e) { |
||||
return false; |
||||
|
||||
} |
||||
console.log("isJsonString", true); |
||||
return true; |
||||
} |
||||
|
||||
|
||||
|
||||
</script> |
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,226 @@ |
||||
<!doctype html> |
||||
<html> |
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<title>Информация</title> |
||||
<link href="style.css" rel="stylesheet" type="text/css"> |
||||
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png"> |
||||
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png"> |
||||
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png"> |
||||
<meta name="msapplication-TileColor" content="#da532c"> |
||||
<meta name="theme-color" content="#ffffff"> |
||||
</head> |
||||
|
||||
<body id="body"> |
||||
|
||||
<div id="containerinf"> |
||||
|
||||
<div class="topnav" ;id="header" > |
||||
<h3>ESP-Домашний сервер</h3> |
||||
</div> |
||||
<div class="top2"> |
||||
<nav1><a href="index.html" title="главное меню">Главное меню</a></nav1> |
||||
<nav1><a href="inform1.html" title="информация">улица восток</a></nav1> |
||||
<nav1><a href="inform.html" title="информация">улица запад</a></nav1> |
||||
<nav1><a href="inform4.html" title="информация">коридор</a></nav1> |
||||
<nav1><a href="inform2.html" title="информация">комната1</a></nav1> |
||||
<nav1><a href="inform3.html" title="информация">комната2</a></nav1> |
||||
<nav1><a href="inform6.html" title="информация">кухня</a></nav1> |
||||
<nav1><a href="inform5.html" title="информация">балкон</a></nav1> |
||||
</div> |
||||
|
||||
|
||||
<div style="text-align: center;"> |
||||
|
||||
<div id="contentinfo"> |
||||
<h1>Коридор</h1> |
||||
<div class="cards"> |
||||
<div class="card temperature"> |
||||
<h4><i class="fas fa-thermometer-half"></i> TEMPERATURE</h4><p><span class="reading"><span id="tkor"></span> °C</span></p><p class="packet">Battery <span id="batkor"></span></p> |
||||
</div> |
||||
<div class="card humidity"> |
||||
<h4><i class="fas fa-tint"></i> HUMIDITY</h4><p><span class="reading"><span id="hkor"></span> %</span></p><p class="packet">Time <span id="timekor"></span></p> |
||||
</div> |
||||
</div> |
||||
<p></p> |
||||
<p></p> |
||||
<p></p> |
||||
<div class="top2"> |
||||
<nav id="navigation3"><a href="informtabl4.html" title="главное меню">таблица данных за сутки</a></nav> |
||||
</div> |
||||
<p></p> |
||||
<p></p> |
||||
<p></p> |
||||
<div class="contentgraf"> |
||||
<canvas id="line-chart" width="800" height="350"></canvas> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<p class="packet"> <span id="tdata"></span></p> |
||||
</div> |
||||
|
||||
|
||||
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.min.js"></script> |
||||
<script type="text/javascript"> |
||||
let ind; |
||||
let w=[]; |
||||
var tabl=0; |
||||
var webSocket; |
||||
connectWebSocket(); |
||||
function connectWebSocket() { |
||||
webSocket = new WebSocket('ws://' + window.location.hostname + '/ws'); |
||||
|
||||
webSocket.onopen = function(event) {//реакция на подключение вебсекета |
||||
console.log('WebSocket connected'); |
||||
}; |
||||
|
||||
webSocket.onmessage = function(event) {//реакция на данные |
||||
var tabd=event.data; |
||||
|
||||
|
||||
|
||||
if(isJsonString(tabd)==1) |
||||
{var data = JSON.parse(event.data);// |
||||
if (data.id === '77') { |
||||
}; |
||||
if (data.id === '2') { |
||||
document.getElementById("tkor").innerHTML = data.tkor; |
||||
document.getElementById("hkor").innerHTML = data.hkor; |
||||
document.getElementById("batkor").innerHTML = data.batkor; |
||||
document.getElementById("timekor").innerHTML = data.timekor; |
||||
}; |
||||
|
||||
|
||||
} |
||||
else |
||||
{ |
||||
if(tabl==0) |
||||
{ |
||||
console.log("readings", event.data); |
||||
re = event.data.split("\n"); |
||||
// console.log(re); |
||||
var data=[]; |
||||
tabl=1; |
||||
for(var i = 0; i < re.length-1; i++) { |
||||
data[i] = JSON.parse(re[i]); |
||||
console.log("data", data); |
||||
} |
||||
|
||||
|
||||
data.forEach(function(object) { |
||||
console.log(object.Time); |
||||
console.log(object.temperatura); |
||||
console.log(object.humidity); |
||||
var indtemp;// инд для опред кол ва цифр в температуре |
||||
var zn; //знак темп - или его нет те + |
||||
var indold= ind;//запоминаем предыдущий индекс чтоб не повторять данные |
||||
console.log(object.Time.indexOf(":")); |
||||
if(object.Time.indexOf(":")==1)//считаем кол-во цифр до : (одна или две ) 1:20 и 19:20 часы это индекс массива данных |
||||
{ind = Number(object.Time.substr(0, 1));//если одна то 1 |
||||
} |
||||
else |
||||
{console.log(object.Time.substr(0, 2)); // если две то 19 |
||||
ind= Number(object.Time.substr(0, 2)); |
||||
} |
||||
//console.log(ind); |
||||
if(ind!=indold) |
||||
{ |
||||
if(ind>indold+1) |
||||
{ var del=ind-indold; |
||||
for (var i = indold; i < ind; i++) { |
||||
console.log(i); |
||||
w[i]=w[indold]; |
||||
// console.log("Notw[ind]="); |
||||
// console.log(w[ind]); |
||||
} |
||||
} |
||||
//console.log(object.temperatura.indexOf(".")); |
||||
indtemp=Number(object.temperatura.indexOf("."));//кол-во цифр до запятой |
||||
|
||||
if(object.temperatura.substr(0, 1)!="-") |
||||
{ |
||||
if(indtemp==2)//если до запятой 2 знака |
||||
{w[ind]=Number(object.temperatura.substr(0, 2))*10+Number(object.temperatura.substr(3, 1)); |
||||
w[ind]=w[ind]/10; |
||||
console.log("w[ind]="); |
||||
console.log(w[ind]); |
||||
} |
||||
if(indtemp==1)//если до запятой 1 знак |
||||
{w[ind]=Number(object.temperatura.substr(0, 1))*10+Number(object.temperatura.substr(2, 1)); |
||||
w[ind]=w[ind]/10; |
||||
// console.log("w[ind]="); |
||||
//console.log(w[ind]); |
||||
|
||||
} |
||||
} |
||||
else//если температура отр |
||||
{if(indtemp==3)//если до запятой 3 знака -10.3 |
||||
{w[ind]=Number(object.temperatura.substr(1, 2))*10+Number(object.temperatura.substr(4, 1)); |
||||
w[ind]=(-1*w[ind])/10; |
||||
// console.log("w[ind]="); |
||||
// console.log(w[ind]); |
||||
} |
||||
if(indtemp==2)//если до запятой 1 знак -2.3 |
||||
{w[ind]=Number(object.temperatura.substr(1, 1))*10+Number(object.temperatura.substr(3, 1)); |
||||
w[ind]=(-1*w[ind])/10; |
||||
// console.log("w[ind]="); |
||||
// console.log(w[ind]); |
||||
} |
||||
|
||||
} |
||||
} |
||||
|
||||
}); |
||||
|
||||
new Chart(document.getElementById("line-chart"), { |
||||
type: 'line', |
||||
data: { |
||||
labels: ["00:00","01:00","02:00","03:00","04:00","05:00","06:00","07:00","08:00","09:00","10:00","11:00","12:00","13:00","14:00","15:00","16:00","17:00","18:00","19:00","20:00","21:00","22:00","23:00"], |
||||
datasets: [{ |
||||
data: [w[0],w[1],w[2],w[3],w[4],w[5],w[6],w[7],w[8],w[9],w[10],w[11],w[12],w[13],w[14],w[15],w[16],w[17],w[18],w[19],w[20],w[21],w[22],w[23],], |
||||
label: "Коридор ", |
||||
borderColor: "rgb(62,149,205)", |
||||
backgroundColor: "rgba(65,138,191,0.48)", |
||||
fill: true |
||||
//fill: false |
||||
}]}, |
||||
options: { |
||||
title: { |
||||
display: true, |
||||
text: 'График суточной температуры' |
||||
} |
||||
} |
||||
}); |
||||
} |
||||
} |
||||
}; |
||||
webSocket.onclose = function(event) {//реакция на отключение вебсекета |
||||
console.log('WebSocket disconnected'); |
||||
var messageElement = document.getElementById('message'); |
||||
messageElement.innerHTML ='WebSocket disconnected. Reconnecting...'; |
||||
setTimeout(connectWebSocket, 2000); |
||||
setTimeout(function() { messageElement.innerHTML = ''; }, 5000); |
||||
}; |
||||
webSocket.onerror = function(event) { |
||||
console.error('WebSocket error:', event); |
||||
}; |
||||
} |
||||
|
||||
function isJsonString(str) {//проверка строки на json |
||||
try { |
||||
JSON.parse(str); |
||||
} catch (e) { |
||||
|
||||
return false; |
||||
|
||||
} |
||||
console.log("isJsonString", true); |
||||
return true; |
||||
} |
||||
|
||||
|
||||
|
||||
</script> |
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,227 @@ |
||||
<!doctype html> |
||||
<html> |
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<title>Информация</title> |
||||
<link href="style.css" rel="stylesheet" type="text/css"> |
||||
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png"> |
||||
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png"> |
||||
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png"> |
||||
<meta name="msapplication-TileColor" content="#da532c"> |
||||
<meta name="theme-color" content="#ffffff"> |
||||
</head> |
||||
|
||||
<body id="body"> |
||||
|
||||
<div id="containerinf"> |
||||
|
||||
<div class="topnav" ;id="header" > |
||||
<h3>ESP-Домашний сервер</h3> |
||||
</div> |
||||
<div class="top2"> |
||||
<nav1><a href="index.html" title="главное меню">Главное меню</a></nav1> |
||||
<nav1><a href="inform1.html" title="информация">улица восток</a></nav1> |
||||
<nav1><a href="inform.html" title="информация">улица запад</a></nav1> |
||||
<nav1><a href="inform4.html" title="информация">коридор</a></nav1> |
||||
<nav1><a href="inform2.html" title="информация">комната1</a></nav1> |
||||
<nav1><a href="inform3.html" title="информация">комната2</a></nav1> |
||||
<nav1><a href="inform6.html" title="информация">кухня</a></nav1> |
||||
<nav1><a href="inform5.html" title="информация">балкон</a></nav1> |
||||
</div> |
||||
|
||||
|
||||
<div style="text-align: center;"> |
||||
|
||||
<div id="contentinfo"> |
||||
<h1>Балкон</h1> |
||||
<div class="cards"> |
||||
<div class="card temperature"> |
||||
<h4><i class="fas fa-thermometer-half"></i> TEMPERATURE</h4><p><span class="reading"><span id="tbal"></span> °C</span></p><p class="packet">Battery <span id="batbal"></span></p> |
||||
</div> |
||||
<div class="card humidity"> |
||||
<h4><i class="fas fa-tint"></i> HUMIDITY</h4><p><span class="reading"><span id="hbal"></span> %</span></p><p class="packet">Time <span id="timebal"></span></p> |
||||
</div> |
||||
</div> |
||||
<p></p> |
||||
<p></p> |
||||
<p></p> |
||||
<div class="top2"> |
||||
<nav id="navigation3"><a href="informtabl5.html" title="главное меню">таблица данных за сутки</a></nav> |
||||
</div> |
||||
<p></p> |
||||
<p></p> |
||||
<p></p> |
||||
<div class="contentgraf"> |
||||
<canvas id="line-chart" width="800" height="350"></canvas> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<p class="packet"> <span id="tdata"></span></p> |
||||
</div> |
||||
|
||||
|
||||
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.min.js"></script> |
||||
<script type="text/javascript"> |
||||
let ind; |
||||
let w=[]; |
||||
var tabl=0; |
||||
var webSocket; |
||||
connectWebSocket(); |
||||
function connectWebSocket() { |
||||
webSocket = new WebSocket('ws://' + window.location.hostname + '/ws'); |
||||
|
||||
webSocket.onopen = function(event) {//реакция на подключение вебсекета |
||||
console.log('WebSocket connected'); |
||||
}; |
||||
|
||||
webSocket.onmessage = function(event) {//реакция на данные |
||||
var tabd=event.data; |
||||
|
||||
|
||||
|
||||
if(isJsonString(tabd)==1) |
||||
{var data = JSON.parse(event.data);// |
||||
if (data.id === '77') { |
||||
}; |
||||
if (data.id === '2') { |
||||
console.log("readings", event.data); |
||||
|
||||
document.getElementById("tbal").innerHTML = data.tbal; |
||||
document.getElementById("hbal").innerHTML = data.hbal; |
||||
document.getElementById("batbal").innerHTML = data.batbal; |
||||
document.getElementById("timebal").innerHTML = data.timebal; |
||||
}; |
||||
|
||||
|
||||
} |
||||
else |
||||
{ |
||||
if(tabl==0) |
||||
{ |
||||
console.log("readings", event.data); |
||||
re = event.data.split("\n"); |
||||
// console.log(re); |
||||
var data=[]; |
||||
tabl=1; |
||||
for(var i = 0; i < re.length-1; i++) { |
||||
data[i] = JSON.parse(re[i]); |
||||
console.log("data", data); |
||||
} |
||||
|
||||
|
||||
data.forEach(function(object) { |
||||
console.log(object.Time); |
||||
console.log(object.temperatura); |
||||
console.log(object.humidity); |
||||
var indtemp;// инд для опред кол ва цифр в температуре |
||||
var zn; //знак темп - или его нет те + |
||||
var indold= ind;//запоминаем предыдущий индекс чтоб не повторять данные |
||||
console.log(object.Time.indexOf(":")); |
||||
if(object.Time.indexOf(":")==1)//считаем кол-во цифр до : (одна или две ) 1:20 и 19:20 часы это индекс массива данных |
||||
{ind = Number(object.Time.substr(0, 1));//если одна то 1 |
||||
} |
||||
else |
||||
{console.log(object.Time.substr(0, 2)); // если две то 19 |
||||
ind= Number(object.Time.substr(0, 2)); |
||||
} |
||||
//console.log(ind); |
||||
if(ind!=indold) |
||||
{ |
||||
if(ind>indold+1) |
||||
{ var del=ind-indold; |
||||
for (var i = indold; i < ind; i++) { |
||||
console.log(i); |
||||
w[i]=w[indold]; |
||||
// console.log("Notw[ind]="); |
||||
// console.log(w[ind]); |
||||
} |
||||
} |
||||
//console.log(object.temperatura.indexOf(".")); |
||||
indtemp=Number(object.temperatura.indexOf("."));//кол-во цифр до запятой |
||||
|
||||
if(object.temperatura.substr(0, 1)!="-") |
||||
{ |
||||
if(indtemp==2)//если до запятой 2 знака |
||||
{w[ind]=Number(object.temperatura.substr(0, 2))*10+Number(object.temperatura.substr(3, 1)); |
||||
w[ind]=w[ind]/10; |
||||
console.log("w[ind]="); |
||||
console.log(w[ind]); |
||||
} |
||||
if(indtemp==1)//если до запятой 1 знак |
||||
{w[ind]=Number(object.temperatura.substr(0, 1))*10+Number(object.temperatura.substr(2, 1)); |
||||
w[ind]=w[ind]/10; |
||||
// console.log("w[ind]="); |
||||
//console.log(w[ind]); |
||||
|
||||
} |
||||
} |
||||
else//если температура отр |
||||
{if(indtemp==3)//если до запятой 3 знака -10.3 |
||||
{w[ind]=Number(object.temperatura.substr(1, 2))*10+Number(object.temperatura.substr(4, 1)); |
||||
w[ind]=(-1*w[ind])/10; |
||||
// console.log("w[ind]="); |
||||
// console.log(w[ind]); |
||||
} |
||||
if(indtemp==2)//если до запятой 1 знак -2.3 |
||||
{w[ind]=Number(object.temperatura.substr(1, 1))*10+Number(object.temperatura.substr(3, 1)); |
||||
w[ind]=(-1*w[ind])/10; |
||||
// console.log("w[ind]="); |
||||
// console.log(w[ind]); |
||||
} |
||||
|
||||
} |
||||
} |
||||
|
||||
}); |
||||
|
||||
new Chart(document.getElementById("line-chart"), { |
||||
type: 'line', |
||||
data: { |
||||
labels: ["00:00","01:00","02:00","03:00","04:00","05:00","06:00","07:00","08:00","09:00","10:00","11:00","12:00","13:00","14:00","15:00","16:00","17:00","18:00","19:00","20:00","21:00","22:00","23:00"], |
||||
datasets: [{ |
||||
data: [w[0],w[1],w[2],w[3],w[4],w[5],w[6],w[7],w[8],w[9],w[10],w[11],w[12],w[13],w[14],w[15],w[16],w[17],w[18],w[19],w[20],w[21],w[22],w[23],], |
||||
label: "Балкон ", |
||||
borderColor: "rgb(62,149,205)", |
||||
backgroundColor: "rgba(65,138,191,0.48)", |
||||
fill: true |
||||
//fill: false |
||||
}]}, |
||||
options: { |
||||
title: { |
||||
display: true, |
||||
text: 'График суточной температуры' |
||||
} |
||||
} |
||||
}); |
||||
} |
||||
} |
||||
}; |
||||
webSocket.onclose = function(event) {//реакция на отключение вебсекета |
||||
console.log('WebSocket disconnected'); |
||||
var messageElement = document.getElementById('message'); |
||||
messageElement.innerHTML ='WebSocket disconnected. Reconnecting...'; |
||||
setTimeout(connectWebSocket, 2000); |
||||
setTimeout(function() { messageElement.innerHTML = ''; }, 5000); |
||||
}; |
||||
webSocket.onerror = function(event) { |
||||
console.error('WebSocket error:', event); |
||||
}; |
||||
} |
||||
|
||||
function isJsonString(str) {//проверка строки на json |
||||
try { |
||||
JSON.parse(str); |
||||
} catch (e) { |
||||
return false; |
||||
|
||||
} |
||||
console.log("isJsonString", true); |
||||
return true; |
||||
} |
||||
|
||||
|
||||
|
||||
</script> |
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,157 @@ |
||||
<!doctype html> |
||||
<html> |
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<title>Информация</title> |
||||
<link href="style.css" rel="stylesheet" type="text/css"> |
||||
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png"> |
||||
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png"> |
||||
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png"> |
||||
<meta name="msapplication-TileColor" content="#da532c"> |
||||
<meta name="theme-color" content="#ffffff"> |
||||
</head> |
||||
|
||||
<body id="body"> |
||||
|
||||
<div id="containerinf"> |
||||
|
||||
<div class="topnav" ;id="header" > |
||||
<p><h3>ESP-Домашний сервер</h3> |
||||
</div> |
||||
<div class="top2"> |
||||
<nav1><a href="index.html" title="главное меню">Главное меню</a></nav1> |
||||
<nav1><a href="inform1.html" title="информация">улица восток</a></nav1> |
||||
<nav1><a href="inform.html" title="информация">улица запад</a></nav1> |
||||
<nav1><a href="inform4.html" title="информация">коридор</a></nav1> |
||||
<nav1><a href="inform2.html" title="информация">комната1</a></nav1> |
||||
<nav1><a href="inform3.html" title="информация">комната2</a></nav1> |
||||
<nav1><a href="inform6.html" title="информация">кухня</a></nav1> |
||||
<nav1><a href="inform5.html" title="информация">балкон</a></nav1> |
||||
</div> |
||||
|
||||
|
||||
<div style="text-align: center;"> |
||||
|
||||
<div id="contentinfo"> |
||||
<h1>Кухня</h1> |
||||
<div class="cards"> |
||||
<div class="card temperature"> |
||||
<h4><i class="fas fa-thermometer-half"></i> TEMPERATURE</h4><p><span class="reading"><span id="tul1"></span> °C</span></p><p class="packet">Light <span id="osv1"></span></p> |
||||
</div> |
||||
<div class="card humidity"> |
||||
<h4><i class="fas fa-tint"></i> HUMIDITY</h4><p><span class="reading"><span id="hul1"></span> %</span></p><p class="packet">Time <span id="timeul1"></span></p> |
||||
</div> |
||||
</div> |
||||
<div><font size="3" color="#1E4486">................................................... </font> |
||||
</div> |
||||
<div> |
||||
<font size="3" color="#1E4486">таблица температуры за сутки</font> |
||||
</div> |
||||
|
||||
|
||||
|
||||
<table style="display: inline-block; color: #160B51; font-size: medium;" id="gable" > |
||||
<colgroup> |
||||
<col class="twenty" /> |
||||
<col class="fourty" /> |
||||
<col class="thirtyfive" /> |
||||
</colgroup> |
||||
<tr> |
||||
<th onclick="sortTable(0)"><span class="glyphicon glyphicon-sort"></span>  Time</th> |
||||
<th onclick="sortTable(1)"><span class="glyphicon glyphicon-sort"></span>  temperatura</th> |
||||
<th onclick="sortTable(2)"><span class="glyphicon glyphicon-sort"></span>  humidity</th> |
||||
</tr> |
||||
</table> |
||||
</div> |
||||
</div> |
||||
<p class="packet"> <span id="tdata"></span></p> |
||||
</div> |
||||
|
||||
|
||||
<script type="text/javascript"> |
||||
var tabl=0; |
||||
var webSocket; |
||||
connectWebSocket(); |
||||
function connectWebSocket() { |
||||
webSocket = new WebSocket('ws://' + window.location.hostname + '/ws'); |
||||
|
||||
webSocket.onopen = function(event) {//реакция на подключение вебсекета |
||||
console.log('WebSocket connected'); |
||||
}; |
||||
|
||||
webSocket.onmessage = function(event) {//реакция на данные |
||||
var tabd=event.data; |
||||
|
||||
|
||||
|
||||
if(isJsonString(tabd)==1) |
||||
{var data = JSON.parse(event.data);// |
||||
if (data.id === '77') { |
||||
}; |
||||
if (data.id === '2') { |
||||
console.log("readings", event.data); |
||||
document.getElementById("tul1").innerHTML = data.tul1; |
||||
document.getElementById("hul1").innerHTML = data.hul1; |
||||
document.getElementById("osv1").innerHTML = data.osv1; |
||||
document.getElementById("timeul1").innerHTML = data.timeul1; |
||||
}; |
||||
|
||||
|
||||
} |
||||
else |
||||
{ |
||||
if(tabl==0) |
||||
{ |
||||
console.log("readings", event.data); |
||||
re = event.data.split("\n"); |
||||
console.log(re); |
||||
var data=[]; |
||||
tabl=1; |
||||
for(var i = 0; i < re.length-1; i++) { |
||||
data[i] = JSON.parse(re[i]); |
||||
console.log("data", data); |
||||
} |
||||
append_json(data); |
||||
} |
||||
//this function appends the json data to the table 'gable' |
||||
function append_json(data){ |
||||
var table = document.getElementById('gable'); |
||||
|
||||
data.forEach(function(object) { |
||||
var tr = document.createElement('tr'); |
||||
tr.innerHTML = '<td>' + object.Time + '</td>' + |
||||
'<td>' + object.temperatura + '</td>' + |
||||
'<td>' + object.humidity + '</td>' |
||||
table.appendChild(tr); |
||||
}); |
||||
} |
||||
} |
||||
}; |
||||
webSocket.onclose = function(event) {//реакция на отключение вебсекета |
||||
console.log('WebSocket disconnected'); |
||||
var messageElement = document.getElementById('message'); |
||||
messageElement.innerHTML ='WebSocket disconnected. Reconnecting...'; |
||||
setTimeout(connectWebSocket, 2000); |
||||
setTimeout(function() { messageElement.innerHTML = ''; }, 5000); |
||||
}; |
||||
webSocket.onerror = function(event) { |
||||
console.error('WebSocket error:', event); |
||||
}; |
||||
} |
||||
|
||||
function isJsonString(str) {//проверка строки на json |
||||
try { |
||||
JSON.parse(str); |
||||
} catch (e) { |
||||
return false; |
||||
|
||||
} |
||||
console.log("isJsonString", true); |
||||
return true; |
||||
} |
||||
|
||||
|
||||
|
||||
</script> |
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,151 @@ |
||||
<!doctype html> |
||||
<html> |
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<title>Информация</title> |
||||
<link href="style.css" rel="stylesheet" type="text/css"> |
||||
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png"> |
||||
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png"> |
||||
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png"> |
||||
<link rel="manifest" href="imajes/site.webmanifest"> |
||||
<link rel="mask-icon" href="imajes/safari-pinned-tab.svg" color="#5bbad5"> |
||||
<meta name="msapplication-TileColor" content="#da532c"> |
||||
<meta name="theme-color" content="#ffffff"> |
||||
</head> |
||||
|
||||
<body id="body"> |
||||
|
||||
<div id="containerinf"> |
||||
|
||||
<div class="topnav" ;id="header" > |
||||
<p><h3>ESP-Домашний сервер</h3> |
||||
</div> |
||||
<nav id="navigation3"><a href="index.html" title="главное меню">Главное меню</a></nav> |
||||
|
||||
|
||||
<div style="text-align: center;"> |
||||
|
||||
<div id="contentinfo"> |
||||
<h1>Улица(восток)</h1> |
||||
<div class="cards"> |
||||
<div class="card temperature"> |
||||
<h4><i class="fas fa-thermometer-half"></i> TEMPERATURE</h4><p><span class="reading"><span id="tul1"></span> °C</span></p><p class="packet">Light <span id="osv1"></span></p> |
||||
</div> |
||||
<div class="card humidity"> |
||||
<h4><i class="fas fa-tint"></i> HUMIDITY</h4><p><span class="reading"><span id="hul1"></span> %</span></p><p class="packet">Time <span id="timeul1"></span></p> |
||||
</div> |
||||
</div> |
||||
<div><font size="3" color="#1E4486">................................................... </font> |
||||
</div> |
||||
<div> |
||||
<font size="3" color="#1E4486">таблица температуры за сутки</font> |
||||
</div> |
||||
|
||||
|
||||
|
||||
<table style="display: inline-block; color: #160B51; font-size: medium;" id="gable" > |
||||
<colgroup> |
||||
<col class="twenty" /> |
||||
<col class="fourty" /> |
||||
<col class="thirtyfive" /> |
||||
</colgroup> |
||||
<tr> |
||||
<th onclick="sortTable(0)"><span class="glyphicon glyphicon-sort"></span>  Time</th> |
||||
<th onclick="sortTable(1)"><span class="glyphicon glyphicon-sort"></span>  temperatura</th> |
||||
<th onclick="sortTable(2)"><span class="glyphicon glyphicon-sort"></span>  humidity</th> |
||||
</tr> |
||||
</table> |
||||
</div> |
||||
</div> |
||||
<p class="packet"> <span id="tdata"></span></p> |
||||
</div> |
||||
|
||||
|
||||
|
||||
<script type="text/javascript"> |
||||
var tabl=0; |
||||
var webSocket; |
||||
connectWebSocket(); |
||||
function connectWebSocket() { |
||||
webSocket = new WebSocket('ws://' + window.location.hostname + '/ws'); |
||||
|
||||
webSocket.onopen = function(event) {//реакция на подключение вебсекета |
||||
console.log('WebSocket connected'); |
||||
}; |
||||
|
||||
webSocket.onmessage = function(event) {//реакция на данные |
||||
var tabd=event.data; |
||||
|
||||
|
||||
|
||||
if(isJsonString(tabd)==1) |
||||
{var data = JSON.parse(event.data);// |
||||
if (data.id === '77') { |
||||
}; |
||||
if (data.id === '2') { |
||||
console.log("readings", event.data); |
||||
document.getElementById("tul1").innerHTML = data.tul1; |
||||
document.getElementById("hul1").innerHTML = data.hul1; |
||||
document.getElementById("osv1").innerHTML = data.osv1; |
||||
document.getElementById("timeul1").innerHTML = data.timeul1; |
||||
}; |
||||
|
||||
|
||||
} |
||||
else |
||||
{ |
||||
if(tabl==0) |
||||
{ |
||||
console.log("readings", event.data); |
||||
re = event.data.split("\n"); |
||||
console.log(re); |
||||
var data=[]; |
||||
tabl=1; |
||||
for(var i = 0; i < re.length-1; i++) { |
||||
data[i] = JSON.parse(re[i]); |
||||
console.log("data", data); |
||||
} |
||||
append_json(data); |
||||
} |
||||
//this function appends the json data to the table 'gable' |
||||
function append_json(data){ |
||||
var table = document.getElementById('gable'); |
||||
|
||||
data.forEach(function(object) { |
||||
var tr = document.createElement('tr'); |
||||
tr.innerHTML = '<td>' + object.Time + '</td>' + |
||||
'<td>' + object.temperatura + '</td>' + |
||||
'<td>' + object.humidity + '</td>' |
||||
table.appendChild(tr); |
||||
}); |
||||
} |
||||
} |
||||
}; |
||||
webSocket.onclose = function(event) {//реакция на отключение вебсекета |
||||
console.log('WebSocket disconnected'); |
||||
var messageElement = document.getElementById('message'); |
||||
messageElement.innerHTML ='WebSocket disconnected. Reconnecting...'; |
||||
setTimeout(connectWebSocket, 2000); |
||||
setTimeout(function() { messageElement.innerHTML = ''; }, 5000); |
||||
}; |
||||
webSocket.onerror = function(event) { |
||||
console.error('WebSocket error:', event); |
||||
}; |
||||
} |
||||
|
||||
function isJsonString(str) {//проверка строки на json |
||||
try { |
||||
JSON.parse(str); |
||||
} catch (e) { |
||||
return false; |
||||
console.log("isJsonString", false); |
||||
} |
||||
console.log("isJsonString", true); |
||||
return true; |
||||
} |
||||
|
||||
|
||||
|
||||
</script> |
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,164 @@ |
||||
<!doctype html> |
||||
<html> |
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<title>Информация</title> |
||||
<link href="style.css" rel="stylesheet" type="text/css"> |
||||
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png"> |
||||
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png"> |
||||
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png"> |
||||
<meta name="msapplication-TileColor" content="#da532c"> |
||||
<meta name="theme-color" content="#ffffff"> |
||||
</head> |
||||
|
||||
<body id="body"> |
||||
|
||||
<div id="containerinf"> |
||||
|
||||
<div class="topnav" ;id="header" > |
||||
<h3>ESP-Домашний сервер</h3> |
||||
</div> |
||||
<div class="top2"> |
||||
<nav1><a href="index.html" title="главное меню">Главное меню</a></nav1> |
||||
<nav1><a href="inform1.html" title="информация">улица восток</a></nav1> |
||||
<nav1><a href="inform.html" title="информация">улица запад</a></nav1> |
||||
<nav1><a href="inform4.html" title="информация">коридор</a></nav1> |
||||
<nav1><a href="inform2.html" title="информация">комната1</a></nav1> |
||||
<nav1><a href="inform3.html" title="информация">комната2</a></nav1> |
||||
<nav1><a href="inform6.html" title="информация">кухня</a></nav1> |
||||
<nav1><a href="inform5.html" title="информация">балкон</a></nav1> |
||||
</div> |
||||
|
||||
|
||||
<div style="text-align: center;"> |
||||
|
||||
<div id="contentinfo"> |
||||
<h1>Улица(запад)</h1> |
||||
<div class="cards"> |
||||
<div class="card temperature"> |
||||
<h4><i class="fas fa-thermometer-half"></i> TEMPERATURE</h4><p><span class="reading"><span id="t1"></span> °C</span></p><p class="packet">Battery <span id="batz"></span></p> |
||||
</div> |
||||
<div class="card humidity"> |
||||
<h4><i class="fas fa-tint"></i> HUMIDITY</h4><p><span class="reading"><span id="h1"></span> %</span></p><p class="packet">Time <span id="tim3"></span></p> |
||||
</div> |
||||
</div> |
||||
<p></p> |
||||
<div class="top2"> |
||||
<nav id="navigation3"><a href="inform.html" title="График данных за сутки">График данных за сутки</a></nav> |
||||
</div> |
||||
<div><font size="3" color="#1E4486">................................................... </font> |
||||
</div> |
||||
<div> |
||||
<font size="3" color="#1E4486">таблица температуры за сутки</font> |
||||
</div> |
||||
|
||||
|
||||
|
||||
<table style="display: inline-block; color: #160B51; font-size: medium;" id="gable" > |
||||
<colgroup> |
||||
<col class="twenty" /> |
||||
<col class="fourty" /> |
||||
<col class="thirtyfive" /> |
||||
</colgroup> |
||||
<tr> |
||||
<th onclick="sortTable(0)"><span class="glyphicon glyphicon-sort"></span>  Time</th> |
||||
<th onclick="sortTable(1)"><span class="glyphicon glyphicon-sort"></span>  temperatura</th> |
||||
<th onclick="sortTable(2)"><span class="glyphicon glyphicon-sort"></span>  humidity</th> |
||||
</tr> |
||||
</table> |
||||
</div> |
||||
|
||||
</div> |
||||
<p class="packet"> <span id="tdata"></span></p> |
||||
</div> |
||||
|
||||
|
||||
<script type="text/javascript"> |
||||
var tabl=0; |
||||
var webSocket; |
||||
connectWebSocket(); |
||||
function connectWebSocket() { |
||||
webSocket = new WebSocket('ws://' + window.location.hostname + '/ws'); |
||||
|
||||
webSocket.onopen = function(event) {//реакция на подключение вебсекета |
||||
console.log('WebSocket connected'); |
||||
}; |
||||
|
||||
webSocket.onmessage = function(event) {//реакция на данные |
||||
var tabd=event.data; |
||||
|
||||
|
||||
|
||||
if(isJsonString(tabd)==1) |
||||
{var data = JSON.parse(event.data);// |
||||
if (data.id === '77') { |
||||
}; |
||||
if (data.id === '0') { |
||||
console.log("readings", event.data); |
||||
document.getElementById("t1").innerHTML = data.temperature; |
||||
document.getElementById("h1").innerHTML = data.humidity; |
||||
|
||||
document.getElementById("batz").innerHTML = data.batz; |
||||
document.getElementById("tim3").innerHTML = data.tim3; |
||||
}; |
||||
|
||||
|
||||
} |
||||
else |
||||
{ |
||||
if(tabl==0) |
||||
{ |
||||
console.log("readings", event.data); |
||||
re = event.data.split("\n"); |
||||
console.log(re); |
||||
var data=[]; |
||||
tabl=1; |
||||
for(var i = 0; i < re.length-1; i++) { |
||||
data[i] = JSON.parse(re[i]); |
||||
console.log("data", data); |
||||
} |
||||
append_json(data); |
||||
} |
||||
//this function appends the json data to the table 'gable' |
||||
function append_json(data){ |
||||
var table = document.getElementById('gable'); |
||||
|
||||
data.forEach(function(object) { |
||||
var tr = document.createElement('tr'); |
||||
tr.innerHTML = '<td>' + object.Time + '</td>' + |
||||
'<td>' + object.temperatura + '</td>' + |
||||
'<td>' + object.humidity + '</td>' |
||||
table.appendChild(tr); |
||||
}); |
||||
} |
||||
} |
||||
}; |
||||
webSocket.onclose = function(event) {//реакция на отключение вебсекета |
||||
console.log('WebSocket disconnected'); |
||||
var messageElement = document.getElementById('message'); |
||||
messageElement.innerHTML ='WebSocket disconnected. Reconnecting...'; |
||||
setTimeout(connectWebSocket, 2000); |
||||
setTimeout(function() { messageElement.innerHTML = ''; }, 5000); |
||||
}; |
||||
webSocket.onerror = function(event) { |
||||
console.error('WebSocket error:', event); |
||||
}; |
||||
} |
||||
|
||||
function isJsonString(str) {//проверка строки на json |
||||
try { |
||||
JSON.parse(str); |
||||
} catch (e) { |
||||
console.log("isJsonString", false); |
||||
return false; |
||||
|
||||
} |
||||
console.log("isJsonString", true); |
||||
return true; |
||||
} |
||||
|
||||
|
||||
|
||||
</script> |
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,166 @@ |
||||
<!doctype html> |
||||
<html> |
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<title>Информация</title> |
||||
<link href="style.css" rel="stylesheet" type="text/css"> |
||||
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png"> |
||||
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png"> |
||||
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png"> |
||||
<meta name="msapplication-TileColor" content="#da532c"> |
||||
<meta name="theme-color" content="#ffffff"> |
||||
</head> |
||||
|
||||
<body id="body"> |
||||
|
||||
<div id="containerinf"> |
||||
|
||||
<div class="topnav" ;id="header" > |
||||
<h3>ESP-Домашний сервер</h3> |
||||
</div> |
||||
|
||||
<div class="top2"> |
||||
<nav1><a href="index.html" title="главное меню">Главное меню</a></nav1> |
||||
<nav1><a href="inform1.html" title="информация">улица восток</a></nav1> |
||||
<nav1><a href="inform.html" title="информация">улица запад</a></nav1> |
||||
<nav1><a href="inform4.html" title="информация">коридор</a></nav1> |
||||
<nav1><a href="inform2.html" title="информация">комната1</a></nav1> |
||||
<nav1><a href="inform3.html" title="информация">комната2</a></nav1> |
||||
<nav1><a href="inform6.html" title="информация">кухня</a></nav1> |
||||
<nav1><a href="inform5.html" title="информация">балкон</a></nav1> |
||||
</div> |
||||
|
||||
|
||||
<div style="text-align: center;"> |
||||
|
||||
<div id="contentinfo"> |
||||
<h1>Улица(восток)</h1> |
||||
<div class="cards"> |
||||
<div class="card temperature"> |
||||
<h4><i class="fas fa-thermometer-half"></i> TEMPERATURE</h4><p><span class="reading"><span id="tul1"></span> °C</span></p><p class="packet">Light <span id="osv1"></span></p> |
||||
</div> |
||||
<div class="card humidity"> |
||||
<h4><i class="fas fa-tint"></i> HUMIDITY</h4><p><span class="reading"><span id="hul1"></span> %</span></p><p class="packet">Time <span id="timeul1"></span></p> |
||||
</div> |
||||
</div> |
||||
<p></p> |
||||
<div class="top2"> |
||||
<nav id="navigation3"><a href="inform1.html" title="главное меню">График данных за сутки</a></nav> |
||||
</div> |
||||
<div><font size="3" color="#1E4486">................................................... </font> |
||||
</div> |
||||
|
||||
<div> |
||||
|
||||
<font size="3" color="#1E4486">таблица температуры за сутки</font> |
||||
|
||||
</div> |
||||
|
||||
<div id="tablinfo"> |
||||
|
||||
<table style="display: inline-block; color: #160B51; font-size: medium;" id="gable" > |
||||
<colgroup> |
||||
<col class="twenty" /> |
||||
<col class="fourty" /> |
||||
<col class="thirtyfive" /> |
||||
</colgroup> |
||||
<tr> |
||||
<th onclick="sortTable(0)"><span class="glyphicon glyphicon-sort"></span>  Time</th> |
||||
<th onclick="sortTable(1)"><span class="glyphicon glyphicon-sort"></span>  temperatura</th> |
||||
<th onclick="sortTable(2)"><span class="glyphicon glyphicon-sort"></span>  humidity</th> |
||||
</tr> |
||||
</table> |
||||
</div> |
||||
</div> |
||||
<p class="packet"> <span id="tdata"></span></p> |
||||
</div> |
||||
</div> |
||||
|
||||
|
||||
<script type="text/javascript"> |
||||
var tabl=0; |
||||
var webSocket; |
||||
connectWebSocket(); |
||||
function connectWebSocket() { |
||||
webSocket = new WebSocket('ws://' + window.location.hostname + '/ws'); |
||||
|
||||
webSocket.onopen = function(event) {//реакция на подключение вебсекета |
||||
console.log('WebSocket connected'); |
||||
}; |
||||
|
||||
webSocket.onmessage = function(event) {//реакция на данные |
||||
var tabd=event.data; |
||||
|
||||
|
||||
|
||||
if(isJsonString(tabd)==1) |
||||
{var data = JSON.parse(event.data);// |
||||
if (data.id === '77') { |
||||
}; |
||||
if (data.id === '2') { |
||||
console.log("readings", event.data); |
||||
document.getElementById("tul1").innerHTML = data.tul1; |
||||
document.getElementById("hul1").innerHTML = data.hul1; |
||||
document.getElementById("osv1").innerHTML = data.osv1; |
||||
document.getElementById("timeul1").innerHTML = data.timeul1; |
||||
}; |
||||
|
||||
|
||||
} |
||||
else |
||||
{ |
||||
if(tabl==0) |
||||
{ |
||||
console.log("readings", event.data); |
||||
re = event.data.split("\n"); |
||||
console.log(re); |
||||
var data=[]; |
||||
tabl=1; |
||||
for(var i = 0; i < re.length-1; i++) { |
||||
data[i] = JSON.parse(re[i]); |
||||
console.log("data", data); |
||||
} |
||||
append_json(data); |
||||
} |
||||
//this function appends the json data to the table 'gable' |
||||
function append_json(data){ |
||||
var table = document.getElementById('gable'); |
||||
|
||||
data.forEach(function(object) { |
||||
var tr = document.createElement('tr'); |
||||
tr.innerHTML = '<td>' + object.Time + '</td>' + |
||||
'<td>' + object.temperatura + '</td>' + |
||||
'<td>' + object.humidity + '</td>' |
||||
table.appendChild(tr); |
||||
}); |
||||
} |
||||
} |
||||
}; |
||||
webSocket.onclose = function(event) {//реакция на отключение вебсекета |
||||
console.log('WebSocket disconnected'); |
||||
var messageElement = document.getElementById('message'); |
||||
messageElement.innerHTML ='WebSocket disconnected. Reconnecting...'; |
||||
setTimeout(connectWebSocket, 2000); |
||||
setTimeout(function() { messageElement.innerHTML = ''; }, 5000); |
||||
}; |
||||
webSocket.onerror = function(event) { |
||||
console.error('WebSocket error:', event); |
||||
}; |
||||
} |
||||
|
||||
function isJsonString(str) {//проверка строки на json |
||||
try { |
||||
JSON.parse(str); |
||||
} catch (e) { |
||||
return false; |
||||
console.log("isJsonString", false); |
||||
} |
||||
console.log("isJsonString", true); |
||||
return true; |
||||
} |
||||
|
||||
|
||||
|
||||
</script> |
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,162 @@ |
||||
<!doctype html> |
||||
<html> |
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<title>Информация</title> |
||||
<link href="style.css" rel="stylesheet" type="text/css"> |
||||
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png"> |
||||
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png"> |
||||
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png"> |
||||
<meta name="msapplication-TileColor" content="#da532c"> |
||||
<meta name="theme-color" content="#ffffff"> |
||||
</head> |
||||
|
||||
<body id="body"> |
||||
|
||||
<div id="containerinf"> |
||||
|
||||
<div class="topnav" ;id="header" > |
||||
<h3>ESP-Домашний сервер</h3> |
||||
</div> |
||||
<div class="top2"> |
||||
<nav1><a href="index.html" title="главное меню">Главное меню</a></nav1> |
||||
<nav1><a href="inform1.html" title="информация">улица восток</a></nav1> |
||||
<nav1><a href="inform.html" title="информация">улица запад</a></nav1> |
||||
<nav1><a href="inform4.html" title="информация">коридор</a></nav1> |
||||
<nav1><a href="inform2.html" title="информация">комната1</a></nav1> |
||||
<nav1><a href="inform3.html" title="информация">комната2</a></nav1> |
||||
<nav1><a href="inform6.html" title="информация">кухня</a></nav1> |
||||
<nav1><a href="inform5.html" title="информация">балкон</a></nav1> |
||||
</div> |
||||
|
||||
|
||||
<div style="text-align: center;"> |
||||
|
||||
<div id="contentinfo"> |
||||
<h1>Комната1</h1> |
||||
<div class="cards"> |
||||
<div class="card temperature"> |
||||
<h4><i class="fas fa-thermometer-half"></i> TEMPERATURE</h4><p><span class="reading"><span id="tkom1"></span> °C</span></p><p class="packet">Battery <span id="batkom1"></span></p> |
||||
</div> |
||||
<div class="card humidity"> |
||||
<h4><i class="fas fa-tint"></i> HUMIDITY</h4><p><span class="reading"><span id="hkom1"></span> %</span></p><p class="packet">Time <span id="timekom1"></span></p> |
||||
</div> |
||||
</div> |
||||
|
||||
<p></p> |
||||
<div class="top2"> |
||||
<nav id="navigation3"><a href="inform2.html" title="главное меню">График данных за сутки</a></nav> |
||||
</div> |
||||
<div><font size="3" color="#1E4486">................................................... </font> |
||||
</div> |
||||
<div> |
||||
<font size="3" color="#1E4486">таблица температуры за сутки</font> |
||||
</div> |
||||
|
||||
|
||||
|
||||
<table style="display: inline-block; color: #160B51; font-size: medium;" id="gable" > |
||||
<colgroup> |
||||
<col class="twenty" /> |
||||
<col class="fourty" /> |
||||
<col class="thirtyfive" /> |
||||
</colgroup> |
||||
<tr> |
||||
<th onclick="sortTable(0)"><span class="glyphicon glyphicon-sort"></span>  Time</th> |
||||
<th onclick="sortTable(1)"><span class="glyphicon glyphicon-sort"></span>  temperatura</th> |
||||
<th onclick="sortTable(2)"><span class="glyphicon glyphicon-sort"></span>  humidity</th> |
||||
</tr> |
||||
</table> |
||||
</div> |
||||
</div> |
||||
<p class="packet"> <span id="tdata"></span></p> |
||||
</div> |
||||
|
||||
|
||||
<script type="text/javascript"> |
||||
var tabl=0; |
||||
var webSocket; |
||||
connectWebSocket(); |
||||
function connectWebSocket() { |
||||
webSocket = new WebSocket('ws://' + window.location.hostname + '/ws'); |
||||
|
||||
webSocket.onopen = function(event) {//реакция на подключение вебсекета |
||||
console.log('WebSocket connected'); |
||||
}; |
||||
|
||||
webSocket.onmessage = function(event) {//реакция на данные |
||||
var tabd=event.data; |
||||
|
||||
|
||||
|
||||
if(isJsonString(tabd)==1) |
||||
{var data = JSON.parse(event.data);// |
||||
if (data.id === '77') { |
||||
}; |
||||
if (data.id === '2') { |
||||
console.log("readings", event.data); |
||||
document.getElementById("tkom1").innerHTML = data.tkom1; |
||||
document.getElementById("hkom1").innerHTML = data.hkom1; |
||||
document.getElementById("batkom1").innerHTML = data.batkom1; |
||||
document.getElementById("timekom1").innerHTML = data.timekom1; |
||||
}; |
||||
|
||||
|
||||
} |
||||
else |
||||
{ |
||||
if(tabl==0) |
||||
{ |
||||
console.log("readings", event.data); |
||||
re = event.data.split("\n"); |
||||
console.log(re); |
||||
var data=[]; |
||||
tabl=1; |
||||
for(var i = 0; i < re.length-1; i++) { |
||||
data[i] = JSON.parse(re[i]); |
||||
console.log("data", data); |
||||
} |
||||
append_json(data); |
||||
} |
||||
//this function appends the json data to the table 'gable' |
||||
function append_json(data){ |
||||
var table = document.getElementById('gable'); |
||||
|
||||
data.forEach(function(object) { |
||||
var tr = document.createElement('tr'); |
||||
tr.innerHTML = '<td>' + object.Time + '</td>' + |
||||
'<td>' + object.temperatura + '</td>' + |
||||
'<td>' + object.humidity + '</td>' |
||||
table.appendChild(tr); |
||||
}); |
||||
} |
||||
} |
||||
}; |
||||
webSocket.onclose = function(event) {//реакция на отключение вебсекета |
||||
console.log('WebSocket disconnected'); |
||||
var messageElement = document.getElementById('message'); |
||||
messageElement.innerHTML ='WebSocket disconnected. Reconnecting...'; |
||||
setTimeout(connectWebSocket, 2000); |
||||
setTimeout(function() { messageElement.innerHTML = ''; }, 5000); |
||||
}; |
||||
webSocket.onerror = function(event) { |
||||
console.error('WebSocket error:', event); |
||||
}; |
||||
} |
||||
|
||||
function isJsonString(str) {//проверка строки на json |
||||
try { |
||||
JSON.parse(str); |
||||
} catch (e) { |
||||
return false; |
||||
|
||||
} |
||||
console.log("isJsonString", true); |
||||
return true; |
||||
} |
||||
|
||||
|
||||
|
||||
</script> |
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,161 @@ |
||||
<!doctype html> |
||||
<html> |
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<title>Информация</title> |
||||
<link href="style.css" rel="stylesheet" type="text/css"> |
||||
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png"> |
||||
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png"> |
||||
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png"> |
||||
<meta name="msapplication-TileColor" content="#da532c"> |
||||
<meta name="theme-color" content="#ffffff"> |
||||
</head> |
||||
|
||||
<body id="body"> |
||||
|
||||
<div id="containerinf"> |
||||
|
||||
<div class="topnav" ;id="header" > |
||||
<h3>ESP-Домашний сервер</h3> |
||||
</div> |
||||
<div class="top2"> |
||||
<nav1><a href="index.html" title="главное меню">Главное меню</a></nav1> |
||||
<nav1><a href="inform1.html" title="информация">улица восток</a></nav1> |
||||
<nav1><a href="inform.html" title="информация">улица запад</a></nav1> |
||||
<nav1><a href="inform4.html" title="информация">коридор</a></nav1> |
||||
<nav1><a href="inform2.html" title="информация">комната1</a></nav1> |
||||
<nav1><a href="inform3.html" title="информация">комната2</a></nav1> |
||||
<nav1><a href="inform6.html" title="информация">кухня</a></nav1> |
||||
<nav1><a href="inform5.html" title="информация">балкон</a></nav1> |
||||
</div> |
||||
|
||||
|
||||
<div style="text-align: center;"> |
||||
|
||||
<div id="contentinfo"> |
||||
<h1>Комната2</h1> |
||||
<div class="cards"> |
||||
<div class="card temperature"> |
||||
<h4><i class="fas fa-thermometer-half"></i> TEMPERATURE</h4><p><span class="reading"><span id="tkom2"></span> °C</span></p><p class="packet">Battery <span id="batkom2"></span></p> |
||||
</div> |
||||
<div class="card humidity"> |
||||
<h4><i class="fas fa-tint"></i> HUMIDITY</h4><p><span class="reading"><span id="hkom2"></span> %</span></p><p class="packet">Time <span id="timekom2"></span></p> |
||||
</div> |
||||
</div> |
||||
<p></p> |
||||
<div class="top2"> |
||||
<nav id="navigation3"><a href="inform3.html" title="главное меню">График данных за сутки</a></nav> |
||||
</div> |
||||
<div><font size="3" color="#1E4486">................................................... </font> |
||||
</div> |
||||
<div> |
||||
<font size="3" color="#1E4486">таблица температуры за сутки</font> |
||||
</div> |
||||
|
||||
|
||||
|
||||
<table style="display: inline-block; color: #160B51; font-size: medium;" id="gable" > |
||||
<colgroup> |
||||
<col class="twenty" /> |
||||
<col class="fourty" /> |
||||
<col class="thirtyfive" /> |
||||
</colgroup> |
||||
<tr> |
||||
<th onclick="sortTable(0)"><span class="glyphicon glyphicon-sort"></span>  Time</th> |
||||
<th onclick="sortTable(1)"><span class="glyphicon glyphicon-sort"></span>  temperatura</th> |
||||
<th onclick="sortTable(2)"><span class="glyphicon glyphicon-sort"></span>  humidity</th> |
||||
</tr> |
||||
</table> |
||||
</div> |
||||
</div> |
||||
<p class="packet"> <span id="tdata"></span></p> |
||||
</div> |
||||
|
||||
|
||||
<script type="text/javascript"> |
||||
var tabl=0; |
||||
var webSocket; |
||||
connectWebSocket(); |
||||
function connectWebSocket() { |
||||
webSocket = new WebSocket('ws://' + window.location.hostname + '/ws'); |
||||
|
||||
webSocket.onopen = function(event) {//реакция на подключение вебсекета |
||||
console.log('WebSocket connected'); |
||||
}; |
||||
|
||||
webSocket.onmessage = function(event) {//реакция на данные |
||||
var tabd=event.data; |
||||
|
||||
|
||||
|
||||
if(isJsonString(tabd)==1) |
||||
{var data = JSON.parse(event.data);// |
||||
if (data.id === '77') { |
||||
}; |
||||
if (data.id === '2') { |
||||
console.log("readings", event.data); |
||||
document.getElementById("tkom2").innerHTML = data.tkom2; |
||||
document.getElementById("hkom2").innerHTML = data.hkom2; |
||||
document.getElementById("batkom2").innerHTML = data.batkom2; |
||||
document.getElementById("timekom2").innerHTML = data.timekom2; |
||||
}; |
||||
|
||||
|
||||
} |
||||
else |
||||
{ |
||||
if(tabl==0) |
||||
{ |
||||
console.log("readings", event.data); |
||||
re = event.data.split("\n"); |
||||
console.log(re); |
||||
var data=[]; |
||||
tabl=1; |
||||
for(var i = 0; i < re.length-1; i++) { |
||||
data[i] = JSON.parse(re[i]); |
||||
console.log("data", data); |
||||
} |
||||
append_json(data); |
||||
} |
||||
//this function appends the json data to the table 'gable' |
||||
function append_json(data){ |
||||
var table = document.getElementById('gable'); |
||||
|
||||
data.forEach(function(object) { |
||||
var tr = document.createElement('tr'); |
||||
tr.innerHTML = '<td>' + object.Time + '</td>' + |
||||
'<td>' + object.temperatura + '</td>' + |
||||
'<td>' + object.humidity + '</td>' |
||||
table.appendChild(tr); |
||||
}); |
||||
} |
||||
} |
||||
}; |
||||
webSocket.onclose = function(event) {//реакция на отключение вебсекета |
||||
console.log('WebSocket disconnected'); |
||||
var messageElement = document.getElementById('message'); |
||||
messageElement.innerHTML ='WebSocket disconnected. Reconnecting...'; |
||||
setTimeout(connectWebSocket, 2000); |
||||
setTimeout(function() { messageElement.innerHTML = ''; }, 5000); |
||||
}; |
||||
webSocket.onerror = function(event) { |
||||
console.error('WebSocket error:', event); |
||||
}; |
||||
} |
||||
|
||||
function isJsonString(str) {//проверка строки на json |
||||
try { |
||||
JSON.parse(str); |
||||
} catch (e) { |
||||
return false; |
||||
|
||||
} |
||||
console.log("isJsonString", true); |
||||
return true; |
||||
} |
||||
|
||||
|
||||
|
||||
</script> |
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,162 @@ |
||||
<!doctype html> |
||||
<html> |
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<title>Информация</title> |
||||
<link href="style.css" rel="stylesheet" type="text/css"> |
||||
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png"> |
||||
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png"> |
||||
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png"> |
||||
<meta name="msapplication-TileColor" content="#da532c"> |
||||
<meta name="theme-color" content="#ffffff"> |
||||
</head> |
||||
|
||||
<body id="body"> |
||||
|
||||
<div id="containerinf"> |
||||
|
||||
<div class="topnav" ;id="header" > |
||||
<p><h3>ESP-Домашний сервер</h3> |
||||
</div> |
||||
<div class="top2"> |
||||
<nav1><a href="index.html" title="главное меню">Главное меню</a></nav1> |
||||
<nav1><a href="inform1.html" title="информация">улица восток</a></nav1> |
||||
<nav1><a href="inform.html" title="информация">улица запад</a></nav1> |
||||
<nav1><a href="inform4.html" title="информация">коридор</a></nav1> |
||||
<nav1><a href="inform2.html" title="информация">комната1</a></nav1> |
||||
<nav1><a href="inform3.html" title="информация">комната2</a></nav1> |
||||
<nav1><a href="inform6.html" title="информация">кухня</a></nav1> |
||||
<nav1><a href="inform5.html" title="информация">балкон</a></nav1> |
||||
</div> |
||||
|
||||
|
||||
<div style="text-align: center;"> |
||||
|
||||
<div id="contentinfo"> |
||||
<h1>Коридор</h1> |
||||
<div class="cards"> |
||||
<div class="card temperature"> |
||||
<h4><i class="fas fa-thermometer-half"></i> TEMPERATURE</h4><p><span class="reading"><span id="tkor"></span> °C</span></p><p class="packet">Battery <span id="batkor"></span></p> |
||||
</div> |
||||
<div class="card humidity"> |
||||
<h4><i class="fas fa-tint"></i> HUMIDITY</h4><p><span class="reading"><span id="hkor"></span> %</span></p><p class="packet">Time <span id="timekor"></span></p> |
||||
</div> |
||||
</div> |
||||
<p></p> |
||||
<div class="top2"> |
||||
<nav id="navigation3"><a href="inform4.html" title="главное меню">График данных за сутки</a></nav> |
||||
</div> |
||||
<div><font size="3" color="#1E4486">................................................... </font> |
||||
</div> |
||||
<div> |
||||
<font size="3" color="#1E4486">таблица температуры за сутки</font> |
||||
</div> |
||||
|
||||
|
||||
|
||||
<table style="display: inline-block; color: #160B51; font-size: medium;" id="gable" > |
||||
<colgroup> |
||||
<col class="twenty" /> |
||||
<col class="fourty" /> |
||||
<col class="thirtyfive" /> |
||||
</colgroup> |
||||
<tr> |
||||
<th onclick="sortTable(0)"><span class="glyphicon glyphicon-sort"></span>  Time</th> |
||||
<th onclick="sortTable(1)"><span class="glyphicon glyphicon-sort"></span>  temperatura</th> |
||||
<th onclick="sortTable(2)"><span class="glyphicon glyphicon-sort"></span>  humidity</th> |
||||
</tr> |
||||
</table> |
||||
</div> |
||||
</div> |
||||
<p class="packet"> <span id="tdata"></span></p> |
||||
</div> |
||||
|
||||
|
||||
|
||||
<script type="text/javascript"> |
||||
var tabl=0; |
||||
var webSocket; |
||||
connectWebSocket(); |
||||
function connectWebSocket() { |
||||
webSocket = new WebSocket('ws://' + window.location.hostname + '/ws'); |
||||
|
||||
webSocket.onopen = function(event) {//реакция на подключение вебсекета |
||||
console.log('WebSocket connected'); |
||||
}; |
||||
|
||||
webSocket.onmessage = function(event) {//реакция на данные |
||||
var tabd=event.data; |
||||
|
||||
|
||||
|
||||
if(isJsonString(tabd)==1) |
||||
{var data = JSON.parse(event.data);// |
||||
if (data.id === '77') { |
||||
}; |
||||
if (data.id === '2') { |
||||
document.getElementById("tkor").innerHTML = data.tkor; |
||||
document.getElementById("hkor").innerHTML = data.hkor; |
||||
document.getElementById("batkor").innerHTML = data.batkor; |
||||
document.getElementById("timekor").innerHTML = data.timekor; |
||||
}; |
||||
|
||||
|
||||
} |
||||
else |
||||
{ |
||||
if(tabl==0) |
||||
{ |
||||
console.log("readings", event.data); |
||||
re = event.data.split("\n"); |
||||
console.log(re); |
||||
var data=[]; |
||||
tabl=1; |
||||
for(var i = 0; i < re.length-1; i++) { |
||||
data[i] = JSON.parse(re[i]); |
||||
console.log("data", data); |
||||
} |
||||
append_json(data); |
||||
} |
||||
//this function appends the json data to the table 'gable' |
||||
function append_json(data){ |
||||
var table = document.getElementById('gable'); |
||||
|
||||
data.forEach(function(object) { |
||||
var tr = document.createElement('tr'); |
||||
tr.innerHTML = '<td>' + object.Time + '</td>' + |
||||
'<td>' + object.temperatura + '</td>' + |
||||
'<td>' + object.humidity + '</td>' |
||||
table.appendChild(tr); |
||||
}); |
||||
} |
||||
} |
||||
}; |
||||
webSocket.onclose = function(event) {//реакция на отключение вебсекета |
||||
console.log('WebSocket disconnected'); |
||||
var messageElement = document.getElementById('message'); |
||||
messageElement.innerHTML ='WebSocket disconnected. Reconnecting...'; |
||||
setTimeout(connectWebSocket, 2000); |
||||
setTimeout(function() { messageElement.innerHTML = ''; }, 5000); |
||||
}; |
||||
webSocket.onerror = function(event) { |
||||
console.error('WebSocket error:', event); |
||||
}; |
||||
} |
||||
|
||||
function isJsonString(str) {//проверка строки на json |
||||
try { |
||||
JSON.parse(str); |
||||
} catch (e) { |
||||
|
||||
return false; |
||||
|
||||
} |
||||
console.log("isJsonString", true); |
||||
return true; |
||||
} |
||||
|
||||
|
||||
|
||||
</script> |
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,163 @@ |
||||
<!doctype html> |
||||
<html> |
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<title>Информация</title> |
||||
<link href="style.css" rel="stylesheet" type="text/css"> |
||||
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png"> |
||||
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png"> |
||||
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png"> |
||||
<meta name="msapplication-TileColor" content="#da532c"> |
||||
<meta name="theme-color" content="#ffffff"> |
||||
</head> |
||||
|
||||
<body id="body"> |
||||
|
||||
<div id="containerinf"> |
||||
|
||||
<div class="topnav" ;id="header" > |
||||
<h3>ESP-Домашний сервер</h3> |
||||
</div> |
||||
<div class="top2"> |
||||
<nav1><a href="index.html" title="главное меню">Главное меню</a></nav1> |
||||
<nav1><a href="inform1.html" title="информация">улица восток</a></nav1> |
||||
<nav1><a href="inform.html" title="информация">улица запад</a></nav1> |
||||
<nav1><a href="inform4.html" title="информация">коридор</a></nav1> |
||||
<nav1><a href="inform2.html" title="информация">комната1</a></nav1> |
||||
<nav1><a href="inform3.html" title="информация">комната2</a></nav1> |
||||
<nav1><a href="inform6.html" title="информация">кухня</a></nav1> |
||||
<nav1><a href="inform5.html" title="информация">балкон</a></nav1> |
||||
</div> |
||||
|
||||
|
||||
<div style="text-align: center;"> |
||||
|
||||
<div id="contentinfo"> |
||||
<h1>Балкон</h1> |
||||
<div class="cards"> |
||||
<div class="card temperature"> |
||||
<h4><i class="fas fa-thermometer-half"></i> TEMPERATURE</h4><p><span class="reading"><span id="tbal"></span> °C</span></p><p class="packet">Battery <span id="batbal"></span></p> |
||||
</div> |
||||
<div class="card humidity"> |
||||
<h4><i class="fas fa-tint"></i> HUMIDITY</h4><p><span class="reading"><span id="hbal"></span> %</span></p><p class="packet">Time <span id="timebal"></span></p> |
||||
</div> |
||||
</div> |
||||
<p></p> |
||||
<div class="top2"> |
||||
<nav id="navigation3"><a href="inform5.html" title="главное меню">График данных за сутки</a></nav> |
||||
</div> |
||||
<div><font size="3" color="#1E4486">................................................... </font> |
||||
</div> |
||||
<div> |
||||
<font size="3" color="#1E4486">таблица температуры за сутки</font> |
||||
</div> |
||||
|
||||
|
||||
|
||||
<table style="display: inline-block; color: #160B51; font-size: medium;" id="gable" > |
||||
<colgroup> |
||||
<col class="twenty" /> |
||||
<col class="fourty" /> |
||||
<col class="thirtyfive" /> |
||||
</colgroup> |
||||
<tr> |
||||
<th onclick="sortTable(0)"><span class="glyphicon glyphicon-sort"></span>  Time</th> |
||||
<th onclick="sortTable(1)"><span class="glyphicon glyphicon-sort"></span>  temperatura</th> |
||||
<th onclick="sortTable(2)"><span class="glyphicon glyphicon-sort"></span>  humidity</th> |
||||
</tr> |
||||
</table> |
||||
</div> |
||||
</div> |
||||
<p class="packet"> <span id="tdata"></span></p> |
||||
</div> |
||||
|
||||
|
||||
|
||||
<script type="text/javascript"> |
||||
var tabl=0; |
||||
var webSocket; |
||||
connectWebSocket(); |
||||
function connectWebSocket() { |
||||
webSocket = new WebSocket('ws://' + window.location.hostname + '/ws'); |
||||
|
||||
webSocket.onopen = function(event) {//реакция на подключение вебсекета |
||||
console.log('WebSocket connected'); |
||||
}; |
||||
|
||||
webSocket.onmessage = function(event) {//реакция на данные |
||||
var tabd=event.data; |
||||
|
||||
|
||||
|
||||
if(isJsonString(tabd)==1) |
||||
{var data = JSON.parse(event.data);// |
||||
if (data.id === '77') { |
||||
}; |
||||
if (data.id === '2') { |
||||
console.log("readings", event.data); |
||||
|
||||
document.getElementById("tbal").innerHTML = data.tbal; |
||||
document.getElementById("hbal").innerHTML = data.hbal; |
||||
document.getElementById("batbal").innerHTML = data.batbal; |
||||
document.getElementById("timebal").innerHTML = data.timebal; |
||||
}; |
||||
|
||||
|
||||
} |
||||
else |
||||
{ |
||||
if(tabl==0) |
||||
{ |
||||
console.log("readings", event.data); |
||||
re = event.data.split("\n"); |
||||
console.log(re); |
||||
var data=[]; |
||||
tabl=1; |
||||
for(var i = 0; i < re.length-1; i++) { |
||||
data[i] = JSON.parse(re[i]); |
||||
console.log("data", data); |
||||
} |
||||
append_json(data); |
||||
} |
||||
//this function appends the json data to the table 'gable' |
||||
function append_json(data){ |
||||
var table = document.getElementById('gable'); |
||||
|
||||
data.forEach(function(object) { |
||||
var tr = document.createElement('tr'); |
||||
tr.innerHTML = '<td>' + object.Time + '</td>' + |
||||
'<td>' + object.temperatura + '</td>' + |
||||
'<td>' + object.humidity + '</td>' |
||||
table.appendChild(tr); |
||||
}); |
||||
} |
||||
} |
||||
}; |
||||
webSocket.onclose = function(event) {//реакция на отключение вебсекета |
||||
console.log('WebSocket disconnected'); |
||||
var messageElement = document.getElementById('message'); |
||||
messageElement.innerHTML ='WebSocket disconnected. Reconnecting...'; |
||||
setTimeout(connectWebSocket, 2000); |
||||
setTimeout(function() { messageElement.innerHTML = ''; }, 5000); |
||||
}; |
||||
webSocket.onerror = function(event) { |
||||
console.error('WebSocket error:', event); |
||||
}; |
||||
} |
||||
|
||||
function isJsonString(str) {//проверка строки на json |
||||
try { |
||||
JSON.parse(str); |
||||
} catch (e) { |
||||
return false; |
||||
|
||||
} |
||||
console.log("isJsonString", true); |
||||
return true; |
||||
} |
||||
|
||||
|
||||
|
||||
</script> |
||||
</body> |
||||
</html> |
||||
|
After Width: | Height: | Size: 11 KiB |
@ -0,0 +1,478 @@ |
||||
<!DOCTYPE html> |
||||
<html> |
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<link href="style.css" rel="stylesheet" type="text/css"> |
||||
<link rel="icon" href="favicon.ico"> |
||||
|
||||
<link rel="icon" type="png" sizes="32x32" href="favicon-32x32.png"> |
||||
<link rel="icon" type="png" sizes="16x16" href="favicon-16x16.png"> |
||||
</head> |
||||
<body> |
||||
<div id="container"> |
||||
|
||||
<div class="topnav" ;id="header" > |
||||
<p><h3>ESP-Настройки таймера</h3></p> |
||||
</div> |
||||
|
||||
<div id="sidebar"> |
||||
|
||||
<div class="manth"> |
||||
<p><span id="munthserv">месяц</span></p> |
||||
</div> |
||||
<div class="data"> |
||||
<p><span id="dataserv">01</span></p> |
||||
<div class="week"> |
||||
<p><span id="weekserv">день</span></p> |
||||
</div> |
||||
</div> |
||||
<div class="times"> |
||||
<p><span id="timeserv1">:</span></p> |
||||
</div> |
||||
<div class="levnav"> |
||||
|
||||
|
||||
|
||||
|
||||
<p> <a href="index.html" title="Главная"> Главная</a></p> |
||||
<p><a href="setting.html" title="настройки">настройки</a></p> |
||||
<p><a href="upravlenie.html" title="управление">управление</a></p> |
||||
<p><a href="inform.html" title="информация">информация</a></p> |
||||
<p><a href="timer.html" title="таймер">таймер</a></p> |
||||
|
||||
</div> |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div> |
||||
<font size="3" color="#1E4486"> |
||||
<label for="timerSelector">Выберите таймер:</label> |
||||
<select id="timerSelector"> |
||||
<font size="5" color="#1E4486"> |
||||
<option value="timer1">Таймер 1</option> |
||||
<option value="timer2">Таймер 2</option> |
||||
<option value="timer3">Таймер 3</option> |
||||
</font> |
||||
</select> |
||||
<div id="content"> |
||||
|
||||
|
||||
<div id="timers"> |
||||
<!-- Таймер 1 --> |
||||
<div class="timer" id="timer1"> |
||||
<h2>Таймер 1</h2> |
||||
<font size="5" color="#1E4486"> |
||||
<ul> |
||||
<!-- 10 временных интервалов для Таймера 1 --> |
||||
<div class="days"> |
||||
<label><input type="checkbox" name="week1"> Пн</label> |
||||
<label><input type="checkbox" name="week1"> Вт</label> |
||||
<label><input type="checkbox" name="week1"> Ср</label> |
||||
<label><input type="checkbox" name="week1"> Чт</label> |
||||
<label><input type="checkbox" name="week1"> Пт</label> |
||||
<label><input type="checkbox" name="week1"> Сб</label> |
||||
<label><input type="checkbox" name="week1"> Вс</label> |
||||
</div> |
||||
|
||||
<li><small>on_1 </small><input type="time" value="00:00"></li> |
||||
<li><small>off_1 </small><input type="time" value="00:00"></li> |
||||
<li><small>on_2 </small><input type="time" value="00:00"></li> |
||||
<li><small>off_2 </small><input type="time" value="00:00"></li> |
||||
<li><small>on_3 </small><input type="time" value="00:00"></li> |
||||
<li><small>off_3 </small><input type="time" value="00:00"></li> |
||||
<li><small>on_4 </small><input type="time" value="00:00"></li> |
||||
<li><small>off_4 </small><input type="time" value="00:00"></li> |
||||
<li><small>on_5 </small><input type="time" value="00:00"></li> |
||||
<li><small>off_5 </small><input type="time" value="00:00"></li> |
||||
|
||||
<div class="days"> |
||||
<label><input type="checkbox" name="out1"> 1</label> |
||||
<label><input type="checkbox" name="out1"> 2</label> |
||||
<label><input type="checkbox" name="out1"> 3</label> |
||||
</div> |
||||
</ul> |
||||
</font> |
||||
</div> |
||||
|
||||
<!-- Таймер 2 --> |
||||
<div class="timer" id="timer2"> |
||||
<h2>Таймер 2</h2> |
||||
<font size="5" color="#1E4486"> |
||||
<ul> |
||||
<!-- 10 временных интервалов для Таймера 2 --> |
||||
<div class="days"> |
||||
<label><input type="checkbox" name="week2"> Пн</label> |
||||
<label><input type="checkbox" name="week2"> Вт</label> |
||||
<label><input type="checkbox" name="week2"> Ср</label> |
||||
<label><input type="checkbox" name="week2"> Чт</label> |
||||
<label><input type="checkbox" name="week2"> Пт</label> |
||||
<label><input type="checkbox" name="week2"> Сб</label> |
||||
<label><input type="checkbox" name="week2"> Вс</label> |
||||
</div> |
||||
<li><small>on_1 </small><input type="time" value="00:00"></li> |
||||
<li><small>off_1 </small><input type="time" value="00:00"></li> |
||||
<li><small>on_2 </small><input type="time" value="00:00"></li> |
||||
<li><small>off_2 </small><input type="time" value="00:00"></li> |
||||
<li><small>on_3 </small><input type="time" value="00:00"></li> |
||||
<li><small>off_3 </small><input type="time" value="00:00"></li> |
||||
<li><small>on_4 </small><input type="time" value="00:00"></li> |
||||
<li><small>off_4 </small><input type="time" value="00:00"></li> |
||||
<li><small>on_5 </small><input type="time" value="00:00"></li> |
||||
<li><small>off_5 </small><input type="time" value="00:00"></li> |
||||
<div class="days"> |
||||
<label><input type="checkbox" name="out2"> 1</label> |
||||
<label><input type="checkbox" name="out2"> 2</label> |
||||
<label><input type="checkbox" name="out2"> 3</label> |
||||
</div> |
||||
</ul> |
||||
</font> |
||||
</div> |
||||
|
||||
<!-- Таймер 3 --> |
||||
<div class="timer" id="timer3"> |
||||
<h2>Таймер 3</h2> |
||||
<font size="5" color="#1E4486"> |
||||
<ul> |
||||
<div class="days"> |
||||
<label><input type="checkbox" name="week3"> Пн</label> |
||||
<label><input type="checkbox" name="week3"> Вт</label> |
||||
<label><input type="checkbox" name="week3"> Ср</label> |
||||
<label><input type="checkbox" name="week3"> Чт</label> |
||||
<label><input type="checkbox" name="week3"> Пт</label> |
||||
<label><input type="checkbox" name="week3"> Сб</label> |
||||
<label><input type="checkbox" name="week3"> Вс</label> |
||||
</div> |
||||
<!-- 10 временных интервалов для Таймера 3 --> |
||||
<li><small>on_1 </small><input type="time" value="00:00"></li> |
||||
<li><small>off_1 </small><input type="time" value="00:00"></li> |
||||
<li><small>on_2 </small><input type="time" value="00:00"></li> |
||||
<li><small>off_2 </small><input type="time" value="00:00"></li> |
||||
<li><small>on_3 </small><input type="time" value="00:00"></li> |
||||
<li><small>off_3 </small><input type="time" value="00:00"></li> |
||||
<li><small>on_4 </small><input type="time" value="00:00"></li> |
||||
<li><small>off_4 </small><input type="time" value="00:00"></li> |
||||
<li><small>on_5 </small><input type="time" value="00:00"></li> |
||||
<li><small>off_5 </small><input type="time" value="00:00"></li> |
||||
<div class="days"> |
||||
<label><input type="checkbox" name="out3"> 1</label> |
||||
<label><input type="checkbox" name="out3"> 2</label> |
||||
<label><input type="checkbox" name="out3"> 3</label> |
||||
</div> |
||||
</ul> |
||||
</font> |
||||
</div> |
||||
</div> |
||||
<button id="saveButton">Сохранить</button> |
||||
<div id="clear"> |
||||
<p></p> |
||||
<p></p> |
||||
<p></p> |
||||
</div> |
||||
<div class="top"> |
||||
<font size="4" >Время работы сервера: </font> |
||||
<font color="#CF7071" size="5"><span id="t10">0:00</span></font> |
||||
<p>Count:<span id="countData1">0:00</span></p> |
||||
</div> |
||||
|
||||
<div id="clear"> |
||||
<p></p> |
||||
<p></p> |
||||
<p></p> |
||||
</div> |
||||
|
||||
</div> |
||||
|
||||
</div> |
||||
|
||||
|
||||
<script type="text/javascript"> |
||||
|
||||
let defaultData = { |
||||
timer1: ["00:00", "00:00", "00:00", "00:00", "00:00", "00:00", "00:00", "00:00", "00:00", "00:00"], |
||||
timer2: ["00:00", "00:30", "00:00", "00:00", "00:00", "00:00", "00:00", "00:00", "00:00", "00:00"], |
||||
timer3: ["00:00", "00:00", "00:00", "00:00", "00:00", "00:00", "00:00", "00:00", "00:00", "00:00"]}; |
||||
//****************************WebSocket*************************************************** |
||||
connectWebSocket(); |
||||
function connectWebSocket() { |
||||
webSocket = new WebSocket('ws://' + window.location.hostname + '/ws'); |
||||
|
||||
webSocket.onopen = function(event) {//реакция на подключение вебсекета |
||||
console.log('WebSocket connected'); |
||||
}; |
||||
|
||||
|
||||
webSocket.onmessage = function(event) {//реакция на данные |
||||
var dat=event.data; |
||||
if ( dat.startsWith("{\"timer1"))//если начало строки {"timer1 то парсим ее как данные таймера |
||||
{console.log("dat", dat[2]+dat[7]);//(dat[2]+dat[7]=='t1') |
||||
defaultData = JSON.parse(event.data); |
||||
//let defaultData = Object.assign({}, defaultData1);// перевод объекта в JSON |
||||
|
||||
console.log("t2", defaultData); |
||||
// Заполните поля ввода (время для таймеров) данными из JSON |
||||
Object.keys(defaultData).forEach(function (timerId) { |
||||
const timer = document.getElementById(timerId); |
||||
const intervals = defaultData[timerId]; |
||||
const timerItems = timer.querySelectorAll('input[type="time"]'); |
||||
timerItems.forEach(function (item, index) { |
||||
item.value = intervals[index]; |
||||
}); |
||||
}); |
||||
|
||||
} |
||||
|
||||
|
||||
|
||||
var data = JSON.parse(event.data);//парсим JSON |
||||
|
||||
if (data.id === '0') { |
||||
// document.getElementById("tim2").innerHTML = data.tim2; |
||||
// document.getElementById("tim3").innerHTML = data.tim3; |
||||
document.getElementById("dataserv").innerHTML = data.dataserv; |
||||
document.getElementById("munthserv").innerHTML = data.munthserv; |
||||
document.getElementById("weekserv").innerHTML = data.weekserv; |
||||
} |
||||
if (data.label3 === 'count1') {//счетчик секунд |
||||
document.getElementById("countData1").innerHTML = data.value; |
||||
}; |
||||
if (data.label3 === 'count') {//работа сервера время |
||||
document.getElementById("t10").innerHTML = data.value; |
||||
}; |
||||
if (data.label3 === 'count2') {//NTP время |
||||
document.getElementById("timeserv1").innerHTML = data.value; |
||||
}; |
||||
if (data.id === 'week') {//'{"id":"week","timer1_week":"1111100","timer2_week":"0000011","timer3_week":"0000000"}'; |
||||
var DataWeek = event.data; |
||||
console.log("week", event.data); |
||||
week_json(DataWeek); |
||||
} |
||||
|
||||
if (data.id === 'tout') {//{"id":"tout","t1":"011","t2":"100","t3":"010"} |
||||
var DataOut = event.data; |
||||
console.log("Out", event.data); |
||||
out_json(DataOut); |
||||
} |
||||
} |
||||
webSocket.onclose = function(event) {//реакция на отключение вебсекета |
||||
console.log('WebSocket disconnected'); |
||||
var messageElement = document.getElementById('message'); |
||||
messageElement.innerHTML ='WebSocket disconnected. Reconnecting...'; |
||||
setTimeout(connectWebSocket, 2000); |
||||
setTimeout(function() { messageElement.innerHTML = ''; }, 5000); |
||||
} |
||||
webSocket.onerror = function(event) { |
||||
console.error('WebSocket error:', event); |
||||
} |
||||
} |
||||
|
||||
//******************************************************************************************************* |
||||
|
||||
|
||||
function week_json(data){//парсим строку week |
||||
const weekt = JSON.parse(data); |
||||
if (weekt.id === 'week') { |
||||
//{"id":"week","timer1_week":"0111100","timer2_week":"1000011","timer3_week":"0101010"}; |
||||
const weekt1 = Array.from(weekt.timer1_week).map(Number);//"1111100"=>{1,1,1,1,1,0,0} строку в массив чисел |
||||
// console.log(weekt1); |
||||
// Заполните поля чекбоксов данными из JSON |
||||
var checkboxes1 = document.getElementsByName('week1');//заполняем чекбоксы с именем week1 |
||||
for (let i = 0; i < checkboxes1.length; i++) { |
||||
checkboxes1[i].checked = weekt1[i];//значение в чекбоксе берем из массива {1,1,1,1,1,0,0} |
||||
} |
||||
const weekt2 = Array.from(weekt.timer2_week).map(Number); |
||||
// console.log(weekt2); |
||||
// Заполните поля чекбоксов данными из JSON |
||||
var checkboxes2 = document.getElementsByName('week2'); |
||||
for (let i = 0; i < checkboxes2.length; i++) { |
||||
checkboxes2[i].checked = weekt2[i]; |
||||
} |
||||
const weekt3 = Array.from(weekt.timer3_week).map(Number); |
||||
// console.log(weekt3); |
||||
// Заполните поля чекбоксов данными из JSON |
||||
var checkboxes3 = document.getElementsByName('week3'); |
||||
for (let i = 0; i < checkboxes2.length; i++) { |
||||
checkboxes3[i].checked = weekt3[i]; |
||||
} |
||||
|
||||
} |
||||
} |
||||
//***************************************************************************************** |
||||
function out_json(data){//{"id":"tout","t1":"011","t2":"100","t3":"010"}запись данных в чекбоксы 1 2 3 |
||||
const out = JSON.parse(data); |
||||
if (out.id === 'tout') { |
||||
const out1 = Array.from(out.t1).map(Number);//"100"=>{1,0,0} строку в массив чисел |
||||
// Заполните поля чекбоксов данными из JSON |
||||
var checkboxes1 = document.getElementsByName('out1');//заполняем чекбоксы с именем out1 |
||||
for (let i = 0; i < checkboxes1.length; i++) { |
||||
checkboxes1[i].checked = out1[i];//значение в чекбоксе берем из массива {1,0,0} |
||||
} |
||||
const out2 = Array.from(out.t2).map(Number);//"110"=>{1,1,0} строку в массив чисел |
||||
// Заполните поля чекбоксов данными из JSON |
||||
var checkboxes2 = document.getElementsByName('out2');//заполняем чекбоксы с именем out2 |
||||
for (let i = 0; i < checkboxes2.length; i++) { |
||||
checkboxes2[i].checked = out2[i];//значение в чекбоксе берем из массива {1,1,0} |
||||
} |
||||
const out3 = Array.from(out.t3).map(Number);//"000"=>{0,0,0} строку в массив чисел |
||||
// Заполните поля чекбоксов данными из JSON |
||||
var checkboxes3 = document.getElementsByName('out3');//заполняем чекбоксы с именем out3 |
||||
//console.log("out3", checkboxes1); |
||||
for (let i = 0; i < checkboxes3.length; i++) { |
||||
checkboxes3[i].checked = out3[i];//значение в чекбоксе берем из массива {0,0,0} |
||||
} |
||||
} |
||||
} |
||||
//*************************************************************************************************** |
||||
|
||||
// Скрываем все таймеры, кроме выбранного |
||||
function hideTimers(timerId) { |
||||
const timerElements = document.querySelectorAll('.timer'); |
||||
timerElements.forEach(function (element) { |
||||
element.style.display = 'none'; |
||||
}); |
||||
const selectedTimer = document.getElementById(timerId); |
||||
if (selectedTimer) { |
||||
selectedTimer.style.display = 'block'; |
||||
} |
||||
} |
||||
|
||||
// Изначально скрываем все таймеры |
||||
hideTimers('timer1'); |
||||
|
||||
// Обработчик изменения выбора таймера |
||||
document.getElementById('timerSelector').addEventListener('change', function () { |
||||
const selectedTimerId = this.value; |
||||
hideTimers(selectedTimerId); |
||||
}); |
||||
|
||||
document.getElementById('saveButton').addEventListener('click', function () { |
||||
const selectedTimerId = document.getElementById('timerSelector').value; |
||||
const selectedTimer = document.getElementById(selectedTimerId); |
||||
|
||||
// Создаем объект, содержащий настройки таймера |
||||
const timersData = {//время |
||||
timer1: [], |
||||
timer2: [], |
||||
timer3: [] |
||||
}; |
||||
const weekData = {//день недели |
||||
"id":"week", |
||||
timer1_week:"", |
||||
timer2_week:"", |
||||
timer3_week:"" |
||||
}; |
||||
const outData = {//номер выхода на кот подключаем |
||||
"id":"tout", |
||||
t1:"", |
||||
t2:"", |
||||
t3:"" |
||||
}; |
||||
// Собираем данные для Таймера 1 |
||||
const timer1Items = document.querySelectorAll('.timer:nth-child(1) input[type="time"]'); |
||||
timer1Items.forEach(function (item) { |
||||
let days = ""; |
||||
var checkboxes = document.getElementsByName('week1');//считываем чекбокс в строку типа 1111100 |
||||
for (var checkbox of checkboxes) |
||||
{ |
||||
days+=(checkbox.checked ? 1 : 0); |
||||
} |
||||
let out = ""; |
||||
var checkboxes = document.getElementsByName('out1');//считываем чекбокс в строку типа 1111100 |
||||
for (var checkbox of checkboxes) |
||||
{ |
||||
out+=(checkbox.checked ? 1 : 0); |
||||
} |
||||
|
||||
|
||||
outData.t1 = out; |
||||
weekData.timer1_week = days; |
||||
timersData.timer1.push(item.value); |
||||
|
||||
}); |
||||
|
||||
// Собираем данные для Таймера 2 |
||||
const timer2Items = document.querySelectorAll('.timer:nth-child(2) input[type="time"]'); |
||||
timer2Items.forEach(function (item) { |
||||
timersData.timer2.push(item.value); |
||||
let days = ""; |
||||
var checkboxes = document.getElementsByName('week2'); |
||||
for (var checkbox of checkboxes) |
||||
{ |
||||
days+=(checkbox.checked ? 1 : 0); |
||||
}; |
||||
let out = ""; |
||||
var checkboxes = document.getElementsByName('out2');//считываем чекбокс в строку типа 1111100 |
||||
for (var checkbox of checkboxes) |
||||
{ |
||||
out+=(checkbox.checked ? 1 : 0); |
||||
} |
||||
|
||||
|
||||
outData.t2 = out; |
||||
weekData.timer2_week = days; |
||||
}); |
||||
|
||||
// Собираем данные для Таймера 3 |
||||
const timer3Items = document.querySelectorAll('.timer:nth-child(3) input[type="time"]'); |
||||
timer3Items.forEach(function (item) { |
||||
timersData.timer3.push(item.value); |
||||
|
||||
let days = ""; |
||||
var checkboxes = document.getElementsByName('week3'); |
||||
for (var checkbox of checkboxes) |
||||
{ |
||||
days+=(checkbox.checked ? 1 : 0); |
||||
}; |
||||
let out = ""; |
||||
var checkboxes = document.getElementsByName('out3');//считываем чекбокс в строку типа 1111100 |
||||
for (var checkbox of checkboxes) |
||||
{ |
||||
out+=(checkbox.checked ? 1 : 0); |
||||
} |
||||
outData.t3 = out; |
||||
weekData.timer3_week = days; |
||||
}); |
||||
|
||||
// Преобразуем объект в JSON-строку |
||||
const jsonData = JSON.stringify(timersData); |
||||
const jsonWeek = JSON.stringify(weekData); |
||||
const jsonout = JSON.stringify(outData); |
||||
|
||||
// Выводим JSON-данные в консоль |
||||
console.log(jsonData); |
||||
console.log(jsonWeek); |
||||
console.log(jsonout); |
||||
|
||||
webSocket.send(jsonWeek);//отправка строки через websoket |
||||
webSocket.send(jsonData); |
||||
webSocket.send(jsonout); |
||||
}); |
||||
|
||||
// Получаем элементы DOM |
||||
const checkboxes = document.querySelectorAll('.myCheckbox'); |
||||
const checkboxValues = document.getElementById('checkboxValues'); |
||||
|
||||
// Создаем строку для хранения значений |
||||
let valuesString = '0000000'; |
||||
|
||||
// Добавляем обработчик события "change" к каждому чекбоксу |
||||
checkboxes.forEach((checkbox, index) => { |
||||
checkbox.addEventListener('change', function () { |
||||
// Обновляем значение в строке |
||||
valuesString = valuesString.substring(0, index) + (checkbox.checked ? '1' : '0') + valuesString.substring(index + 1); |
||||
|
||||
// Выводим обновленную строку в элементе DOM |
||||
//checkboxValues.textContent = valuesString; |
||||
|
||||
// Выводим значение в консоль браузера |
||||
console.log('Checkbox values: ' + valuesString); |
||||
}); |
||||
}); |
||||
|
||||
|
||||
|
||||
|
||||
</script> |
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,320 @@ |
||||
@charset "utf-8"; |
||||
|
||||
html {font-family: Arial; display: inline-block; text-align: center;} |
||||
body { |
||||
background-color: #C9C6C5; |
||||
color: #FFFFFF; |
||||
font-family: Arial, sans-serif; |
||||
font-size: 14px; |
||||
width: 100%; |
||||
margin-top: 5px; |
||||
background-image: url(fon.jpg); |
||||
position: static; |
||||
margin-left: 0px; |
||||
} |
||||
a{ |
||||
color: #FFFFFF; |
||||
margin-left: 17px; |
||||
} |
||||
a:visited { |
||||
color: #FFFFFF; /* Цвет посещенных ссылок */ |
||||
text-decoration: none; |
||||
margin-left: 17px; |
||||
} |
||||
a:active { |
||||
color: #A7F095; /* Цвет активных ссылок */ |
||||
margin-left: 17px; |
||||
} |
||||
a:hover { |
||||
color: #AFDAF4; /* Цвет ссылок при наведении мыши*/ |
||||
margin-left: 17px; |
||||
} |
||||
button { |
||||
padding: 10px 20px; |
||||
font: inherit; |
||||
transition: color 0s linear 2s; |
||||
} |
||||
|
||||
button:active { |
||||
color: #047F44; |
||||
transition-delay: 0s; |
||||
} |
||||
|
||||
|
||||
#header { |
||||
background: #F5DEB3; |
||||
width: 100%; |
||||
} |
||||
|
||||
#container { |
||||
background-color: #FFFFFF; |
||||
margin-right: auto; |
||||
margin-left: auto; |
||||
margin-bottom: auto; |
||||
text-align: center; |
||||
width: 80%; |
||||
height: 84px; |
||||
margin-top: 7px; |
||||
padding-top: 1px; |
||||
} |
||||
|
||||
#nav |
||||
{ |
||||
background-color: #2F4468; |
||||
width: 100%; |
||||
color: #FFFFFF; |
||||
font-size: small; |
||||
margin-left: -18px; |
||||
margin-top: -3px; |
||||
} |
||||
#nav1 |
||||
{ |
||||
background-color: #2F4468; |
||||
width: 100%; |
||||
color: #110FF8; |
||||
font-size: small; |
||||
margin-top: 64px; |
||||
margin-right: 64px; |
||||
margin-bottom: 64px; |
||||
margin-left: 64px; |
||||
} |
||||
|
||||
|
||||
#sidebar { |
||||
background-color: #8CA2AF; |
||||
float: left; |
||||
width: 20%; |
||||
position: static; |
||||
margin-top: -1px; |
||||
height: 420px; |
||||
min-width: 0px; |
||||
} |
||||
|
||||
#content { |
||||
background-color: #F8E6C1; |
||||
float: right; |
||||
width: 80%; |
||||
color: #14437A; |
||||
margin-top: -2px; |
||||
opacity: 0.91; |
||||
} |
||||
#content1 { |
||||
background-color: #F8E6C1; |
||||
width: 80%; |
||||
color: #14437A; |
||||
margin-right: auto; |
||||
margin-left: auto; |
||||
opacity: 0.91; |
||||
|
||||
} |
||||
|
||||
#clear { |
||||
clear: both; |
||||
} |
||||
|
||||
#footer { |
||||
background: #00BFFF; |
||||
width: 100%; |
||||
height: 40px; |
||||
} |
||||
|
||||
.topnav { |
||||
overflow: hidden; |
||||
background-color: #2f4468; |
||||
color: white; |
||||
font-size: 1.7rem; |
||||
height: 65px; |
||||
line-height: 3px; |
||||
|
||||
} |
||||
.top{ |
||||
overflow: hidden; |
||||
background-color: #8CA2AF; |
||||
color: white; |
||||
width: 100%; |
||||
|
||||
} |
||||
.top1{ |
||||
overflow: hidden; |
||||
background-color: #8CA2AF; |
||||
color: white; |
||||
width: 10%; |
||||
|
||||
} |
||||
.top2{ |
||||
overflow: hidden; |
||||
background-color: #B59D69; |
||||
color: white; |
||||
width: 100%; |
||||
|
||||
} |
||||
|
||||
.card.temperature { color: #fd7e14; } |
||||
.card.humidity { color: #1b78e2; } |
||||
.card.but { color: #3F97E8; } |
||||
|
||||
|
||||
.card { |
||||
background-color: #F9F9F7; |
||||
box-shadow: 2px 2px 12px 1px rgba(140,140,140,.5); |
||||
} |
||||
.cards { |
||||
max-width: 901px; |
||||
margin-right: auto; |
||||
margin-left: auto; |
||||
display: grid; |
||||
grid-gap: 2rem; |
||||
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); |
||||
min-height: 133px; |
||||
} |
||||
.reading { |
||||
font-size: 2.8rem; |
||||
|
||||
} |
||||
|
||||
|
||||
#navigation2 { |
||||
font-size: small; |
||||
color: #3E73A7; |
||||
float: left; |
||||
border-top-width: thick; |
||||
padding-left: 20px; |
||||
} |
||||
#navigation1 { |
||||
font-size: small; |
||||
color: #FFFFFF; |
||||
float: left; |
||||
border-top-width: thick; |
||||
padding-left: 20px; |
||||
} |
||||
|
||||
.times{ |
||||
font-size: xx-large; |
||||
margin-top: -50px; |
||||
background-color: #2F4468; |
||||
color: #FFFFFF; |
||||
height: 57px; |
||||
line-height: 56px; |
||||
} |
||||
.manth{ |
||||
color: #02087C; |
||||
margin-top: 0px; |
||||
background-color: #EF7320; |
||||
height: 2pc; |
||||
font-size: large; |
||||
padding-top: 2px; |
||||
opacity: 1; |
||||
line-height: 3%; |
||||
} |
||||
.servertime { |
||||
margin-top: 37px; |
||||
} |
||||
.data{ |
||||
color: #2F4468; |
||||
background-color: #FFFFFF; |
||||
margin-top: -93px; |
||||
height: 146px; |
||||
font-size: 92px; |
||||
line-height: 97px; |
||||
} |
||||
.week{ |
||||
color: #000006; |
||||
margin-top: -91px; |
||||
background-color: #EF7320; |
||||
height: 2pc; |
||||
font-size: large; |
||||
line-height: 30px; |
||||
|
||||
} |
||||
.levnav{ |
||||
font-size: large; |
||||
color: #FFFFFF; |
||||
margin-top: 5px; |
||||
margin-left: 25px; |
||||
line-height: 11px; |
||||
margin-right: 31px; |
||||
text-decoration: none; |
||||
text-align: left; |
||||
|
||||
} |
||||
#containerinf { |
||||
background-color: #B59D69; |
||||
margin-right: auto; |
||||
margin-left: auto; |
||||
margin-bottom: auto; |
||||
text-align: center; |
||||
width: 80%; |
||||
height: 84px; |
||||
margin-top: 7px; |
||||
padding-top: 1px; |
||||
opacity: 1; |
||||
} |
||||
#contentinfo { |
||||
background-color: #ECD9B1; |
||||
width: 100%; |
||||
color: #14437A; |
||||
margin-top: -2px; |
||||
opacity: 0.83; |
||||
} |
||||
.contentgraf { |
||||
background-color: #FFFFFF; |
||||
width: 100%; |
||||
color: #14437A; |
||||
margin-top: -2px; |
||||
|
||||
} |
||||
#tablinfo{ |
||||
background-color: #ECD9B1; |
||||
width: 35%; |
||||
color: #14437A; |
||||
margin-top: 11px; |
||||
opacity: 0.83; |
||||
text-align: center; |
||||
margin-right: auto; |
||||
margin-left: auto; |
||||
|
||||
} |
||||
.switch { |
||||
position: relative; |
||||
display: inline-block; |
||||
width: 120px; |
||||
height: 68px} |
||||
.switch input {display: none} |
||||
.slider { |
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; |
||||
right: 0; bottom: 0; |
||||
background-color: #F0D2A8; |
||||
border-radius: 34px} |
||||
.slider:before { |
||||
position: absolute; |
||||
content: ""; |
||||
height: 52px; |
||||
width: 52px; |
||||
left: 8px; |
||||
bottom: 8px; |
||||
background-color: #fff; |
||||
-webkit-transition: .4s; |
||||
transition: .4s; |
||||
border-radius: 68px} |
||||
input:checked+.slider {background-color: #2196F3} |
||||
input:checked+.slider:before {-webkit-transform: translateX(52px); |
||||
-ms-transform: translateX(52px); transform: translateX(52px)} |
||||
.slider2 { -webkit-appearance: none; margin: 14px; width: 360px; height: 15px; background: #EAD7AF; |
||||
outline: none; -webkit-transition: .2s; transition: opacity .2s;} |
||||
.slider2::-webkit-slider-thumb {-webkit-appearance: none; appearance: none; width: 35px; height: 35px; background: #003249; cursor: pointer;} |
||||
.slider2::-moz-range-thumb { width: 15px; height: 35px; background: #003249; cursor: pointer; } |
||||
input[type=time] { |
||||
border: #01094B; |
||||
|
||||
color: #01094B; |
||||
padding: 2px; |
||||
margin: 3px; |
||||
font-size: 22px; |
||||
font-family: helvetica; |
||||
width: 93px; |
||||
} |
||||
|
||||
|
||||
|
||||
@ -0,0 +1,289 @@ |
||||
|
||||
<!DOCTYPE HTML><html> |
||||
|
||||
<head> |
||||
<title>ESP-NOW DASHBOARD</title> |
||||
<meta charset="utf-8"> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1"> |
||||
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous"> |
||||
<link href="style.css" rel="stylesheet" type="text/css"> |
||||
<link rel="icon" href="favicon.ico"> |
||||
|
||||
<link rel="icon" type="png" sizes="32x32" href="favicon-32x32.png"> |
||||
<link rel="icon" type="png" sizes="16x16" href="favicon-16x16.png"> |
||||
<link href="style.css" rel="stylesheet" type="text/css"> |
||||
</head> |
||||
<body> |
||||
|
||||
<div id="content1"> |
||||
<div class="topnav"> |
||||
<p><h3>ESP-Домашний сервер</h3><span class="data"></span><span id="dataserv">%dataserv%</span></p> |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div> |
||||
|
||||
<div class="top2"> |
||||
|
||||
<nav1><a href="index.html" title="главное меню"> Главное меню </a></nav1> |
||||
|
||||
<nav1><a href="setting.html" title="настройки"> настройки </a></nav1> |
||||
|
||||
<nav1><a href="inform.html" title="информация"> информация </a></nav1> |
||||
|
||||
</div> |
||||
<div style="text-align: center;"> |
||||
<div id="contentinfo"> |
||||
<h1>Таймер</h1> |
||||
<div class="cards"> |
||||
|
||||
|
||||
<div class="card but"> |
||||
<p><span id="timer1">%timer1%</span> минут</p> |
||||
<p><input type="range" onmousechange="updateSliderTimer1(this)" onchange="updateSliderTimer1(this)" oninput="updateSliderTimer1(this)" id="Timer_slider1" min="0" max="120" value="%timer1%" step="5" class="slider2"></p> |
||||
%BUTTONPLACEHOLDER1% |
||||
</div> |
||||
|
||||
<div class="card but"> |
||||
<p><span id="timer2">%timer2%</span> минут</p> |
||||
<p><input type="range" onmousechange="updateSliderTimer2(this)" oninput="updateSliderTimer2(this)" onchange="updateSliderTimer2(this)" id="Timer_slider2" min="0" max="120" value="%timer2%" step="5" class="slider2"></p> |
||||
%BUTTONPLACEHOLDER2% |
||||
</div> |
||||
|
||||
<div class="card but"> |
||||
%BUTTONPLACEHOLDER3% |
||||
</div> |
||||
<div class="card but"> |
||||
%BUTTONPLACEHOLDER4% |
||||
</div> |
||||
|
||||
</div> |
||||
|
||||
|
||||
|
||||
<div id="clear"> |
||||
<p></p> |
||||
<p></p> |
||||
<p></p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="top"> |
||||
<font size="2" > </font> |
||||
<font color="#CF7071" size="3"><span id="timeserv1">0:00</span></font> |
||||
</div> |
||||
|
||||
|
||||
<div id="clear"> |
||||
<p></p> |
||||
<p></p> |
||||
<p></p> |
||||
</div> |
||||
|
||||
</div> |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script type="text/javascript"> |
||||
|
||||
|
||||
function toggleCheckbox(element) {//вкл чекбокса передть на сервер (element.id номер бокса)состояние(state=1или0) |
||||
var xhr = new XMLHttpRequest(); |
||||
if(element.checked){ xhr.open("GET", "/update?output="+element.id+"&state=1", true); } |
||||
else { xhr.open("GET", "/update?output="+element.id+"&state=0", true); } |
||||
xhr.send(); |
||||
} |
||||
|
||||
|
||||
|
||||
|
||||
setInterval(function ( ) { |
||||
var xhttp = new XMLHttpRequest(); |
||||
xhttp.onreadystatechange = function() { |
||||
if (this.readyState == 4 && this.status == 200) {//Если readyState равно 4, это означает, что запрос выполнен |
||||
var inputChecked; |
||||
//cостояние чекбокса передается строкой типа 101 те 1й-вкл 2й-выкл 3й-вкл |
||||
response=Number(this.responseText)//далее расшифровуем строку |
||||
if( response-99 >0)//1xx |
||||
{inputChecked = true; |
||||
document.getElementById("4").checked = inputChecked;//состояние чекбокса |
||||
// 110 100 111 101 |
||||
if( response-109 >0) |
||||
{inputChecked = true; |
||||
document.getElementById("26").checked = inputChecked;//состояние чекбокса |
||||
//10 11 |
||||
if( response-110 >0)//10 11 |
||||
{inputChecked = true; |
||||
document.getElementById("27").checked = inputChecked;//состояние чекбокса |
||||
document.getElementById("55").checked = inputChecked;//состояние чекбокса |
||||
} |
||||
else |
||||
{inputChecked = false; |
||||
document.getElementById("27").checked = inputChecked;//состояние чекбокса |
||||
document.getElementById("55").checked = inputChecked;//состояние чекбокса |
||||
} |
||||
|
||||
} |
||||
else |
||||
{inputChecked = false; |
||||
document.getElementById("26").checked = inputChecked;//состояние чекбокса |
||||
if( response-100 >0)//10 11 |
||||
{inputChecked = true; |
||||
document.getElementById("27").checked = inputChecked;//состояние чекбокса |
||||
document.getElementById("55").checked = inputChecked;//состояние чекбокса |
||||
} |
||||
else |
||||
{inputChecked = false; |
||||
document.getElementById("27").checked = inputChecked;//состояние чекбокса |
||||
document.getElementById("55").checked = inputChecked;//состояние чекбокса |
||||
} |
||||
} |
||||
} |
||||
else//000 |
||||
{ inputChecked = false; |
||||
document.getElementById("4").checked = inputChecked;//состояние чекбокса |
||||
// 10 11 01 00 |
||||
if( response-9 >0) |
||||
{inputChecked = true; |
||||
document.getElementById("26").checked = inputChecked;//состояние чекбокса |
||||
if( response-10 >0) |
||||
{inputChecked = true; |
||||
document.getElementById("27").checked = inputChecked;//состояние чекбокса |
||||
document.getElementById("55").checked = inputChecked;//состояние чекбокса |
||||
|
||||
} |
||||
else |
||||
{inputChecked = false; |
||||
document.getElementById("27").checked = inputChecked;//состояние чекбокса |
||||
document.getElementById("55").checked = inputChecked;//состояние чекбокса |
||||
|
||||
} |
||||
} |
||||
else |
||||
{inputChecked = false; |
||||
document.getElementById("26").checked = inputChecked;//состояние чекбокса |
||||
if( response >0) |
||||
{inputChecked = true; |
||||
document.getElementById("27").checked = inputChecked;//состояние чекбокса |
||||
document.getElementById("55").checked = inputChecked;//состояние чекбокса |
||||
} |
||||
else |
||||
{inputChecked = false; |
||||
document.getElementById("27").checked = inputChecked;//состояние чекбокса |
||||
document.getElementById("55").checked = inputChecked;//состояние чекбокса |
||||
|
||||
} |
||||
} |
||||
|
||||
} |
||||
} |
||||
}; |
||||
xhttp.open("GET", "/state", true);//запрос на сервер о состоянии выключателя |
||||
xhttp.send(); |
||||
}, 1000 ) ;//1000 -это раз в 1сек |
||||
|
||||
|
||||
if (!!window.EventSource) { |
||||
var source = new EventSource('/events'); |
||||
|
||||
source.addEventListener('open', function(e) { |
||||
console.log("Events Connected"); |
||||
}, false); |
||||
source.addEventListener('error', function(e) { |
||||
if (e.target.readyState != EventSource.OPEN) { |
||||
console.log("Events Disconnected"); |
||||
} |
||||
}, false); |
||||
|
||||
source.addEventListener('message', function(e) { |
||||
console.log("message", e.data); |
||||
}, false); |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
// source.addEventListener('t1', function(e) {;//слушаем когда прийдет t1 |
||||
// document.getElementById("t1").innerHTML =e.data;// заменяем в HTML страничке id="t1" на то что пришло t1=25 |
||||
// }, false);// events.send(String(t1).c_str(), "t1", millis()); в Loop надо отправить t1=25 |
||||
|
||||
|
||||
|
||||
|
||||
source.addEventListener('timeserv', function(e) {//ремя работы сервера |
||||
document.getElementById("timeserv1").innerHTML =e.data; |
||||
}, false); |
||||
|
||||
// source.addEventListener('t10', function(e) {//ремя работы сервера |
||||
// document.getElementById("t10").innerHTML =e.data; |
||||
// }, false); |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
source.addEventListener('Timer1', function(e) {//время таймера1 |
||||
|
||||
document.getElementById("Timer_slider1").innerHTML =e.data; |
||||
document.getElementById("timer1").innerHTML = e.data; |
||||
|
||||
updateSliderPosition1(e.data); |
||||
}, false); |
||||
|
||||
source.addEventListener('Timer2', function(e) {//время таймера2 |
||||
document.getElementById("Timer_slider2").innerHTML =e.data; |
||||
document.getElementById("timer2").innerHTML = e.data; |
||||
updateSliderPosition2(e.data); |
||||
}, false); |
||||
|
||||
|
||||
} |
||||
function updateSliderTimer1(element) { |
||||
var sliderValue1 = document.getElementById("Timer_slider1").value;//В следующей строке отображается текущее значение слайдера по его идентификатору и сохраняется в переменной JavaScript sliderValue |
||||
|
||||
document.getElementById("timer1").innerHTML = sliderValue1;//После этого мы устанавливаем метку слайдера (идентификатор которой - timer1) на значение, сохраненное в переменной sliderValue. |
||||
|
||||
var xhr = new XMLHttpRequest(); |
||||
xhr.open("GET", "/slider1?value="+sliderValue1, true); |
||||
xhr.send(); |
||||
updateSliderPosition1(sliderValue1); |
||||
} |
||||
function updateSliderTimer2(element) { |
||||
|
||||
var sliderValue2 = document.getElementById("Timer_slider2").value; |
||||
|
||||
document.getElementById("timer2").innerHTML = sliderValue2; |
||||
|
||||
var xhr = new XMLHttpRequest(); |
||||
xhr.open("GET", "/slider2?value="+sliderValue2, true); |
||||
xhr.send(); |
||||
updateSliderPosition2(sliderValue2); |
||||
} |
||||
|
||||
|
||||
function updateSliderPosition1(value) {//обновление положения ползунка т1 |
||||
const slider = document.getElementById('Timer_slider1'); |
||||
slider.value = value; |
||||
} |
||||
function updateSliderPosition2(value) {//обновление положения ползунка т2 |
||||
const slider = document.getElementById('Timer_slider2'); |
||||
slider.value = value; |
||||
} |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</script> |
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,192 @@ |
||||
|
||||
<!DOCTYPE HTML><html> |
||||
|
||||
<head> |
||||
<title>ESP-NOW DASHBOARD</title> |
||||
<meta charset="utf-8"> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1"> |
||||
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous"> |
||||
<link href="style.css" rel="stylesheet" type="text/css"> |
||||
<link rel="icon" href="favicon.ico"> |
||||
|
||||
<link rel="icon" type="png" sizes="32x32" href="favicon-32x32.png"> |
||||
<link rel="icon" type="png" sizes="16x16" href="favicon-16x16.png"> |
||||
<link href="style.css" rel="stylesheet" type="text/css"> |
||||
</head> |
||||
<body> |
||||
|
||||
<div id="content1"> |
||||
<div class="topnav"> |
||||
<p><h3>ESP-Домашний сервер</h3><span class="data"></span><span id="dataserv">%dataserv%</span></p> |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div> |
||||
|
||||
<div class="top2"> |
||||
|
||||
<nav1><a href="index.html" title="главное меню"> Главное меню </a></nav1> |
||||
|
||||
<nav1><a href="setting.html" title="настройки"> настройки </a></nav1> |
||||
|
||||
<nav1><a href="inform.html" title="информация"> информация </a></nav1> |
||||
|
||||
</div> |
||||
<div style="text-align: center;"> |
||||
<div id="contentinfo"> |
||||
<h1>Управление</h1> |
||||
<div class="cards"> |
||||
<div class="card temperature"> |
||||
<h4><i class="fas fa-thermometer-half"></i> TEMPERATURE</h4><p><span class="reading"><span id="t1"></span> °C</span></p><p class="packet">Time <span id="tim2"></span></p> |
||||
</div> |
||||
<div class="card humidity"> |
||||
<h4><i class="fas fa-tint"></i> HUMIDITY</h4><p><span class="reading"><span id="h1"></span> %</span></p><p class="packet">Time <span id="tim3"></span></p> |
||||
</div> |
||||
<div class="card but"> |
||||
%BUTTONPLACEHOLDER1% |
||||
</div> |
||||
|
||||
<div class="card but"> |
||||
%BUTTONPLACEHOLDER2% |
||||
</div> |
||||
|
||||
<div class="card but"> |
||||
%BUTTONPLACEHOLDER3% |
||||
</div> |
||||
<div class="card but"> |
||||
%BUTTONPLACEHOLDER4% |
||||
</div> |
||||
|
||||
</div> |
||||
|
||||
|
||||
|
||||
<div id="clear"> |
||||
<p></p> |
||||
<p></p> |
||||
<p></p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="top"> |
||||
<font size="2" > </font> |
||||
<font color="#CF7071" size="3"><span id="timeserv1">0:00</span></font> |
||||
</div> |
||||
|
||||
|
||||
<div id="clear"> |
||||
<p></p> |
||||
<p></p> |
||||
<p></p> |
||||
</div> |
||||
|
||||
</div> |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script type="text/javascript"> |
||||
|
||||
|
||||
var webSocket; |
||||
connectWebSocket(); |
||||
function connectWebSocket() { |
||||
webSocket = new WebSocket('ws://' + window.location.hostname + '/ws'); |
||||
|
||||
webSocket.onopen = function(event) {//реакция на подключение вебсекета |
||||
console.log('WebSocket connected'); |
||||
}; |
||||
|
||||
webSocket.onmessage = function(event) {//реакция на данные |
||||
var tabd=event.data; |
||||
|
||||
|
||||
|
||||
if(isJsonString(tabd)==1) |
||||
{var data = JSON.parse(event.data);//получаем и парсим выходы jsonStringout={"id":"out","out1":"101"} |
||||
if (data.id === 'out') { |
||||
const out = Array.from(data.out1).map(Number);//"101"=>{1,0,1} строку в массив |
||||
console.log("readings", out); |
||||
if(out[0]==1){ document.getElementById("4").checked = true;} |
||||
else{document.getElementById("4").checked = false;} |
||||
if(out[1]==1){ document.getElementById("26").checked = true;} |
||||
else{document.getElementById("26").checked = false;} |
||||
if(out[2]==1){ document.getElementById("27").checked = true;} |
||||
else{document.getElementById("27").checked = false;} |
||||
if(out[3]==1){ document.getElementById("55").checked = true;} |
||||
else{document.getElementById("55").checked = false;} |
||||
}; |
||||
if (data.id === '2') { |
||||
console.log("readings", event.data); |
||||
document.getElementById("t1").innerHTML = data.tkom1; |
||||
document.getElementById("h1").innerHTML = data.hkom1; |
||||
}; |
||||
if (data.label3 === 'count2') { |
||||
document.getElementById("timeserv1").innerHTML = data.value; |
||||
}; |
||||
|
||||
} |
||||
|
||||
|
||||
}; |
||||
webSocket.onclose = function(event) {//реакция на отключение вебсекета |
||||
console.log('WebSocket disconnected'); |
||||
var messageElement = document.getElementById('message'); |
||||
messageElement.innerHTML ='WebSocket disconnected. Reconnecting...'; |
||||
setTimeout(connectWebSocket, 2000); |
||||
setTimeout(function() { messageElement.innerHTML = ''; }, 5000); |
||||
}; |
||||
webSocket.onerror = function(event) { |
||||
console.error('WebSocket error:', event); |
||||
}; |
||||
} |
||||
|
||||
function isJsonString(str) {//проверка строки на json |
||||
try { |
||||
JSON.parse(str); |
||||
} catch (e) { |
||||
//console.log("isJsonString", false); |
||||
return false; |
||||
|
||||
} |
||||
//console.log("isJsonString", true); |
||||
return true; |
||||
} |
||||
|
||||
function toggleCheckbox(element) {//вкл чекбокса передaть на сервер (element.id номер бокса)состояние(state=1или0) |
||||
// var xhr = new XMLHttpRequest(); |
||||
console.log("toggleCheckbox", element.checked); |
||||
const outData = { |
||||
ido :"", |
||||
out:"" |
||||
} |
||||
outData.ido=element.id; |
||||
if(element.checked) |
||||
{ //xhr.open("GET", "/update?output="+element.id+"&state=1", true) |
||||
|
||||
outData.out='1'; |
||||
// var out1 = document.getElementsById('4');// |
||||
// var out2 = document.getElementsById('26');// |
||||
// var out3 = document.getElementsById('27');// |
||||
console.log("ON", element.id); |
||||
// webSocket.send(jsonData); |
||||
} |
||||
else { outData.out='0'; |
||||
console.log("OFF", element.id); } |
||||
const jsonout = JSON.stringify(outData); |
||||
//console.log("JSON", jsonout);//{"ido":"4","out":1} |
||||
webSocket.send(jsonout); |
||||
} |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</script> |
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,109 @@ |
||||
|
||||
<!DOCTYPE HTML><html> |
||||
|
||||
<head> |
||||
<title>ESP-NOW DASHBOARD</title> |
||||
<meta charset="utf-8"> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1"> |
||||
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous"> |
||||
<link href="style.css" rel="stylesheet" type="text/css"> |
||||
<link rel="icon" href="favicon.ico"> |
||||
|
||||
<link rel="icon" type="png" sizes="32x32" href="favicon-32x32.png"> |
||||
<link rel="icon" type="png" sizes="16x16" href="favicon-16x16.png"> |
||||
<link href="style.css" rel="stylesheet" type="text/css"> |
||||
</head> |
||||
<body> |
||||
|
||||
<div id="content1"> |
||||
<div class="topnav"> |
||||
<p><h3>ESP-Домашний сервер</h3><span class="data"></span><span id="dataserv">%dataserv%</span></p> |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div> |
||||
|
||||
<div class="top2"> |
||||
|
||||
<nav1><a href="index.html" title="главное меню"> Главное меню </a></nav1> |
||||
|
||||
<nav1><a href="setting.html" title="настройки"> настройки </a></nav1> |
||||
|
||||
<nav1><a href="inform.html" title="информация"> информация </a></nav1> |
||||
|
||||
</div> |
||||
<div style="text-align: center;"> |
||||
<div id="contentinfo"> |
||||
<h1>Управление</h1> |
||||
<div class="cards"> |
||||
<div class="card temperature"> |
||||
<h4><i class="fas fa-thermometer-half"></i> TEMPERATURE</h4><p><span class="reading"><span id="t1"></span> °C</span></p><p class="packet">Time <span id="tim2"></span></p> |
||||
</div> |
||||
<div class="card humidity"> |
||||
<h4><i class="fas fa-tint"></i> HUMIDITY</h4><p><span class="reading"><span id="h1"></span> %</span></p><p class="packet">Time <span id="tim3"></span></p> |
||||
</div> |
||||
|
||||
|
||||
</div> |
||||
|
||||
|
||||
|
||||
<div id="clear"> |
||||
<p></p> |
||||
<p></p> |
||||
<p></p> |
||||
</div> |
||||
<div align="center"> |
||||
<form> |
||||
<input type="button" value="Войти на страницу" onClick="Input()"> |
||||
</form> |
||||
<div id="clear"> |
||||
<p></p> |
||||
<p></p> |
||||
<p></p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="top"> |
||||
<font size="2" > </font> |
||||
<font color="#CF7071" size="3"><span id="timeserv1">0:00</span></font> |
||||
</div> |
||||
|
||||
|
||||
<div id="clear"> |
||||
<p></p> |
||||
<p></p> |
||||
<p></p> |
||||
</div> |
||||
|
||||
</div> |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script type="text/javascript"> |
||||
function Input(){ |
||||
login_ok = false; |
||||
user_name = ""; |
||||
password = ""; |
||||
user_name = prompt("Логин",""); |
||||
user_name = user_name.toLowerCase(); |
||||
password = prompt("Пароль",""); |
||||
password = password.toLowerCase(); |
||||
if (user_name=="serg" && password=="1974") { |
||||
login_ok = true; |
||||
window.location = "index.html"; |
||||
} |
||||
|
||||
|
||||
if (login_ok==false) alert("Неверный логин или пароль!"); |
||||
} |
||||
</script> |
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,68 @@ |
||||
void Nrfsetup() |
||||
{ |
||||
if (! radio.begin()) |
||||
{ |
||||
// if(!SD.begin()){
|
||||
Serial.println("Radio is failed"); |
||||
// return;
|
||||
} |
||||
else |
||||
{ |
||||
Serial.println("Radio begin"); |
||||
} |
||||
radio.setChannel(100); |
||||
radio.setPayloadSize(16);//должно быть16
|
||||
radio.setAddressWidth(5); |
||||
radio.setAutoAck( 0 ,false); |
||||
radio.setCRCLength(RF24_CRC_16); |
||||
radio.setDataRate(RF24_2MBPS); |
||||
radio.openReadingPipe(0,pip); |
||||
radio.startListening(); |
||||
} |
||||
|
||||
void nrf() |
||||
{ |
||||
if (radio.available()){
|
||||
radio.read(msg,16);
|
||||
esp_task_wdt_reset();//reset WDT
|
||||
Serial.println(msg); |
||||
parsmsg(); |
||||
delay(0); |
||||
if (radio.available()){radio.read(msg,16);
|
||||
parsmsg();} |
||||
delay(500); |
||||
if (radio.available()){radio.read(msg,16);
|
||||
parsmsg();} |
||||
delay(500); |
||||
if (radio.available()){radio.read(msg,16);
|
||||
parsmsg();} |
||||
delay(500); |
||||
if (radio.available()){radio.read(msg,16);
|
||||
parsmsg();} |
||||
delay(500); |
||||
if (radio.available()){radio.read(msg,16);
|
||||
parsmsg();} |
||||
delay(0); |
||||
JSstringK();//создаем строку для сайта
|
||||
delay(0); |
||||
|
||||
|
||||
if(nt==2){saveul();}//t9 T2
|
||||
if(nt==3){savebalk();}//t1 T3
|
||||
if(nt==4){savek2();}//t2 T4
|
||||
if(nt==5){savek1();}//t3 T5
|
||||
if(nt==7){savekor();}//t5 T6
|
||||
if(nt==9){saveakva();}//t7 T7
|
||||
delay(0); |
||||
if (radio.available()){radio.read(msg,16);} |
||||
} |
||||
//t1+138c347v524h5 балкон
|
||||
//t2+243c401v528h моя комната
|
||||
// t3+230c357v469h зал
|
||||
// t5+230c357v469h коридор
|
||||
//9d+088h866s00v улица восток
|
||||
//t7+247c251c243c024 t1 t2 t3 akva
|
||||
|
||||
delay(0); |
||||
|
||||
} |
||||
@ -0,0 +1,140 @@ |
||||
void ntp() |
||||
{ |
||||
// while(!timeClient.update()) {
|
||||
// timeClient.forceUpdate();
|
||||
//}
|
||||
Serial.println("NTP"); |
||||
ntp_on=0; |
||||
if(!timeClient.update()) { |
||||
for(int i=0; i<2 && !timeClient.update(); i++) |
||||
{timeClient.forceUpdate(); |
||||
if(i<1)//проверка подкл к NTP
|
||||
{ntp_on=1; |
||||
} |
||||
else |
||||
{ |
||||
ntp_on=0;
|
||||
} |
||||
} |
||||
}
|
||||
else{ |
||||
ntp_on=1;
|
||||
} |
||||
|
||||
|
||||
//если подкл
|
||||
if(ntp_on==1) |
||||
{ // The formattedDate comes with the following format:
|
||||
// 2018-05-28T16:00:13Z
|
||||
// We need to extract date and time
|
||||
// formattedDate = timeClient.getFormattedDate();
|
||||
formattedTime =timeClient.getFormattedTime(); |
||||
Serial.println(formattedTime); |
||||
Serial.println("NTP3"); |
||||
// getDay
|
||||
//getHours
|
||||
//getMinutes
|
||||
//getSeconds
|
||||
//getFormattedTime
|
||||
// formattedDate =timeClient.getFormattedDate();
|
||||
// int splitT = formattedDate.indexOf("T");
|
||||
// dayStamp = formattedDate.substring(0, splitT);
|
||||
// Serial.println(timeClient.getDay());
|
||||
|
||||
// Extract time
|
||||
// timeStamp = formattedDate.substring(splitT+1, formattedDate.length()-1);
|
||||
// Serial.println("ntp");
|
||||
// Serial.println(timeClient.getEpochTime());
|
||||
stamp.getDateTime(timeClient.getEpochTime()); |
||||
EpochTime=timeClient.getEpochTime(); |
||||
Serial.println(EpochTime); |
||||
// забираем вот так
|
||||
// Serial.println(stamp.year);
|
||||
Serial.println(stamp.month); |
||||
Serial.println(stamp.day); |
||||
// Serial.println(stamp.hour);
|
||||
// Serial.println(stamp.minute);
|
||||
// Serial.println(stamp.second);
|
||||
Serial.println(stamp.dayOfWeek); |
||||
timeserv=formatTimeDigits(stamp.hour,stamp.minute);
|
||||
Serial.println("time"); |
||||
Serial.println(timeserv); |
||||
//dataserv=formatDateDigits(stamp.day, stamp.month, stamp.year);
|
||||
//***************************Из ntp в ds 3231************************************
|
||||
DateTime now = rtc.now(); |
||||
if((stamp.day==now.day())&&(stamp.hour==now.hour())) |
||||
{ rtc.adjust(DateTime(stamp.year,stamp.month, stamp.day, stamp.hour,stamp.minute,stamp.second)); |
||||
Serial.println("NTP time write"); |
||||
} |
||||
|
||||
hour1=stamp.hour; |
||||
min1=stamp.minute; |
||||
|
||||
dataserv=stamp.day; |
||||
munthserv=strm[stamp.month-1] ; |
||||
weekserv=strweek[stamp.dayOfWeek]; |
||||
// tweekday=stamp.dayOfWeek;//1-7
|
||||
//Serial.println(timeserv);
|
||||
//Serial.println(dataserv);
|
||||
} |
||||
else |
||||
{Serial.println("NTP not c0nnect");//EpochTime=10983 3:03:03
|
||||
//EpochTime=EpochTime;//если NTP не ответил читаем EpochTime с СД карты
|
||||
} |
||||
|
||||
} |
||||
|
||||
char *formatTimeDigits(int hour, int minute) |
||||
{ |
||||
char *time_str = new char[5]; |
||||
time_str[0] = '0' + (hour / 10); |
||||
time_str[1] = '0' + (hour % 10); |
||||
time_str[2] = ':'; |
||||
time_str[3] = '0' + (minute / 10); |
||||
time_str[4] = '0' + (minute % 10); |
||||
time_str[5] = '\0'; |
||||
|
||||
return time_str; |
||||
} |
||||
|
||||
char *formatDateDigits(int date, int mounth, int year) |
||||
{ |
||||
char *date_str = new char[9]; |
||||
|
||||
date_str[1] = '0' + (date % 10); |
||||
date_str[2] = '/'; |
||||
date_str[0] = '0' + (date / 10); |
||||
date_str[3] = '0' + (mounth / 10); |
||||
date_str[4] = '0' + (mounth % 10); |
||||
date_str[5] = '/'; |
||||
date_str[6] = '0' + ((year % 100) / 10); |
||||
date_str[7] = '0' + (year % 10); |
||||
date_str[8] = '\0'; |
||||
|
||||
return date_str; |
||||
} |
||||
|
||||
void ntphome() |
||||
{DateTime now = rtc.now(); |
||||
// stamp.getDateTime(timeClient.getEpochTime());
|
||||
// timeserv=formatTimeDigits(stamp.hour,stamp.minute);
|
||||
timeserv=formatTimeDigits(now.hour(),now.minute());
|
||||
// hour1=stamp.hour;
|
||||
hour1=now.hour(); |
||||
//min1=stamp.minute;
|
||||
min1=now.minute(); |
||||
|
||||
// dataserv=formatDateDigits(stamp.day, stamp.month, stamp.year);
|
||||
//dataserv=stamp.day;
|
||||
dataserv=now.day(); |
||||
data1=now.day(); |
||||
munthserv=strm[now.month()-1] ; |
||||
|
||||
weekserv=strweek[now.dayOfTheWeek()]; |
||||
|
||||
tweekday=now.dayOfTheWeek(); |
||||
month1=now.month(); |
||||
year1=now.year(); |
||||
Serial.println("time"); |
||||
Serial.println(timeserv); |
||||
} |
||||
@ -0,0 +1,74 @@ |
||||
void outconvert() |
||||
{ int led; |
||||
bool outl; |
||||
int j=0; |
||||
for (int i = 0; i < ledout.length() ; i++) {//перебираем строку данных {"ido":"4","out":"1"}
|
||||
|
||||
if (ledout[i]==':') |
||||
{j++; |
||||
if (j==1)//первое :
|
||||
{ if (ledout[i+3]!='\"') |
||||
{ |
||||
led=int(ledout[i+2] - '0')*10+int(ledout[i+3] - '0'); |
||||
} |
||||
else |
||||
{ led=int(ledout[i+2] - '0'); |
||||
} |
||||
} |
||||
if (j==2)//второе :
|
||||
{outl=int(ledout[i+2] - '0'); |
||||
} |
||||
} |
||||
|
||||
|
||||
} |
||||
|
||||
switch (led) { |
||||
case 4:
|
||||
|
||||
state1=outl;
|
||||
gpio[0]=outl; |
||||
gpio[3]=0; |
||||
break; |
||||
case 26:
|
||||
state2=outl;
|
||||
gpio[1]=outl; |
||||
gpio[3]=0; |
||||
// BTimer2[0]=3;
|
||||
break; |
||||
case 27:
|
||||
state3=outl;
|
||||
gpio[2]=outl; |
||||
gpio[3]=0; |
||||
// BTimer3[0]=3;
|
||||
break; |
||||
case 55:
|
||||
//таймер или кнопки
|
||||
//state1=outl;
|
||||
gpio[3]=outl; |
||||
|
||||
break; |
||||
} |
||||
if( gpio[3]==0)//1-управление выходами через таймер 0- через кнопки
|
||||
{ BTimer1[0]=3; |
||||
BTimer2[0]=3; |
||||
BTimer3[0]=3; |
||||
} |
||||
else |
||||
{ |
||||
BTimer1[0]=2; |
||||
BTimer2[0]=2; |
||||
BTimer3[0]=2; |
||||
btime(); |
||||
} |
||||
digitalWrite(led, outl);
|
||||
Serial.print(state1); |
||||
Serial.print(state2); |
||||
Serial.println(state3); |
||||
Serial.print("led");
|
||||
Serial.print(led); |
||||
Serial.print(":");
|
||||
Serial.println(outl);
|
||||
|
||||
} |
||||
|
||||
@ -0,0 +1,394 @@ |
||||
|
||||
void parsmsg() |
||||
{ |
||||
//int tkom1=0;//температура
|
||||
//int hkom1=0;//влажность
|
||||
//int batkom1=0;
|
||||
//String timekom1;//время прихода данных комната1
|
||||
|
||||
//int tkom2=0;
|
||||
//int hkom2=0;
|
||||
//int batkom2=0;
|
||||
//String timekom2;
|
||||
|
||||
//int tkor=0;
|
||||
//int hkor=0;
|
||||
//int batkor=0;
|
||||
//String timekor;
|
||||
|
||||
//int tbal=0;
|
||||
//int hbal=0;
|
||||
//int batbal=0;
|
||||
//String timebal;
|
||||
|
||||
//String timebal;
|
||||
//t1+138c347v524h5 балкон
|
||||
//t2+243c401v528h моя комната
|
||||
// t3+230c357v469h зал
|
||||
// t5+230c357v469h коридор
|
||||
//9d+088h866s00v улица восток
|
||||
//timeul1
|
||||
//tul1
|
||||
//hul1
|
||||
//osv1
|
||||
//char msg[16];принятое сообщение
|
||||
int tdat;//температура
|
||||
int hdat;//влажность
|
||||
int vdat;//напряж батареи датчика
|
||||
int zndat; |
||||
int osv; |
||||
char token9[] = "9d";//улица
|
||||
char token11[] = "t1";//датчики
|
||||
char token12[] = "t2";//датчики
|
||||
char token13[] = "t3";//датчики
|
||||
char token14[] = "t4";//датчики
|
||||
char token15[] = "t5";//датчики
|
||||
char token17[] = "t7";//датчики akva
|
||||
|
||||
int n=0; |
||||
int p=0;
|
||||
boolean chet=0;
|
||||
char c ; |
||||
delay(0);
|
||||
//***************************
|
||||
Serial.println (msg); |
||||
for (int j=0 ; j<15 ;j++)
|
||||
{ c=msg[j];//принятая с премника перемнная
|
||||
|
||||
|
||||
if (p==9) |
||||
{ if (c==token9[1]){p=99;}//данные с ул датчика восток
|
||||
else{ |
||||
p=0;} |
||||
} |
||||
if (p==101)//cравнение второго символа на соответствие t 1
|
||||
{ if (c==token11[1]){p=111;} |
||||
|
||||
} |
||||
if (p==101)//cравнение второго символа на соответствие t 2
|
||||
{ if (c==token12[1]){p=112;} |
||||
|
||||
} |
||||
if (p==101)//cравнение второго символа на соответствие t 3
|
||||
{ if (c==token13[1]){p=113;} |
||||
|
||||
} |
||||
if (p==101)//cравнение второго символа на соответствие t 4
|
||||
{ if (c==token14[1]){p=114;} |
||||
|
||||
} |
||||
if (p==101)//cравнение второго символа на соответствие t 4
|
||||
{ if (c==token17[1]){p=117;} |
||||
|
||||
} |
||||
if (p==101)//cравнение второго символа на соответствие t 5
|
||||
{ if (c==token15[1]){p=115;} |
||||
else{ |
||||
p=0;} |
||||
} |
||||
//*************************************************
|
||||
delay(0); |
||||
if (p==99)
|
||||
{// myFile.print(c);//d+237h895s05v
|
||||
nt=2; |
||||
timeul1=timeserv;//время получения данных
|
||||
n++; |
||||
if (n==2){ |
||||
if (c==45){zndat=1;//-
|
||||
}//znak
|
||||
else |
||||
{zndat=2;//+
|
||||
} |
||||
} |
||||
if (n==3) {tdat=(c-48)*100;} //температура
|
||||
if (n==4){tdat=(c-48)*10+tdat;} |
||||
if (n==5){ |
||||
tdat=(c-48)+tdat; |
||||
|
||||
if(zndat==1){tul1="-"+String (tdat/10)+"."+String (tdat%10); //температура знак -230 -23.0
|
||||
} |
||||
else |
||||
{tul1=String (tdat/10)+"."+String (tdat%10); //температура без знака +230 +23.0
|
||||
} |
||||
} |
||||
if (n==7){hdat=(c-48)*100;}//влажность
|
||||
if (n==8){hdat=(c-48)*10+hdat;} |
||||
if (n==9){ |
||||
hdat=(c-48)+hdat; |
||||
hul1=String (hdat/10)+"."+String (hdat%10); //влажность 866 86.6%
|
||||
} |
||||
if (n==11){osv=10*(c-48);}//освещенность
|
||||
if (n==12) |
||||
{osv=osv+(c-48); |
||||
if(osv>99){osv=99;} |
||||
osv1=String (osv)+"%"; |
||||
}//sun
|
||||
// hourdu=t.hour;//время прихода данных час
|
||||
// mindu=t.min;//мин
|
||||
|
||||
} |
||||
//*****************************************
|
||||
delay(0); |
||||
//*****************датчики температуры переносные***********************
|
||||
//************************T1****************************************************
|
||||
if (p==111) //выделение данных из принятой строки
|
||||
{ timebal=timeserv;//время получения данных
|
||||
nt=3; |
||||
//byte ntdat;номер датчика
|
||||
//byte zndat;знак температуры 0+
|
||||
//int tdat;температура
|
||||
//int hdat;влажность
|
||||
//int vdat;напряж батареи датчика
|
||||
n++; |
||||
if (n==2){ |
||||
if (c==45){zndat=1;//-
|
||||
}//znak
|
||||
else |
||||
{zndat=0;//+
|
||||
} |
||||
} |
||||
if (n==3) {tdat=(c-48)*100;} //температура
|
||||
if (n==4){tdat=(c-48)*10+tdat;} |
||||
if (n==5) |
||||
{tdat=(c-48)+tdat; |
||||
tbal=String (tdat/10)+"."+String (tdat%10); //температура без знака +230 +23.0
|
||||
} |
||||
|
||||
if (n==7){vdat=(c-48)*100;}//напряж батареи датчика
|
||||
if (n==8){vdat=(c-48)*10+vdat;} |
||||
if (n==9) |
||||
{vdat=(c-48)+vdat; |
||||
batbal=String (vdat/100)+"."+String (vdat%100);//батарея 357v 3.75в
|
||||
} |
||||
if (n==11){hdat=(c-48)*100;}//влажность
|
||||
if (n==12) |
||||
{hdat=(c-48)*10+hdat; |
||||
} |
||||
if (n==13) |
||||
{hdat=(c-48)+hdat; |
||||
hbal=String (hdat/10)+"."+String (hdat%10); //влажность 866 86.6%
|
||||
} |
||||
|
||||
} |
||||
delay(0); |
||||
//**************************************** T2
|
||||
if (p==112) //выделение данных из принятой строки
|
||||
{timekom2=timeserv;//время получения данных
|
||||
nt=4; |
||||
n++; |
||||
if (n==2){ |
||||
if (c==45){zndat=1;//-
|
||||
}//znak
|
||||
else |
||||
{zndat=0;//+
|
||||
} |
||||
} |
||||
if (n==3) {tdat=(c-48)*100;} //температура
|
||||
if (n==4){tdat=(c-48)*10+tdat;} |
||||
if (n==5) |
||||
{tdat=(c-48)+tdat; |
||||
tkom2=String (tdat/10)+"."+String (tdat%10); //температура без знака +230 +23.0
|
||||
} |
||||
|
||||
if (n==7){vdat=(c-48)*100;}//напряж батареи датчика
|
||||
if (n==8){vdat=(c-48)*10+vdat;} |
||||
if (n==9) |
||||
{vdat=(c-48)+vdat; |
||||
batkom2=String (vdat/100)+"."+String (vdat%100);//батарея 357v 3.75в
|
||||
} |
||||
if (n==11){hdat=(c-48)*100;}//влажность
|
||||
if (n==12) |
||||
{hdat=(c-48)*10+hdat;
|
||||
} |
||||
if (n==13) |
||||
{hdat=(c-48)+hdat; |
||||
hkom2=String (hdat/10)+"."+String (hdat%10); //влажность 866 86.6%
|
||||
} |
||||
|
||||
} |
||||
delay(0); |
||||
//****************************************
|
||||
//**************************************** T3
|
||||
if (p==113) //выделение данных из принятой строки
|
||||
{// myFile.print(c);//t2+103c375v299h9
|
||||
nt=5; |
||||
timekom1=timeserv;//время получения данных
|
||||
n++; |
||||
if (n==2){ |
||||
if (c==45){zndat=1;//-
|
||||
}//znak
|
||||
else |
||||
{zndat=0;//+
|
||||
} |
||||
} |
||||
if (n==3) {tdat=(c-48)*100;} //температура
|
||||
if (n==4){tdat=(c-48)*10+tdat;} |
||||
if (n==5) |
||||
{tdat=(c-48)+tdat; |
||||
tkom1=String (tdat/10)+"."+String (tdat%10); //температура без знака +230 +23.0
|
||||
} |
||||
|
||||
|
||||
|
||||
if (n==7){vdat=(c-48)*100;}//напряж батареи датчика
|
||||
if (n==8){vdat=(c-48)*10+vdat;} |
||||
if (n==9) |
||||
{vdat=(c-48)+vdat; |
||||
batkom1=String (vdat/100)+"."+String (vdat%100);//батарея 357v 3.75в
|
||||
} |
||||
if (n==11){hdat=(c-48)*100;}//влажность
|
||||
if (n==12) |
||||
{hdat=(c-48)*10+hdat; |
||||
} |
||||
if (n==13) |
||||
{hdat=(c-48)+hdat; |
||||
hkom1=String (hdat/10)+"."+String (hdat%10); //влажность 866 86.6%
|
||||
} |
||||
|
||||
} |
||||
//**************************************** T4 ****************************
|
||||
/* if (p==114) //выделение данных из принятой строки
|
||||
{// myFile.print(c);//t1+103c375v299h9
|
||||
ntdat=4; |
||||
if(chet==0) |
||||
{ if( hourd4==t.hour) |
||||
{fh=1; |
||||
} |
||||
else |
||||
{fh=0; |
||||
} |
||||
chet=1; |
||||
} |
||||
hourd4=t.hour; |
||||
mind4=t.min;
|
||||
//byte ntdat;номер датчика
|
||||
//byte zndat;знак температуры 0+
|
||||
//int tdat;температура
|
||||
//int hdat;влажность
|
||||
//int vdat;напряж батареи датчика
|
||||
n++; |
||||
if (n==2){ |
||||
if (c==45){zndat=1;//-
|
||||
}//znak
|
||||
else |
||||
{zndat=0;//+
|
||||
} |
||||
} |
||||
if (n==3) {tdat=(c-48)*100;} //температура
|
||||
if (n==4){tdat=(c-48)*10+tdat;} |
||||
if (n==5) |
||||
{tdat=(c-48)+tdat; |
||||
for (int u =22 ; u >= 0; u = u--) |
||||
{ |
||||
t4[u+1]=t4[u]; |
||||
} |
||||
if(zndat==1)//-
|
||||
{t14=tdat+1000; |
||||
t4[0]=t14; |
||||
} |
||||
else |
||||
{t14=tdat; |
||||
t4[0]=t14; |
||||
} |
||||
} |
||||
|
||||
if (n==7){vdat=(c-48)*100;}//напряж батареи датчика
|
||||
if (n==8){vdat=(c-48)*10+vdat;} |
||||
if (n==9) |
||||
{vdat=(c-48)+vdat; |
||||
bat[3]=vdat; |
||||
} |
||||
if (n==11){hdat=(c-48)*100;}//влажность
|
||||
if (n==12) |
||||
{hdat=(c-48)*10+hdat; |
||||
for (int u =22 ; u >= 0; u = u--) |
||||
{ |
||||
h4[u+1]=h4[u]; |
||||
} |
||||
h4[0]=hdat; |
||||
|
||||
} |
||||
if (n==13) |
||||
{hdat=(c-48)+hdat; |
||||
h14=hdat; |
||||
} |
||||
|
||||
}*/ |
||||
delay(0); |
||||
//**************************************** T5
|
||||
if (p==115) //выделение данных из принятой строки
|
||||
{// myFile.print(c);//t2+103c375v299h9
|
||||
timekor=timeserv;//время получения данных
|
||||
nt=7; |
||||
n++; |
||||
if (n==2){ |
||||
if (c==45){zndat=1;//-
|
||||
}//znak
|
||||
else |
||||
{zndat=0;//+
|
||||
} |
||||
} |
||||
if (n==3) {tdat=(c-48)*100;} //температура
|
||||
if (n==4){tdat=(c-48)*10+tdat;} |
||||
if (n==5) |
||||
{tdat=(c-48)+tdat; |
||||
tkor=String (tdat/10)+"."+String (tdat%10); //температура без знака +230 +23.0
|
||||
} |
||||
|
||||
if (n==7){vdat=(c-48)*100;}//напряж батареи датчика
|
||||
if (n==8){vdat=(c-48)*10+vdat;} |
||||
if (n==9) |
||||
{vdat=(c-48)+vdat; |
||||
batkor=String (vdat/100)+"."+String (vdat%100);//батарея 357v 3.75в
|
||||
} |
||||
if (n==11){hdat=(c-48)*100;}//влажность
|
||||
if (n==12) |
||||
{hdat=(c-48)*10+hdat; |
||||
} |
||||
if (n==13) |
||||
{hdat=(c-48)+hdat; |
||||
hkor=String (hdat/10)+"."+String (hdat%10); //влажность 866 86.6%
|
||||
} |
||||
|
||||
}
|
||||
delay(0);
|
||||
//*******************************************************************************
|
||||
//**************************************** T7
|
||||
if (p==117) //выделение данных из принятой строки
|
||||
{// myFile.print(c);//t7+247c251c243c024
|
||||
timeakva=timeserv;//время получения данных
|
||||
nt=9;// номер терм для сайта
|
||||
n++; |
||||
if (n==3) {tdat=(c-48)*100;} //температура t1
|
||||
if (n==4){tdat=(c-48)*10+tdat;} |
||||
if (n==5) |
||||
{tdat=(c-48)+tdat; |
||||
takva1=String (tdat/10)+"."+String (tdat%10); //температура без знака +230 +23.0
|
||||
} |
||||
|
||||
if (n==7){vdat=(c-48)*100;}//t2
|
||||
if (n==8){vdat=(c-48)*10+vdat;} |
||||
if (n==9) |
||||
{vdat=(c-48)+vdat; |
||||
takva2=String (vdat/10)+"."+String (vdat%10);//t2
|
||||
} |
||||
if (n==11){hdat=(c-48)*100;}//t3
|
||||
if (n==12){hdat=(c-48)*10+hdat;} |
||||
if (n==13) |
||||
{hdat=(c-48)+hdat; |
||||
takva3=String (hdat/10)+"."+String (hdat%10);//t3
|
||||
|
||||
} |
||||
|
||||
|
||||
} |
||||
delay(0);
|
||||
//*******************************************************************************
|
||||
|
||||
if ((c==token9[0])&&(p==0)){p=9;}
|
||||
if ((c==token11[0])&&(p==0)){p=101;}//cравнение первого символа на соответствие t
|
||||
}//for
|
||||
//*************************************************
|
||||
|
||||
|
||||
}//void pars
|
||||
@ -0,0 +1,60 @@ |
||||
String processor(const String& var){ |
||||
//Serial.println(var);
|
||||
if(var == "BUTTONPLACEHOLDER1"){//вставка на странице(если в HTML нашли BUTTONPLACEHOLDER1 то вставляем кнопки)
|
||||
String buttons =""; |
||||
//отправка значения состояния перключателей checked- включен ""-выключен
|
||||
buttons+= "<h4>Выход 1</h4><label class=\"switch\"><input type=\"checkbox\" onchange=\"toggleCheckbox(this)\" id=\"4\" " + outputState(4) + "><span class=\"slider\"></span></label>"; |
||||
|
||||
return buttons; |
||||
} |
||||
if(var == "BUTTONPLACEHOLDER2"){//вставка на странице(если в HTML нашли BUTTONPLACEHOLDER2 то вставляем кнопки)
|
||||
String buttons =""; |
||||
//отправка значения состояния перключателей checked- включен ""-выключен
|
||||
|
||||
buttons += "<h4>Выход 2</h4><label class=\"switch\"><input type=\"checkbox\" onchange=\"toggleCheckbox(this)\" id=\"26\" " + outputState(26) + "><span class=\"slider\"></span></label>"; |
||||
|
||||
return buttons; |
||||
} |
||||
if(var == "BUTTONPLACEHOLDER3"){//вставка на странице(если в HTML нашли BUTTONPLACEHOLDER3 то вставляем кнопки)
|
||||
String buttons =""; |
||||
//отправка значения состояния перключателей checked- включен ""-выключен
|
||||
|
||||
buttons += "<h4>Выход 3</h4><label class=\"switch\"><input type=\"checkbox\" onchange=\"toggleCheckbox(this)\" id=\"27\" " + outputState(27) + "><span class=\"slider\"></span></label>"; |
||||
return buttons; |
||||
} |
||||
if(var == "BUTTONPLACEHOLDER4"){//вставка на странице(если в HTML нашли BUTTONPLACEHOLDER4 то вставляем кнопки)
|
||||
String buttons =""; |
||||
//отправка значения состояния перключателей checked- включен ""-выключен
|
||||
//кнопка таймера (если вкл то выходы работают по таймерам если нет то по кнопке
|
||||
buttons += "<h4>Таймер</h4><label class=\"switch\"><input type=\"checkbox\" onchange=\"toggleCheckbox(this)\" id=\"55\" " + outputState55(55) + "><span class=\"slider\"></span></label>"; |
||||
return buttons; |
||||
} |
||||
if(var == "BUTTON"){//вставка на странице(если в HTML нашли BUTTON то вставляем кнопки)
|
||||
String buttons =""; |
||||
//отправка значения состояния перключателей checked- включен ""-выключен
|
||||
buttons+= "<h4>Output - GPIO 4 </h4><label class=\"switch\"><input type=\"checkbox\" onchange=\"toggleCheckbox(this)\" id=\"4\" " + outputState(4) + "><span class=\"slider\"></span></label>"; |
||||
buttons += "<h4>Output - GPIO 26</h4><label class=\"switch\"><input type=\"checkbox\" onchange=\"toggleCheckbox(this)\" id=\"26\" " + outputState(26) + "><span class=\"slider\"></span></label>"; |
||||
buttons += "<h4>Output - GPIO 27</h4><label class=\"switch\"><input type=\"checkbox\" onchange=\"toggleCheckbox(this)\" id=\"27\" " + outputState(27) + "><span class=\"slider\"></span></label>"; |
||||
return buttons; |
||||
} |
||||
return String(); |
||||
} |
||||
|
||||
//************************************************
|
||||
|
||||
String outputState(int out){ |
||||
if(digitalRead(out)){ |
||||
return "checked"; |
||||
} |
||||
else { |
||||
return ""; |
||||
} |
||||
} |
||||
String outputState55(int out){ |
||||
if(gpio[3]==1){ |
||||
return "checked"; |
||||
} |
||||
else { |
||||
return ""; |
||||
} |
||||
} |
||||
@ -0,0 +1,30 @@ |
||||
void vrem()//время работы сервера
|
||||
{ |
||||
|
||||
int time17 = millis()/1000; |
||||
delay(0); |
||||
if (time17/60/60<10) { Serial.print ("0"); } |
||||
Serial.print (time17/60/60); |
||||
Serial.print (":"); |
||||
if (time17/60%60<10) { Serial.print ("0"); } |
||||
Serial.print ((time17/60)%60); |
||||
Serial.print (":"); |
||||
if (time17%60<10) { Serial.print ("0"); } |
||||
Serial.println (time17%60); |
||||
delay(0); |
||||
String q1=String(time17/60/60, DEC); |
||||
delay(0); |
||||
String q2=String((time17/60)%60, DEC); |
||||
delay(0); |
||||
String q3=String(time17%60, DEC); |
||||
delay(0); |
||||
if ((time17/60)%60<10) |
||||
{ |
||||
t10=String(time17/60/60, DEC)+":"+"0"+String((time17/60)%60, DEC); |
||||
} |
||||
else |
||||
{t10=String(time17/60/60, DEC)+":"+String((time17/60)%60, DEC); |
||||
} |
||||
delay(0);
|
||||
//t10 =q1+":"+q2+":"+q3 ;
|
||||
} |
||||
@ -0,0 +1,41 @@ |
||||
void settimer() { |
||||
|
||||
|
||||
/* LED pin */ |
||||
//int led = 14;
|
||||
/* LED state */ |
||||
//volatile byte state = LOW;
|
||||
// Use 1st timer of 4 (counted from zero).
|
||||
// Set 80 divider for prescaler (see ESP32 Technical Reference Manual for more
|
||||
// info).
|
||||
timer = timerBegin(2, 80, true); |
||||
|
||||
/* Attach onTimer function to our timer */ |
||||
// timerAttachInterrupt(timer, &onTimer, true);
|
||||
timerAttachInterrupt(timer, &onTimer, true); |
||||
/* Set alarm to call onTimer function every second 1 tick is 1us
|
||||
=> 1 second is 1000000us */ |
||||
/* Repeat the alarm (third parameter) */ |
||||
timerAlarmWrite(timer, 5000000, true); |
||||
/* Start an alarm */ |
||||
timerAlarmEnable(timer); |
||||
// Serial.println("start timer");
|
||||
|
||||
} |
||||
|
||||
void IRAM_ATTR onTimer() |
||||
{ |
||||
EpochTime=EpochTime+5; |
||||
esp_task_wdt_reset();//reset WDT
|
||||
//Serial.print("EpochTime=");
|
||||
//Serial.println(EpochTime);
|
||||
// Increment the counter and set the time of ISR
|
||||
// portENTER_CRITICAL_ISR(&timerMux);
|
||||
// isrCounter++;
|
||||
// lastIsrAt = millis();
|
||||
// portEXIT_CRITICAL_ISR(&timerMux);
|
||||
// Give a semaphore that we can check in the loop
|
||||
// xSemaphoreGiveFromISR(timerSemaphore, NULL);
|
||||
// It is safe to use digitalRead/Write here if you want to toggle an output
|
||||
|
||||
} |
||||
@ -0,0 +1,195 @@ |
||||
void timerconvert() |
||||
{ //timerout= {"id":"tout","t1":"100","t2":"010","t3":"001"} подкл таймеров по выходов
|
||||
//String timerdata
|
||||
//{"timer1":["01:00","09:00","10:00","11:00","","","","","",""],"timer2":[
|
||||
// String timerweek={"id":"week","timer1_week":"0111100","timer2_week":"1000011","timer3_week":"0101010"};
|
||||
//(str[1] = 't')
|
||||
//uint16_t BTimer1 [11] = {3, 390, 450, 1440, 1440, 1440, 1440, 1440, 1440, 1440, 1440}; // массивы всех таймеров для суточных каналов (1 - 4) 0-й элемент отвечает за состояние канала (1 - вкл/ 0 - выкл/ 2 - авто))
|
||||
if (timerdata.startsWith("{\"timer1"))//парсим "timer1":["01
|
||||
{tdat=0; |
||||
int timer=0;//номер таймера
|
||||
//int index =1;// индекс массива таймера
|
||||
// Serial.println("timer");
|
||||
// Serial.println(timerdata.length());
|
||||
// Serial.println(timerdata[12]);
|
||||
for (int i = 0; i < timerdata.length() ; i++) {//перебираем строку данных
|
||||
|
||||
if (timerdata[i]=='[') |
||||
{timer++; |
||||
//********************************************************************
|
||||
if (timer==1) |
||||
{i=i+2; |
||||
for (int j = 1; j < 11 ; j++){ |
||||
if (timerdata[i]!='\"') |
||||
{ |
||||
BTimer1 [j]=((int(timerdata[i] - '0')*10+int(timerdata[i+1] - '0'))*60+(int(timerdata[i+3] - '0')*10+int(timerdata[i+4] - '0'))); |
||||
i=i+8; |
||||
//Serial.println(BTimer1 [j]);
|
||||
} |
||||
else |
||||
{i=i+3; |
||||
BTimer1 [j]=1440;//время неустановлено
|
||||
} |
||||
// Serial.println(timerdata[i]);
|
||||
|
||||
}
|
||||
|
||||
} |
||||
//******************************************************************************
|
||||
if (timer==2) |
||||
{i=i+2; |
||||
for (int j = 1; j < 11 ; j++){ |
||||
|
||||
if (timerdata[i]!='\"') |
||||
{ |
||||
BTimer2 [j]=((int(timerdata[i] - '0')*10+int(timerdata[i+1] - '0'))*60+(int(timerdata[i+3] - '0')*10+int(timerdata[i+4] - '0'))); |
||||
i=i+8; |
||||
//Serial.println(BTimer1 [j]);
|
||||
} |
||||
else |
||||
{i=i+3; |
||||
BTimer2 [j]=1440; |
||||
} |
||||
// Serial.println(timerdata[i]);
|
||||
|
||||
}
|
||||
|
||||
} |
||||
if (timer==3) |
||||
{i=i+2; |
||||
for (int j = 1; j < 11 ; j++){ |
||||
if (timerdata[i]!='\"') |
||||
{ |
||||
BTimer3 [j]=((int(timerdata[i] - '0')*10+int(timerdata[i+1] - '0'))*60+(int(timerdata[i+3] - '0')*10+int(timerdata[i+4] - '0'))); |
||||
i=i+8; |
||||
//Serial.println(BTimer1 [j]);
|
||||
} |
||||
else |
||||
{i=i+3; |
||||
BTimer3 [j]=1440; |
||||
} |
||||
// Serial.println(timerdata[i]);
|
||||
|
||||
}
|
||||
// Serial.println(" ");
|
||||
// for(int a = 0; a < 11; a++)
|
||||
// { Serial.print(BTimer3[a]);
|
||||
// }
|
||||
// Serial.println(" ");
|
||||
} |
||||
} |
||||
|
||||
} |
||||
|
||||
} |
||||
|
||||
|
||||
//******************************************************************************************
|
||||
if (timerweek.startsWith("{\"id\":\"week"))//парсим {"id":"week","timer1_week":"0111100"
|
||||
{tweek=0; |
||||
int timer=0;//номер таймера
|
||||
// Serial.println("week");
|
||||
// Serial.println(timerweek.length());
|
||||
for (int i = 0; i < timerweek.length() ; i++) {//перебираем строку данных
|
||||
if (timerweek[i]==':') |
||||
{timer++; |
||||
if (timer==2)//данные таймера1 идут после вторых двоеточий
|
||||
{i=i+2; |
||||
for (int j = 0; j < 7 ; j++){ |
||||
weekTimer1 [j]=int(timerweek[i+j] - '0');//пребразуем строку "0111100" в массив чисел weekTimer1 [7]=
|
||||
} |
||||
} |
||||
if (timer==3) |
||||
{i=i+2; |
||||
for (int j = 0; j < 7 ; j++){ |
||||
weekTimer2 [j]=int(timerweek[i+j] - '0');//пребразуем строку "0111100" в массив чисел weekTimer1 [7]=
|
||||
} |
||||
} |
||||
if (timer==4) |
||||
{i=i+2; |
||||
for (int j = 0; j < 7 ; j++){ |
||||
weekTimer3 [j]=int(timerweek[i+j] - '0');//пребразуем строку "0111100" в массив чисел weekTimer1 [7]=
|
||||
} |
||||
Serial.print("weekTimer3"); |
||||
for(int a = 0; a < 7; a++) |
||||
{ Serial.print(weekTimer3[a]);
|
||||
} |
||||
Serial.println(""); |
||||
//Serial.println("");
|
||||
// Serial.print("tweekday");
|
||||
//Serial.println(tweekday);
|
||||
} |
||||
} |
||||
} |
||||
} |
||||
// weekTimer1 [7]={0,0,0,0,0,0,0};//недельные установки t1
|
||||
if(weekTimer1 [tweekday-1]==1) |
||||
{BTimer1 [0]=2;//управляем таймером
|
||||
}else |
||||
{ |
||||
BTimer1 [0]=3;//управляем кнопками
|
||||
} |
||||
if(weekTimer2 [tweekday-1]==1) |
||||
{BTimer2 [0]=2;//управляем таймером
|
||||
}else |
||||
{ |
||||
BTimer2 [0]=3;//управляем кнопками
|
||||
} |
||||
if(weekTimer3 [tweekday-1]==1) |
||||
{BTimer3 [0]=2;//управляем таймером
|
||||
}else |
||||
{ |
||||
BTimer3 [0]=3;//управляем кнопками
|
||||
} |
||||
Serial.print("BTimer1 [0]:"); |
||||
Serial.println(BTimer1 [0]); |
||||
Serial.print("BTimer2 [0]:"); |
||||
Serial.println(BTimer2 [0]); |
||||
Serial.print("BTimer3 [0]:"); |
||||
Serial.println(BTimer3 [0]); |
||||
//******************************************************************************************
|
||||
if (timerout.startsWith("{\"id\":\"tout"))//парсим timerout= {"id":"tout","t1":"100","t2":"010","t3":"001"} подкл таймеров по выходов
|
||||
{//tuot=0;
|
||||
int timer=0;//номер таймера
|
||||
// Serial.println("timerout");
|
||||
// Serial.println(timerout.length());
|
||||
for (int i = 0; i < timerout.length() ; i++) {//перебираем строку данных
|
||||
if (timerout[i]==':') |
||||
{timer++; |
||||
if (timer==2)//данные таймера1 идут после вторых двоеточий
|
||||
{i=i+2; |
||||
for (int j = 0; j < 3 ; j++){ |
||||
gpioTimer1[j]=int(timerout[i+j] - '0');//пребразуем строку "011" в массив чисел gpioTimer1 [3]={1,0,0};
|
||||
} |
||||
} |
||||
if (timer==3) |
||||
{i=i+2; |
||||
for (int j = 0; j < 3 ; j++){ |
||||
gpioTimer2[j]=int(timerout[i+j] - '0');//пребразуем строку "011" в массив чисел gpioTimer2 [3]={1,1,0};
|
||||
} |
||||
} |
||||
if (timer==4) |
||||
{i=i+2; |
||||
for (int j = 0; j < 3 ; j++){ |
||||
gpioTimer3[j]=int(timerout[i+j] - '0');//пребразуем строку "011" в массив чисел gpioTimer3 [3]={1,1,0};
|
||||
} |
||||
Serial.println(""); |
||||
Serial.print("gpioTimer1"); |
||||
for(int a = 0; a < 3; a++) |
||||
{ Serial.print(gpioTimer1[a]);
|
||||
} |
||||
Serial.println(""); |
||||
} |
||||
} |
||||
} |
||||
} |
||||
current_time = hour1 * 60 + min1;//настройка выходов в соот с таймерами
|
||||
for (int i = 0; i <= 1439; i++) { |
||||
if (current_time > 1439) current_time = 0; |
||||
state1 = main_log(BTimer1, state1); |
||||
state2 = main_log(BTimer2, state2); |
||||
state3 = main_log(BTimer3, state3); |
||||
current_time++; |
||||
}
|
||||
btime();
|
||||
} |
||||
@ -0,0 +1,69 @@ |
||||
// Correct led start state. Changed all new led bits to prefix new...
|
||||
void handleRoot(AsyncWebServerRequest *request) { |
||||
|
||||
request->send(200, "text/html", R"HTML( |
||||
<!DOCTYPE html> |
||||
<html> |
||||
<head><meta name='viewport' content='width=device-width, initial-scale=1.0'> |
||||
</head> |
||||
<body> |
||||
<h1>ESP32 Websocket Example - Client to Server</h1> |
||||
<h2>With LED status update.</h2> |
||||
<button onclick='toggleLED()'>Toggle LED</button> |
||||
<p>LED Status: <span id='ledStatus'></span></p> |
||||
<button onclick='toggleLED2()'>Toggle LED2</button> |
||||
<p>LED Status: <span id='ledStatus2'></span></p> |
||||
<p>Count:<span id="countData">0:00</span></p> |
||||
<p>Count:<span id="countData1">0:00</span></p> |
||||
<p><span id='message'></span></p> |
||||
<br clear="all"> |
||||
|
||||
<script> |
||||
var webSocket; |
||||
connectWebSocket(); |
||||
function connectWebSocket() { |
||||
webSocket = new WebSocket('ws://' + window.location.hostname + '/ws');
|
||||
|
||||
webSocket.onopen = function(event) {//реакция на подключение вебсекета
|
||||
console.log('WebSocket connected'); |
||||
}; |
||||
|
||||
webSocket.onmessage = function(event) {//реакция на данные
|
||||
var data = JSON.parse(event.data);//
|
||||
if (data.label === 'ledStatus') { |
||||
document.getElementById('ledStatus').innerHTML = data.value; |
||||
} |
||||
if (data.label2 === 'ledStatus2') { |
||||
document.getElementById('ledStatus2').innerHTML = data.value; |
||||
} |
||||
if (data.label3 === 'count1') { |
||||
document.getElementById("countData1").innerHTML = data.value; |
||||
}; |
||||
if (data.label3 === 'count') { |
||||
document.getElementById("countData").innerHTML = data.value; |
||||
}; |
||||
|
||||
} |
||||
webSocket.onclose = function(event) {//реакция на отключение вебсекета
|
||||
console.log('WebSocket disconnected'); |
||||
var messageElement = document.getElementById('message'); |
||||
messageElement.innerHTML ='WebSocket disconnected. Reconnecting...'; |
||||
setTimeout(connectWebSocket, 2000); |
||||
setTimeout(function() { messageElement.innerHTML = ''; }, 5000); |
||||
}; |
||||
webSocket.onerror = function(event) { |
||||
console.error('WebSocket error:', event); |
||||
}; |
||||
} |
||||
function toggleLED() { |
||||
webSocket.send('toggle'); |
||||
} |
||||
function toggleLED2() {//функция на нажатие кнопки
|
||||
webSocket.send('toggle2'); |
||||
} |
||||
|
||||
</script> |
||||
</body> |
||||
</html> |
||||
)HTML"); |
||||
} // END OF void handleRoot(AsyncWebServerRequest *request)
|
||||
@ -0,0 +1,6 @@ |
||||
void writepin() |
||||
{delay(50); |
||||
digitalWrite(5, HIGH); |
||||
delay(10); |
||||
digitalWrite(5, LOW); |
||||
} |
||||
@ -0,0 +1,129 @@ |
||||
void JSstringU() |
||||
{ |
||||
board["id"] = incomingReadings.id; |
||||
|
||||
if(flread==0) |
||||
{ |
||||
board["temperature"] =ts; |
||||
// t1 = incomingReadings.temp;
|
||||
board["humidity"] =hs;
|
||||
board["tim2"] = tim2; |
||||
flread=1;
|
||||
} |
||||
else |
||||
{board["temperature"] =incomingReadings.temp; |
||||
// t1 = incomingReadings.temp;
|
||||
board["humidity"] =incomingReadings.hum; |
||||
if(min1<10) |
||||
{ |
||||
board["tim2"] = String(hour1)+":0"+String(min1);
|
||||
} |
||||
else |
||||
{ |
||||
board["tim2"] =String(hour1)+":"+String(min1);
|
||||
} |
||||
} |
||||
|
||||
|
||||
board["tim3"] = tim3; |
||||
board["dataserv"] = dataserv; |
||||
board["timeserv"] = timeserv; |
||||
board["munthserv"] = munthserv; |
||||
board["weekserv"] = weekserv; |
||||
board["timev"] = timev; |
||||
|
||||
// jsonString = JSON.stringify(board);
|
||||
jsonString = JSON.stringify(board);//{"id":2,"temperature":9.6733450317382812,"humidity":50.41815185546875,"tim2":"12:02","dataserv":"12","timeserv":"15:30","munthserv":"январь",weekserv:"среда"}
|
||||
// events.send(jsonString.c_str(), "new_readings", millis());//обновление веба текущая температура
|
||||
Serial.println (jsonString); |
||||
|
||||
if(wright>360)//запись на sd каждые 30 минут 60*30/5 каждый тик 5сек
|
||||
{String String2=jsonString2+"\n"; |
||||
//appendFile(SD, "/thkom.txt", String2.c_str());//добавление на инфы в файл
|
||||
writeFile(SD, "/thkom1.txt", jsonString2.c_str());//записываем в этот файл последние данные для счит после сброса
|
||||
writeFile(SD, "/thku1.txt", jsonString.c_str());//записываем в этот файл последние данные NOW для счит после сброса
|
||||
|
||||
//wright=0;
|
||||
} |
||||
} |
||||
|
||||
|
||||
void JSstringK() |
||||
{ board2["tkom1"] = tkom1; |
||||
board2["hkom1"] = hkom1; |
||||
board2["batkom1"] = batkom1; |
||||
board2["timekom1"] = timekom1; |
||||
board2["tkom2"] = tkom2; |
||||
board2["hkom2"] = hkom2; |
||||
board2["batkom2"] = batkom2; |
||||
board2["timekom2"] = timekom2; |
||||
board2["tkor"] = tkor; |
||||
board2["hkor"] = hkor; |
||||
board2["batkor"] = batkor; |
||||
board2["timekor"] = timekor; |
||||
board2["tbal"] = tbal; |
||||
board2["hbal"] = hbal; |
||||
board2["batbal"] = batbal; |
||||
board2["timebal"] = timebal; |
||||
board2["tul1"] = tul1; |
||||
board2["hul1"] = hul1; |
||||
board2["osv1"] = osv1; |
||||
board2["timeul1"] = timeul1; |
||||
jsonString2 = JSON.stringify(board2);
|
||||
Serial.println (jsonString2);
|
||||
//"new_datatemp"
|
||||
//events.send(jsonString2.c_str(), "new_datatemp", millis());//обновление веба
|
||||
// writeFile(SD, "/thkom.txt", jsonString2.c_str());
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
if(wright>360)//запись на sd каждые 30 минут 60*30/5 каждый тик 5сек
|
||||
{esp_task_wdt_reset();//reset WDT
|
||||
board["temperature"] =incomingReadings.temp; |
||||
// t1 = incomingReadings.temp;
|
||||
board["humidity"] =incomingReadings.hum; |
||||
if(min1<10) |
||||
{ |
||||
board["tim2"] = String(hour1)+":0"+String(min1);
|
||||
} |
||||
else |
||||
{ |
||||
board["tim2"] =String(hour1)+":"+String(min1);
|
||||
} |
||||
|
||||
|
||||
|
||||
board["tim3"] = tim3; |
||||
board["dataserv"] = dataserv; |
||||
board["timeserv"] = timeserv; |
||||
board["munthserv"] = munthserv; |
||||
board["weekserv"] = weekserv; |
||||
board["timev"] = timev; |
||||
|
||||
// jsonString = JSON.stringify(board);
|
||||
jsonString = JSON.stringify(board); |
||||
|
||||
|
||||
|
||||
|
||||
String String2=jsonString2+"\n"; |
||||
esp_task_wdt_reset();//reset WDT
|
||||
//appendFile(SD, "/thkom.txt", String2.c_str());//добавление на инфы в файл
|
||||
writeFile(SD, "/thkom1.txt", jsonString2.c_str());//записываем в этот файл последние данные для счит после сброса
|
||||
writeFile(SD, "/thku1.txt", jsonString.c_str());//записываем в этот файл последние данные NOW для счит после сброса
|
||||
ESP.restart(); |
||||
wright=0; |
||||
} |
||||
} |
||||
@ -0,0 +1,183 @@ |
||||
void sdlist() |
||||
{ |
||||
//listDir(SD, "/", 0);
|
||||
//listDir(SD, "/", 0);
|
||||
//delay(100);
|
||||
// createDir(SD, "/mydir");//создать директорию (папку)
|
||||
// delay(100);
|
||||
// listDir(SD, "/", 0);
|
||||
// delay(100);
|
||||
// removeDir(SD, "/mydir");
|
||||
//delay(100);
|
||||
// listDir(SD, "/", 2);
|
||||
// delay(100);
|
||||
// writeFile(SD, "/hello.txt", "Hello ");
|
||||
// delay(100);
|
||||
// appendFile(SD, "/hello.txt", "World!\n");
|
||||
// delay(100);
|
||||
// readFile(SD, "/hello.txt");
|
||||
// deleteFile(SD, "/foo.txt");
|
||||
// renameFile(SD, "/hello.txt", "/foo.txt");
|
||||
// readFile(SD, "/foo.txt");
|
||||
// testFileIO(SD, "/test.txt");
|
||||
// Serial.printf("Total space: %lluMB\n", SD.totalBytes() / (1024 * 1024));
|
||||
// Serial.printf("Used space: %lluMB\n", SD.usedBytes() / (1024 * 1024));
|
||||
} |
||||
|
||||
|
||||
void listDir(fs::FS &fs, const char * dirname, uint8_t levels){ |
||||
Serial.printf("Listing directory: %s\n", dirname); |
||||
|
||||
File root = fs.open(dirname); |
||||
if(!root){ |
||||
Serial.println("Failed to open directory"); |
||||
return; |
||||
} |
||||
if(!root.isDirectory()){ |
||||
Serial.println("Not a directory"); |
||||
return; |
||||
} |
||||
|
||||
File file = root.openNextFile(); |
||||
while(file){ |
||||
if(file.isDirectory()){ |
||||
Serial.print(" DIR : "); |
||||
Serial.println(file.name()); |
||||
if(levels){ |
||||
listDir(fs, file.name(), levels -1); |
||||
} |
||||
} else { |
||||
Serial.print(" FILE: "); |
||||
Serial.print(file.name()); |
||||
Serial.print(" SIZE: "); |
||||
Serial.println(file.size()); |
||||
} |
||||
file = root.openNextFile(); |
||||
} |
||||
} |
||||
|
||||
void createDir(fs::FS &fs, const char * path){ |
||||
// Serial.printf("Creating Dir: %s\n", path);
|
||||
if(fs.mkdir(path)){ |
||||
Serial.println("Dir created"); |
||||
} else { |
||||
Serial.println("no dir"); |
||||
} |
||||
} |
||||
|
||||
void removeDir(fs::FS &fs, const char * path){ |
||||
Serial.printf("Removing Dir: %s\n", path); |
||||
if(fs.rmdir(path)){ |
||||
Serial.println("Dir removed"); |
||||
} else { |
||||
Serial.println("rmdir failed"); |
||||
} |
||||
} |
||||
|
||||
void readFile(fs::FS &fs, const char * path){ |
||||
Serial.printf("Reading file: %s\n", path); |
||||
|
||||
File file = fs.open(path); |
||||
if(!file){ |
||||
Serial.println("Failed to open file for reading"); |
||||
return; |
||||
} |
||||
|
||||
Serial.print("Read from file: "); |
||||
while(file.available()){ |
||||
Serial.write(file.read()); |
||||
} |
||||
file.close(); |
||||
} |
||||
|
||||
void writeFile(fs::FS &fs, const char * path, const char * message){ |
||||
Serial.printf("Writing file: %s\n", path); |
||||
|
||||
File file = fs.open(path, FILE_WRITE); |
||||
if(!file){ |
||||
Serial.println("Failed to open file for writing"); |
||||
return; |
||||
} |
||||
if(file.print(message)){ |
||||
Serial.println("File written"); |
||||
} else { |
||||
Serial.println("Write failed"); |
||||
} |
||||
file.close(); |
||||
} |
||||
|
||||
void appendFile(fs::FS &fs, const char * path, const char * message){ |
||||
Serial.printf("Appending to file: %s\n", path); |
||||
|
||||
File file = fs.open(path, FILE_APPEND); |
||||
if(!file){ |
||||
Serial.println("Failed to open file for appending"); |
||||
return; |
||||
} |
||||
if(file.print(message)){ |
||||
Serial.println("Message appended"); |
||||
} else { |
||||
Serial.println("Append failed"); |
||||
} |
||||
file.close(); |
||||
} |
||||
|
||||
void renameFile(fs::FS &fs, const char * path1, const char * path2){ |
||||
Serial.printf("Renaming file %s to %s\n", path1, path2); |
||||
if (fs.rename(path1, path2)) { |
||||
Serial.println("File renamed"); |
||||
} else { |
||||
Serial.println("Rename failed"); |
||||
} |
||||
} |
||||
|
||||
void deleteFile(fs::FS &fs, const char * path){ |
||||
Serial.printf("Deleting file: %s\n", path); |
||||
if(fs.remove(path)){ |
||||
Serial.println("File deleted"); |
||||
} else { |
||||
Serial.println("Delete failed"); |
||||
} |
||||
} |
||||
|
||||
void testFileIO(fs::FS &fs, const char * path){ |
||||
File file = fs.open(path); |
||||
static uint8_t buf[512]; |
||||
size_t len = 0; |
||||
uint32_t start = millis(); |
||||
uint32_t end = start; |
||||
if(file){ |
||||
len = file.size(); |
||||
size_t flen = len; |
||||
start = millis(); |
||||
while(len){ |
||||
size_t toRead = len; |
||||
if(toRead > 512){ |
||||
toRead = 512; |
||||
} |
||||
file.read(buf, toRead); |
||||
len -= toRead; |
||||
} |
||||
end = millis() - start; |
||||
Serial.printf("%u bytes read for %u ms\n", flen, end); |
||||
file.close(); |
||||
} else { |
||||
Serial.println("Failed to open file for reading"); |
||||
} |
||||
|
||||
|
||||
file = fs.open(path, FILE_WRITE); |
||||
if(!file){ |
||||
Serial.println("Failed to open file for writing"); |
||||
return; |
||||
} |
||||
|
||||
size_t i; |
||||
start = millis(); |
||||
for(i=0; i<2048; i++){ |
||||
file.write(buf, 512); |
||||
} |
||||
end = millis() - start; |
||||
Serial.printf("%u bytes written for %u ms\n", 2048 * 512, end); |
||||
file.close(); |
||||
} |
||||
@ -0,0 +1,117 @@ |
||||
void savedata() |
||||
{ |
||||
|
||||
JSONVar boardat; |
||||
if(min1<10) |
||||
{boardat["Time"] = String(hour1)+":0"+String(min1);
|
||||
} |
||||
else |
||||
{ |
||||
boardat["Time"] = String(hour1)+":"+String(min1);
|
||||
} |
||||
boardat["temperatura"] =String(t1)+" C"; |
||||
boardat["humidity"] = String(h1)+" %"; |
||||
tempdat = JSON.stringify(boardat); |
||||
Serial.println (tempdat); |
||||
esp_task_wdt_reset();//reset WDT
|
||||
//JSON { "Time":"11:03", "temperatura":"10.56 C", "humidity":"7,56 %" },
|
||||
tempdat=tempdat+"\n"; |
||||
|
||||
//myFile = SD.open("/07.txt",FILE_WRITE);
|
||||
// myFile = SD.open("/TEMPUL/28.txt", FILE_APPEND);//открываем файл в режиме добавления данных
|
||||
// myFile = SD.open("/TEMPUL/2022/FEB/27.txt", FILE_APPEND);//открываем файл в режиме добавления данных
|
||||
|
||||
// Serial.println ("open07");
|
||||
// myFile.print(tempdat+"\n");
|
||||
// myFile.close();
|
||||
//Serial.println (stamp.year);
|
||||
//************************************************************************************************************************************************************************************************************************************
|
||||
Serial.println ("name2"); |
||||
// String name1="/TEMPUL"+ stryen[stamp.year-2014]+strmen[stamp.month-1]+strden[stamp.day-1];
|
||||
// Serial.println (name2);
|
||||
createDir(SD, "/TEMPUL"); |
||||
String name1="/TEMPUL"+ String(stryen[stamp.year-2014]);//2022
|
||||
char Buf[50]; |
||||
name1.toCharArray(Buf, 50); |
||||
Serial.println (Buf); |
||||
createDir(SD, Buf); |
||||
name1=name1+String(strmen[stamp.month-1]);//FEB
|
||||
name1.toCharArray(Buf, 50); |
||||
Serial.println (Buf); |
||||
createDir(SD, Buf); |
||||
name1=name1+String(strden[stamp.day-1]);//27
|
||||
name1.toCharArray(Buf, 50); |
||||
Serial.println (Buf); |
||||
createDir(SD, Buf); |
||||
|
||||
name1=name1+String(strdaten[0]);//
|
||||
name1.toCharArray(Buf, 50); |
||||
//createDir(SD, "/TEMPUL/2022/FEB/27");
|
||||
// name1="/TEMPUL"+ String(stryen[stamp.year-2014])+String(strmen[stamp.month-1])+String(strden[stamp.day-1])+String(strdaten[0]);
|
||||
Serial.println (Buf); |
||||
appendFile(SD,Buf,tempdat.c_str());//добавление на инфы в файл
|
||||
|
||||
/*
|
||||
//test = strcat(name1,name2);
|
||||
String name1=strcat("/TEMPUL", stryen[stamp.year-2014]); |
||||
String name2=strcat(strmen[stamp.month-1], strd[stamp.day-1]); |
||||
|
||||
//+strm[stamp.month-1]+strd[stamp.day-1];
|
||||
|
||||
String name1="/TEMPUL"+ stry[stamp.year-2014]+strm[stamp.month-1]+strd[stamp.day-1]; |
||||
Serial.println (name2); |
||||
char Buf[50]; |
||||
name1.toCharArray(Buf, 50);
|
||||
createDir(SD, Buf); |
||||
|
||||
name1=name1+ name2+strdaten[0]; |
||||
Serial.println (name1); |
||||
name1.toCharArray(Buf, 50); |
||||
*/ |
||||
|
||||
//****************************************************
|
||||
} |
||||
|
||||
|
||||
|
||||
void readdata() |
||||
{ |
||||
//****************************************************
|
||||
String name1="/TEMPUL"+ String(stryen[stamp.year-2014])+String(strmen[stamp.month-1])+String(strden[stamp.day-1])+String(strdaten[nti]); |
||||
char Buf[50]; |
||||
name1.toCharArray(Buf, 50); |
||||
|
||||
myFile = SD.open(Buf, FILE_READ); |
||||
while(myFile.available()) { |
||||
Serial.write(myFile.read()); |
||||
} |
||||
Serial.println(" ");
|
||||
// Узнаем размер файла:
|
||||
Serial.print("File size: "); |
||||
// "Размер файла: "
|
||||
Serial.println(myFile.size()); |
||||
myFile.close(); |
||||
|
||||
strdat=""; |
||||
|
||||
Serial.println("/TEMPUL/D-2022/FEBR/27/T1.txt"); |
||||
myFile = SD.open(Buf, FILE_READ); |
||||
while(myFile.available()) { |
||||
strdat+=char(myFile.read()); |
||||
} |
||||
myFile.close(); |
||||
|
||||
esp_task_wdt_reset();//reset WDT
|
||||
|
||||
|
||||
board1["tdata"] = strdat;
|
||||
board1["dataserv"] = dataserv; |
||||
board1["timeserv"] = timeserv; |
||||
jsonString1 = JSON.stringify(board1); |
||||
// Serial.println (jsonString1);
|
||||
// Serial.println ("strdat=");
|
||||
//Serial.println (strdat);
|
||||
|
||||
// events.send(tempdat.c_str(), "readings", millis());//обновление веба
|
||||
// events.send(strdat.c_str(), "readings", millis());//обновление веба
|
||||
} |
||||
@ -0,0 +1,207 @@ |
||||
void savebalk() |
||||
{ |
||||
boolean q=0; |
||||
if((hb==hour1)&&( mb==min1)){q=1;} |
||||
hb=hour1; |
||||
mb=min1; |
||||
if(q==0) |
||||
{
|
||||
JSONVar boardat; |
||||
if(min1<10) |
||||
{boardat["Time"] = String(hour1)+":0"+String(min1);
|
||||
} |
||||
else |
||||
{ |
||||
boardat["Time"] = String(hour1)+":"+String(min1);
|
||||
} |
||||
boardat["temperatura"] =String(tbal)+" C"; |
||||
boardat["humidity"] = String(hbal)+" %"; |
||||
tempdat = JSON.stringify(boardat); |
||||
Serial.println (tempdat); |
||||
esp_task_wdt_reset();//reset WDT
|
||||
//JSON { "Time":"11:03", "temperatura":"10.56 C", "humidity":"7,56 %" },
|
||||
tempdat=tempdat+"\n"; |
||||
|
||||
Serial.println ("name2"); |
||||
// String name1="/TEMPUL"+ stryen[stamp.year-2014]+strmen[stamp.month-1]+strden[stamp.day-1];
|
||||
// Serial.println (name2);
|
||||
createDir(SD, "/TEMPUL"); |
||||
String name1="/TEMPUL"+ String(stryen[stamp.year-2014]);//2022
|
||||
char Buf[50]; |
||||
name1.toCharArray(Buf, 50); |
||||
Serial.println (Buf); |
||||
createDir(SD, Buf); |
||||
name1=name1+String(strmen[stamp.month-1]);//FEB
|
||||
name1.toCharArray(Buf, 50); |
||||
Serial.println (Buf); |
||||
createDir(SD, Buf); |
||||
name1=name1+String(strden[stamp.day-1]);//27
|
||||
name1.toCharArray(Buf, 50); |
||||
Serial.println (Buf); |
||||
createDir(SD, Buf); |
||||
|
||||
name1=name1+String(strdaten[2]);//
|
||||
name1.toCharArray(Buf, 50); |
||||
//createDir(SD, "/TEMPUL/2022/FEB/27");
|
||||
// name1="/TEMPUL"+ String(stryen[stamp.year-2014])+String(strmen[stamp.month-1])+String(strden[stamp.day-1])+String(strdaten[0]);
|
||||
Serial.println (Buf); |
||||
appendFile(SD,Buf,tempdat.c_str());//добавление на инфы в файл
|
||||
} |
||||
} |
||||
//*************************K2*****************************************************************
|
||||
|
||||
|
||||
void savek2() |
||||
{ |
||||
|
||||
JSONVar boardat; |
||||
if(min1<10) |
||||
{boardat["Time"] = String(hour1)+":0"+String(min1);
|
||||
} |
||||
else |
||||
{ |
||||
boardat["Time"] = String(hour1)+":"+String(min1);
|
||||
} |
||||
boardat["temperatura"] =String(tkom2)+" C"; |
||||
boardat["humidity"] = String(hkom2)+" %"; |
||||
tempdat = JSON.stringify(boardat); |
||||
Serial.println (tempdat); |
||||
esp_task_wdt_reset();//reset WDT
|
||||
//JSON { "Time":"11:03", "temperatura":"10.56 C", "humidity":"7,56 %" },
|
||||
tempdat=tempdat+"\n"; |
||||
|
||||
Serial.println ("name2"); |
||||
// String name1="/TEMPUL"+ stryen[stamp.year-2014]+strmen[stamp.month-1]+strden[stamp.day-1];
|
||||
// Serial.println (name2);
|
||||
createDir(SD, "/TEMPUL"); |
||||
String name1="/TEMPUL"+ String(stryen[stamp.year-2014]);//2022
|
||||
char Buf[50]; |
||||
name1.toCharArray(Buf, 50); |
||||
Serial.println (Buf); |
||||
createDir(SD, Buf); |
||||
name1=name1+String(strmen[stamp.month-1]);//FEB
|
||||
name1.toCharArray(Buf, 50); |
||||
Serial.println (Buf); |
||||
createDir(SD, Buf); |
||||
name1=name1+String(strden[stamp.day-1]);//27
|
||||
name1.toCharArray(Buf, 50); |
||||
Serial.println (Buf); |
||||
createDir(SD, Buf); |
||||
|
||||
name1=name1+String(strdaten[3]);//
|
||||
name1.toCharArray(Buf, 50); |
||||
//createDir(SD, "/TEMPUL/2022/FEB/27");
|
||||
// name1="/TEMPUL"+ String(stryen[stamp.year-2014])+String(strmen[stamp.month-1])+String(strden[stamp.day-1])+String(strdaten[0]);
|
||||
Serial.println (Buf); |
||||
appendFile(SD,Buf,tempdat.c_str());//добавление на инфы в файл
|
||||
|
||||
} |
||||
|
||||
//**************************K1****************************************************************
|
||||
|
||||
|
||||
void savek1() |
||||
{ |
||||
boolean q=0; |
||||
if((hk==hour1)&&( mk==min1)){q=1;} |
||||
hk=hour1; |
||||
mk=min1; |
||||
if(q==0) |
||||
{
|
||||
JSONVar boardat; |
||||
if(min1<10) |
||||
{boardat["Time"] = String(hour1)+":0"+String(min1);
|
||||
} |
||||
else |
||||
{ |
||||
boardat["Time"] = String(hour1)+":"+String(min1);
|
||||
} |
||||
boardat["temperatura"] =String(tkom1)+" C"; |
||||
boardat["humidity"] = String(hkom1)+" %"; |
||||
tempdat = JSON.stringify(boardat); |
||||
Serial.println (tempdat); |
||||
esp_task_wdt_reset();//reset WDT
|
||||
//JSON { "Time":"11:03", "temperatura":"10.56 C", "humidity":"7,56 %" },
|
||||
tempdat=tempdat+"\n"; |
||||
|
||||
Serial.println ("name2"); |
||||
// String name1="/TEMPUL"+ stryen[stamp.year-2014]+strmen[stamp.month-1]+strden[stamp.day-1];
|
||||
// Serial.println (name2);
|
||||
createDir(SD, "/TEMPUL"); |
||||
String name1="/TEMPUL"+ String(stryen[stamp.year-2014]);//2022
|
||||
char Buf[50]; |
||||
name1.toCharArray(Buf, 50); |
||||
Serial.println (Buf); |
||||
createDir(SD, Buf); |
||||
name1=name1+String(strmen[stamp.month-1]);//FEB
|
||||
name1.toCharArray(Buf, 50); |
||||
Serial.println (Buf); |
||||
createDir(SD, Buf); |
||||
name1=name1+String(strden[stamp.day-1]);//27
|
||||
name1.toCharArray(Buf, 50); |
||||
Serial.println (Buf); |
||||
createDir(SD, Buf); |
||||
|
||||
name1=name1+String(strdaten[4]);//
|
||||
name1.toCharArray(Buf, 50); |
||||
//createDir(SD, "/TEMPUL/2022/FEB/27");
|
||||
// name1="/TEMPUL"+ String(stryen[stamp.year-2014])+String(strmen[stamp.month-1])+String(strden[stamp.day-1])+String(strdaten[0]);
|
||||
Serial.println (Buf); |
||||
appendFile(SD,Buf,tempdat.c_str());//добавление на инфы в файл
|
||||
} |
||||
} |
||||
|
||||
|
||||
//*********************kor*********************************************************************
|
||||
|
||||
|
||||
void savekor() |
||||
{ |
||||
boolean q=0; |
||||
if((hkr==hour1)&&( mkr==min1)){q=1;} |
||||
hkr=hour1; |
||||
mkr=min1; |
||||
if(q==0) |
||||
{
|
||||
JSONVar boardat; |
||||
if(min1<10) |
||||
{boardat["Time"] = String(hour1)+":0"+String(min1);
|
||||
} |
||||
else |
||||
{ |
||||
boardat["Time"] = String(hour1)+":"+String(min1);
|
||||
} |
||||
boardat["temperatura"] =String(tkor)+" C"; |
||||
boardat["humidity"] = String(hkor)+" %"; |
||||
tempdat = JSON.stringify(boardat); |
||||
Serial.println (tempdat); |
||||
esp_task_wdt_reset();//reset WDT
|
||||
//JSON { "Time":"11:03", "temperatura":"10.56 C", "humidity":"7,56 %" },
|
||||
tempdat=tempdat+"\n"; |
||||
|
||||
Serial.println ("name2"); |
||||
// String name1="/TEMPUL"+ stryen[stamp.year-2014]+strmen[stamp.month-1]+strden[stamp.day-1];
|
||||
// Serial.println (name2);
|
||||
createDir(SD, "/TEMPUL"); |
||||
String name1="/TEMPUL"+ String(stryen[stamp.year-2014]);//2022
|
||||
char Buf[50]; |
||||
name1.toCharArray(Buf, 50); |
||||
Serial.println (Buf); |
||||
createDir(SD, Buf); |
||||
name1=name1+String(strmen[stamp.month-1]);//FEB
|
||||
name1.toCharArray(Buf, 50); |
||||
Serial.println (Buf); |
||||
createDir(SD, Buf); |
||||
name1=name1+String(strden[stamp.day-1]);//27
|
||||
name1.toCharArray(Buf, 50); |
||||
Serial.println (Buf); |
||||
createDir(SD, Buf); |
||||
|
||||
name1=name1+String(strdaten[5]);//
|
||||
name1.toCharArray(Buf, 50); |
||||
//createDir(SD, "/TEMPUL/2022/FEB/27");
|
||||
// name1="/TEMPUL"+ String(stryen[stamp.year-2014])+String(strmen[stamp.month-1])+String(strden[stamp.day-1])+String(strdaten[0]);
|
||||
Serial.println (Buf); |
||||
appendFile(SD,Buf,tempdat.c_str());//добавление на инфы в файл
|
||||
} |
||||
} |
||||
@ -0,0 +1,94 @@ |
||||
void saveul() |
||||
{ |
||||
nt=0;//сброс номера температ датчика
|
||||
|
||||
|
||||
int q=0; |
||||
if((hour1<1)&&(min1<20))timev=0;//до 00:20 сброс timev-врмя записи на флеш улица восто приходят каждые 3 мин а зап каждые 20 мин
|
||||
|
||||
if(timev+20<hour1*60+min1){q=1;} |
||||
|
||||
|
||||
ct1=ct1+1;//счетчик пропуска записи данных
|
||||
Serial.print("ct="); |
||||
Serial.println(ct1); |
||||
if(ct1>15){ |
||||
ct1=0; |
||||
q=1; |
||||
}//счетчик пропуска записи данныx
|
||||
if(q==1) |
||||
{
|
||||
timev=hour1*60+min1; |
||||
|
||||
JSONVar boardat; |
||||
if(min1<10) |
||||
{boardat["Time"] = String(hour1)+":0"+String(min1);
|
||||
} |
||||
else |
||||
{ |
||||
boardat["Time"] = String(hour1)+":"+String(min1);
|
||||
} |
||||
boardat["temperatura"] =String(tul1)+" C"; |
||||
boardat["humidity"] = String(hul1)+" %"; |
||||
tempdat = JSON.stringify(boardat); |
||||
Serial.println (tempdat); |
||||
esp_task_wdt_reset();//reset WDT
|
||||
//JSON { "Time":"11:03", "temperatura":"10.56 C", "humidity":"7,56 %" },
|
||||
tempdat=tempdat+"\n"; |
||||
|
||||
//myFile = SD.open("/07.txt",FILE_WRITE);
|
||||
// myFile = SD.open("/TEMPUL/28.txt", FILE_APPEND);//открываем файл в режиме добавления данных
|
||||
// myFile = SD.open("/TEMPUL/2022/FEB/27.txt", FILE_APPEND);//открываем файл в режиме добавления данных
|
||||
|
||||
// Serial.println ("open07");
|
||||
// myFile.print(tempdat+"\n");
|
||||
// myFile.close();
|
||||
//Serial.println (stamp.year);
|
||||
//************************************************************************************************************************************************************************************************************************************
|
||||
Serial.println ("name2"); |
||||
// String name1="/TEMPUL"+ stryen[stamp.year-2014]+strmen[stamp.month-1]+strden[stamp.day-1];
|
||||
// Serial.println (name2);
|
||||
createDir(SD, "/TEMPUL"); |
||||
String name1="/TEMPUL"+ String(stryen[stamp.year-2014]);//2022
|
||||
char Buf[50]; |
||||
name1.toCharArray(Buf, 50); |
||||
Serial.println (Buf); |
||||
createDir(SD, Buf); |
||||
name1=name1+String(strmen[stamp.month-1]);//FEB
|
||||
name1.toCharArray(Buf, 50); |
||||
Serial.println (Buf); |
||||
createDir(SD, Buf); |
||||
name1=name1+String(strden[stamp.day-1]);//27
|
||||
name1.toCharArray(Buf, 50); |
||||
Serial.println (Buf); |
||||
createDir(SD, Buf); |
||||
|
||||
name1=name1+String(strdaten[1]);//
|
||||
name1.toCharArray(Buf, 50); |
||||
//createDir(SD, "/TEMPUL/2022/FEB/27");
|
||||
// name1="/TEMPUL"+ String(stryen[stamp.year-2014])+String(strmen[stamp.month-1])+String(strden[stamp.day-1])+String(strdaten[0]);
|
||||
Serial.println (Buf); |
||||
appendFile(SD,Buf,tempdat.c_str());//добавление на инфы в файл
|
||||
|
||||
/*
|
||||
//test = strcat(name1,name2);
|
||||
String name1=strcat("/TEMPUL", stryen[stamp.year-2014]); |
||||
String name2=strcat(strmen[stamp.month-1], strd[stamp.day-1]); |
||||
|
||||
//+strm[stamp.month-1]+strd[stamp.day-1];
|
||||
|
||||
String name1="/TEMPUL"+ stry[stamp.year-2014]+strm[stamp.month-1]+strd[stamp.day-1]; |
||||
Serial.println (name2); |
||||
char Buf[50]; |
||||
name1.toCharArray(Buf, 50);
|
||||
createDir(SD, Buf); |
||||
|
||||
name1=name1+ name2+strdaten[0]; |
||||
Serial.println (name1); |
||||
name1.toCharArray(Buf, 50); |
||||
*/ |
||||
ct1=0; |
||||
//****************************************************
|
||||
} |
||||
|
||||
} |
||||
@ -0,0 +1,27 @@ |
||||
void WiFisetup() |
||||
{ |
||||
// Set the device as a Station and Soft Access Point simultaneously
|
||||
WiFi.mode(WIFI_AP_STA); |
||||
|
||||
// Set device as a Wi-Fi Station
|
||||
WiFi.begin(ssid, password); |
||||
|
||||
digitalWrite(13, HIGH); // светодиод горит
|
||||
while (WiFi.status() != WL_CONNECTED) { |
||||
delay(1000); |
||||
Serial.println("Setting as a Wi-Fi Station.."); |
||||
} |
||||
digitalWrite(13, LOW); // светодиод погашен
|
||||
|
||||
Serial.print("Station IP Address: "); |
||||
Serial.println(WiFi.localIP()); |
||||
Serial.print("Wi-Fi Channel: "); |
||||
Serial.println(WiFi.channel()); |
||||
|
||||
// Init ESP-NOW
|
||||
if (esp_now_init() != ESP_OK) { |
||||
Serial.println("Error initializing ESP-NOW"); |
||||
return; |
||||
} |
||||
|
||||
} |
||||
|
After Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 78 KiB |
|
After Width: | Height: | Size: 15 KiB |
|
After Width: | Height: | Size: 775 B |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 7.2 KiB |
|
After Width: | Height: | Size: 128 KiB |
Binary file not shown.
@ -0,0 +1,9 @@ |
||||
<?xml version="1.0" encoding="utf-8"?> |
||||
<browserconfig> |
||||
<msapplication> |
||||
<tile> |
||||
<square150x150logo src="/mstile-150x150.png"/> |
||||
<TileColor>#da532c</TileColor> |
||||
</tile> |
||||
</msapplication> |
||||
</browserconfig> |
||||
|
After Width: | Height: | Size: 775 B |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 7.2 KiB |
|
After Width: | Height: | Size: 11 KiB |
|
After Width: | Height: | Size: 266 B |
|
After Width: | Height: | Size: 266 B |
|
After Width: | Height: | Size: 5.7 KiB |
@ -0,0 +1,19 @@ |
||||
{ |
||||
"name": "", |
||||
"short_name": "", |
||||
"icons": [ |
||||
{ |
||||
"src": "/android-chrome-192x192.png", |
||||
"sizes": "192x192", |
||||
"type": "image/png" |
||||
}, |
||||
{ |
||||
"src": "/android-chrome-512x512.png", |
||||
"sizes": "512x512", |
||||
"type": "image/png" |
||||
} |
||||
], |
||||
"theme_color": "#ffffff", |
||||
"background_color": "#ffffff", |
||||
"display": "standalone" |
||||
} |
||||
@ -0,0 +1,239 @@ |
||||
<!DOCTYPE html> |
||||
<html> |
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<link href="style.css" rel="stylesheet" type="text/css"> |
||||
<link rel="icon" href="favicon.ico"> |
||||
|
||||
<link rel="icon" type="png" sizes="32x32" href="favicon-32x32.png"> |
||||
<link rel="icon" type="png" sizes="16x16" href="favicon-16x16.png"> |
||||
</head> |
||||
<body> |
||||
<div id="container"> |
||||
|
||||
<div class="topnav" ;id="header" > |
||||
<p><h3>ESP-Домашний сервер</h3> |
||||
</div> |
||||
<div id="sidebar"> |
||||
|
||||
<div class="manth"> |
||||
<p><span id="munthserv">январь</span></p> |
||||
</div> |
||||
<div class="data"> |
||||
<p><span id="dataserv">01</span></p> |
||||
<div class="week"> |
||||
<p><span id="weekserv">суббота</span></p> |
||||
</div> |
||||
</div> |
||||
<div class="times"> |
||||
<p><span id="timeserv">00:00</span></p> |
||||
</div> |
||||
<div class="levnav"> |
||||
|
||||
|
||||
|
||||
|
||||
<p> <a href="index.html" title="Главная"> Главная</a></p> |
||||
<p><a href="setting.html" title="настройки">настройки</a></p> |
||||
<p><a href="upravlenie.html" title="управление">управление</a></p> |
||||
<p><a href="inform.html" title="информация">информация</a></p> |
||||
|
||||
</div> |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div> |
||||
|
||||
<nav id="navigation"><a href="inform1.html" title="информация">улица восток</a></nav> |
||||
<nav id="navigation"><a href="inform.html" title="информация">улица запад</a></nav> |
||||
<nav id="navigation"><a href="inform4.html" title="информация">коридор</a></nav> |
||||
<nav id="navigation"><a href="inform2.html" title="информация">комната1</a></nav> |
||||
<nav id="navigation"><a href="inform3.html" title="информация">комната2</a></nav> |
||||
<nav id="navigation"><a href="inform6.html" title="информация">кухня</a></nav> |
||||
<nav id="navigation"><a href="inform5.html" title="информация">балкон</a></nav> |
||||
<div id="content"> |
||||
<h1>Улица(восток)</h1> |
||||
<div class="cards"> |
||||
<div class="card temperature"> |
||||
<h4><i class="fas fa-thermometer-half"></i> TEMPERATURE</h4><p><span class="reading"><span id="tul1"></span> °C</span></p><p class="packet">Light <span id="osv1"></span></p> |
||||
</div> |
||||
<div class="card humidity"> |
||||
<h4><i class="fas fa-tint"></i> HUMIDITY</h4><p><span class="reading"><span id="hul1"></span> %</span></p><p class="packet">Time <span id="timeul1"></span></p> |
||||
</div> |
||||
</div> |
||||
<h1>Улица(запад)</h1> |
||||
|
||||
<div class="cards"> |
||||
<div class="card temperature"> |
||||
<h4><i class="fas fa-thermometer-half"></i> TEMPERATURE</h4><p><span class="reading"><span id="t1"></span> °C</span></p><p class="packet">Time <span id="tim2"></span></p> |
||||
</div> |
||||
<div class="card humidity"> |
||||
<h4><i class="fas fa-tint"></i> HUMIDITY</h4><p><span class="reading"><span id="h1"></span> %</span></p><p class="packet">Time <span id="tim3"></span></p> |
||||
</div> |
||||
</div> |
||||
<h1>Комната1</h1> |
||||
<div class="cards"> |
||||
<div class="card temperature"> |
||||
<h4><i class="fas fa-thermometer-half"></i> TEMPERATURE</h4><p><span class="reading"><span id="tkom1"></span> °C</span></p><p class="packet">Battery <span id="batkom1"></span></p> |
||||
</div> |
||||
<div class="card humidity"> |
||||
<h4><i class="fas fa-tint"></i> HUMIDITY</h4><p><span class="reading"><span id="hkom1"></span> %</span></p><p class="packet">Time <span id="timekom1"></span></p> |
||||
</div> |
||||
</div> |
||||
|
||||
<h1>Комната2</h1> |
||||
<div class="cards"> |
||||
<div class="card temperature"> |
||||
<h4><i class="fas fa-thermometer-half"></i> TEMPERATURE</h4><p><span class="reading"><span id="tkom2"></span> °C</span></p><p class="packet">Battery <span id="batkom2"></span></p> |
||||
</div> |
||||
<div class="card humidity"> |
||||
<h4><i class="fas fa-tint"></i> HUMIDITY</h4><p><span class="reading"><span id="hkom2"></span> %</span></p><p class="packet">Time <span id="timekom2"></span></p> |
||||
</div> |
||||
</div> |
||||
<h1>Коридор</h1> |
||||
<div class="cards"> |
||||
<div class="card temperature"> |
||||
<h4><i class="fas fa-thermometer-half"></i> TEMPERATURE</h4><p><span class="reading"><span id="tkor"></span> °C</span></p><p class="packet">Battery <span id="batkor"></span></p> |
||||
</div> |
||||
<div class="card humidity"> |
||||
<h4><i class="fas fa-tint"></i> HUMIDITY</h4><p><span class="reading"><span id="hkor"></span> %</span></p><p class="packet">Time <span id="timekor"></span></p> |
||||
</div> |
||||
</div> |
||||
<h1>Балкон</h1> |
||||
<div class="cards"> |
||||
<div class="card temperature"> |
||||
<h4><i class="fas fa-thermometer-half"></i> TEMPERATURE</h4><p><span class="reading"><span id="tbal"></span> °C</span></p><p class="packet">Battery <span id="batbal"></span></p> |
||||
</div> |
||||
<div class="card humidity"> |
||||
<h4><i class="fas fa-tint"></i> HUMIDITY</h4><p><span class="reading"><span id="hbal"></span> %</span></p><p class="packet">Time <span id="timebal"></span></p> |
||||
</div> |
||||
</div> |
||||
<h1>Кухня</h1> |
||||
<div class="cards"> |
||||
<div class="card temperature"> |
||||
<h4><i class="fas fa-thermometer-half"></i> TEMPERATURE</h4><p><span class="reading"><span id="tul1"></span> °C</span></p><p class="packet">Light <span id="osv1"></span></p> |
||||
</div> |
||||
<div class="card humidity"> |
||||
<h4><i class="fas fa-tint"></i> HUMIDITY</h4><p><span class="reading"><span id="hul1"></span> %</span></p><p class="packet">Time <span id="timeul1"></span></p> |
||||
</div> |
||||
</div> |
||||
|
||||
<h1></h1> |
||||
|
||||
<div class="top"> |
||||
<font size="2" >Время работы сервера: </font> |
||||
<font color="#CF7071" size="3"><span id="t10">0:00</span></font> |
||||
</div> |
||||
|
||||
|
||||
<div id="clear"> |
||||
<p></p> |
||||
<p></p> |
||||
<p></p> |
||||
</div> |
||||
|
||||
</div> |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div> |
||||
|
||||
|
||||
|
||||
<script type="text/javascript"> |
||||
|
||||
|
||||
|
||||
|
||||
if (!!window.EventSource) { |
||||
var source = new EventSource('/events'); |
||||
|
||||
source.addEventListener('open', function(e) { |
||||
console.log("Events Connected"); |
||||
}, false); |
||||
source.addEventListener('error', function(e) { |
||||
if (e.target.readyState != EventSource.OPEN) { |
||||
console.log("Events Disconnected"); |
||||
} |
||||
}, false); |
||||
|
||||
source.addEventListener('message', function(e) { |
||||
console.log("message", e.data); |
||||
}, false); |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
// source.addEventListener('t1', function(e) {;//слушаем когда прийдет t1 |
||||
// document.getElementById("t1").innerHTML =e.data;// заменяем в HTML страничке id="t1" на то что пришло t1=25 |
||||
// }, false);// events.send(String(t1).c_str(), "t1", millis()); в Loop надо отправить t1=25 |
||||
|
||||
|
||||
|
||||
|
||||
source.addEventListener('timeserv', function(e) {//ремя работы сервера |
||||
document.getElementById("timeserv").innerHTML =e.data; |
||||
}, false); |
||||
|
||||
source.addEventListener('t10', function(e) {//ремя работы сервера |
||||
document.getElementById("t10").innerHTML =e.data; |
||||
}, false); |
||||
|
||||
|
||||
source.addEventListener('new_readings', function(e) { |
||||
console.log("new_readings", e.data); |
||||
var obj = JSON.parse(e.data); |
||||
document.getElementById("t1").innerHTML = obj.temperature.toFixed(1); |
||||
document.getElementById("h1").innerHTML = obj.humidity.toFixed(1); |
||||
document.getElementById("tim2").innerHTML = obj.tim2; |
||||
document.getElementById("tim3").innerHTML = obj.tim3; |
||||
document.getElementById("dataserv").innerHTML = obj.dataserv; |
||||
document.getElementById("timeserv").innerHTML = obj.timeserv; |
||||
document.getElementById("munthserv").innerHTML = obj.munthserv; |
||||
document.getElementById("weekserv").innerHTML = obj.weekserv; |
||||
}, false); |
||||
|
||||
source.addEventListener('new_datatemp', function(e) { |
||||
console.log("new_datatemp", e.data); |
||||
var obj = JSON.parse(e.data); |
||||
document.getElementById("tkom1").innerHTML = obj.tkom1; |
||||
document.getElementById("hkom1").innerHTML = obj.hkom1; |
||||
document.getElementById("batkom1").innerHTML = obj.batkom1; |
||||
document.getElementById("timekom1").innerHTML = obj.timekom1; |
||||
document.getElementById("tkom2").innerHTML = obj.tkom2; |
||||
document.getElementById("hkom2").innerHTML = obj.hkom2; |
||||
document.getElementById("batkom2").innerHTML = obj.batkom2; |
||||
document.getElementById("timekom2").innerHTML = obj.timekom2; |
||||
document.getElementById("tkor").innerHTML = obj.tkor; |
||||
document.getElementById("hkor").innerHTML = obj.hkor; |
||||
document.getElementById("batkor").innerHTML = obj.batkor; |
||||
document.getElementById("timekor").innerHTML = obj.timekor; |
||||
document.getElementById("tbal").innerHTML = obj.tbal; |
||||
document.getElementById("hbal").innerHTML = obj.hbal; |
||||
document.getElementById("batbal").innerHTML = obj.batbal; |
||||
document.getElementById("timebal").innerHTML = obj.timebal; |
||||
document.getElementById("tul1").innerHTML = obj.tul1; |
||||
document.getElementById("hul1").innerHTML = obj.hul1; |
||||
document.getElementById("osv1").innerHTML = obj.osv1; |
||||
document.getElementById("timeul1").innerHTML = obj.timeul1; |
||||
|
||||
}, false); |
||||
|
||||
|
||||
} |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</script> |
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,161 @@ |
||||
<!doctype html> |
||||
<html> |
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<title>Информация</title> |
||||
<link href="style.css" rel="stylesheet" type="text/css"> |
||||
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png"> |
||||
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png"> |
||||
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png"> |
||||
<link rel="manifest" href="imajes/site.webmanifest"> |
||||
<link rel="mask-icon" href="imajes/safari-pinned-tab.svg" color="#5bbad5"> |
||||
<meta name="msapplication-TileColor" content="#da532c"> |
||||
<meta name="theme-color" content="#ffffff"> |
||||
</head> |
||||
|
||||
<body id="body"> |
||||
|
||||
<div id="containerinf"> |
||||
|
||||
<div class="topnav" ;id="header" > |
||||
<p><h3>ESP-Домашний сервер</h3> |
||||
</div> |
||||
<nav id="navigation3"><a href="index.html" title="главное меню">Главное меню</a></nav> |
||||
|
||||
|
||||
<div style="text-align: center;"> |
||||
|
||||
<div id="contentinfo"> |
||||
<h1>Улица(запад)</h1> |
||||
<div class="cards"> |
||||
<div class="card temperature"> |
||||
<h4><i class="fas fa-thermometer-half"></i> TEMPERATURE</h4><p><span class="reading"><span id="t1"></span> °C</span></p><p class="packet">Time <span id="tim2"></span></p> |
||||
</div> |
||||
<div class="card humidity"> |
||||
<h4><i class="fas fa-tint"></i> HUMIDITY</h4><p><span class="reading"><span id="h1"></span> %</span></p><p class="packet">Time <span id="tim3"></span></p> |
||||
</div> |
||||
</div> |
||||
<div><font size="3" color="#1E4486">................................................... </font> |
||||
</div> |
||||
<div> |
||||
<font size="3" color="#1E4486">таблица температуры за сутки</font> |
||||
</div> |
||||
|
||||
<div id="tablinfo"> |
||||
|
||||
<table style="display: inline-block; color: #160B51; font-size: medium;" id="gable" > |
||||
<colgroup> |
||||
<col class="twenty" /> |
||||
<col class="fourty" /> |
||||
<col class="thirtyfive" /> |
||||
</colgroup> |
||||
<tr> |
||||
<th onclick="sortTable(0)"><span class="glyphicon glyphicon-sort"></span>  Time</th> |
||||
<th onclick="sortTable(1)"><span class="glyphicon glyphicon-sort"></span>  temperatura</th> |
||||
<th onclick="sortTable(2)"><span class="glyphicon glyphicon-sort"></span>  humidity</th> |
||||
</tr> |
||||
</table> |
||||
</div> |
||||
|
||||
</div> |
||||
<p class="packet"> <span id="tdata"></span></p> |
||||
</div> |
||||
</div> |
||||
|
||||
<script type="text/javascript"> |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
if (!!window.EventSource) { |
||||
var source = new EventSource('/events'); |
||||
|
||||
source.addEventListener('open', function(e) { |
||||
console.log("Events Connected"); |
||||
}, false); |
||||
source.addEventListener('error', function(e) { |
||||
if (e.target.readyState != EventSource.OPEN) { |
||||
console.log("Events Disconnected"); |
||||
} |
||||
}, false); |
||||
|
||||
source.addEventListener('message', function(e) { |
||||
console.log("message", e.data); |
||||
}, false); |
||||
|
||||
|
||||
source.addEventListener('new_readings', function(e) { |
||||
console.log("new_readings", e.data); |
||||
var obj = JSON.parse(e.data); |
||||
document.getElementById("t1").innerHTML = obj.temperature.toFixed(1); |
||||
document.getElementById("h1").innerHTML = obj.humidity.toFixed(1); |
||||
document.getElementById("tim2").innerHTML = obj.tim2; |
||||
document.getElementById("tim3").innerHTML = obj.tim3; |
||||
|
||||
}, false); |
||||
|
||||
|
||||
// source.addEventListener('t1', function(e) {;//слушаем когда прийдет t1 |
||||
// document.getElementById("t1").innerHTML =e.data;// заменяем в HTML страничке id="t1" на то что пришло t1=25 |
||||
// }, false);// events.send(String(t1).c_str(), "t1", millis()); в Loop надо отправить t1=25 |
||||
|
||||
// var data=[{"Time":"20:20","temperatura":"9.39 C","humidity":"90.96 %/n"}, |
||||
// {"Time":"20:21","temperatura":"9.40 C","humidity":"91.11 %/n"}, |
||||
// {"Time":"20:22","temperatura":"9.47 C","humidity":"91.34 %/n"}] |
||||
|
||||
//Array [ "{\"Time\":\"21:23\",\"temperatura\":\"8.88 C\",\"humidity\":\"90.97 %\"}", "{\"Time\":\"21:24\",\"temperatura\":\"8.92 C\",\"humidity\":\"91.34 %\"}" ] |
||||
|
||||
|
||||
source.addEventListener('readings', function(e) { |
||||
console.log("readings", e.data); |
||||
|
||||
|
||||
re = e.data.split("\n"); |
||||
console.log(re); |
||||
//String[] anArrayOfStrings; |
||||
var data=[]; |
||||
|
||||
for(var i = 0; i < re.length; i++) { |
||||
data[i] = JSON.parse(re[i]); |
||||
console.log("data", data); |
||||
|
||||
} |
||||
|
||||
append_json(data); |
||||
|
||||
//this function appends the json data to the table 'gable' |
||||
function append_json(data){ |
||||
var table = document.getElementById('gable'); |
||||
|
||||
data.forEach(function(object) { |
||||
var tr = document.createElement('tr'); |
||||
|
||||
tr.innerHTML = '<td>' + object.Time + '</td>' + |
||||
'<td>' + object.temperatura + '</td>' + |
||||
'<td>' + object.humidity + '</td>' |
||||
table.appendChild(tr); |
||||
}); |
||||
} |
||||
|
||||
}, false); |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
} |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</script> |
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,162 @@ |
||||
<!doctype html> |
||||
<html> |
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<title>Информация</title> |
||||
<link href="style.css" rel="stylesheet" type="text/css"> |
||||
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png"> |
||||
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png"> |
||||
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png"> |
||||
<link rel="manifest" href="imajes/site.webmanifest"> |
||||
<link rel="mask-icon" href="imajes/safari-pinned-tab.svg" color="#5bbad5"> |
||||
<meta name="msapplication-TileColor" content="#da532c"> |
||||
<meta name="theme-color" content="#ffffff"> |
||||
</head> |
||||
|
||||
<body id="body"> |
||||
|
||||
<div id="containerinf"> |
||||
|
||||
<div class="topnav" ;id="header" > |
||||
<p><h3>ESP-Домашний сервер</h3> |
||||
</div> |
||||
<nav id="navigation3"><a href="index.html" title="главное меню">Главное меню</a></nav> |
||||
|
||||
|
||||
<div style="text-align: center;"> |
||||
|
||||
<div id="contentinfo"> |
||||
<h1>Улица(восток)</h1> |
||||
<div class="cards"> |
||||
<div class="card temperature"> |
||||
<h4><i class="fas fa-thermometer-half"></i> TEMPERATURE</h4><p><span class="reading"><span id="tul1"></span> °C</span></p><p class="packet">Light <span id="osv1"></span></p> |
||||
</div> |
||||
<div class="card humidity"> |
||||
<h4><i class="fas fa-tint"></i> HUMIDITY</h4><p><span class="reading"><span id="hul1"></span> %</span></p><p class="packet">Time <span id="timeul1"></span></p> |
||||
</div> |
||||
</div> |
||||
<div><font size="3" color="#1E4486">................................................... </font> |
||||
</div> |
||||
<div> |
||||
<font size="3" color="#1E4486">таблица температуры за сутки</font> |
||||
</div> |
||||
|
||||
<div id="tablinfo"> |
||||
|
||||
<table style="display: inline-block; color: #160B51; font-size: medium;" id="gable" > |
||||
<colgroup> |
||||
<col class="twenty" /> |
||||
<col class="fourty" /> |
||||
<col class="thirtyfive" /> |
||||
</colgroup> |
||||
<tr> |
||||
<th onclick="sortTable(0)"><span class="glyphicon glyphicon-sort"></span>  Time</th> |
||||
<th onclick="sortTable(1)"><span class="glyphicon glyphicon-sort"></span>  temperatura</th> |
||||
<th onclick="sortTable(2)"><span class="glyphicon glyphicon-sort"></span>  humidity</th> |
||||
</tr> |
||||
</table> |
||||
</div> |
||||
</div> |
||||
<p class="packet"> <span id="tdata"></span></p> |
||||
</div> |
||||
</div> |
||||
|
||||
|
||||
<script type="text/javascript"> |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
if (!!window.EventSource) { |
||||
var source = new EventSource('/events'); |
||||
|
||||
source.addEventListener('open', function(e) { |
||||
console.log("Events Connected"); |
||||
}, false); |
||||
source.addEventListener('error', function(e) { |
||||
if (e.target.readyState != EventSource.OPEN) { |
||||
console.log("Events Disconnected"); |
||||
} |
||||
}, false); |
||||
|
||||
source.addEventListener('message', function(e) { |
||||
console.log("message", e.data); |
||||
}, false); |
||||
|
||||
|
||||
source.addEventListener('new_datatemp', function(e) { |
||||
console.log("new_datatemp", e.data); |
||||
var obj = JSON.parse(e.data); |
||||
|
||||
document.getElementById("tul1").innerHTML = obj.tul1; |
||||
document.getElementById("hul1").innerHTML = obj.hul1; |
||||
document.getElementById("osv1").innerHTML = obj.osv1; |
||||
document.getElementById("timeul1").innerHTML = obj.timeul1; |
||||
|
||||
}, false); |
||||
|
||||
|
||||
// source.addEventListener('t1', function(e) {;//слушаем когда прийдет t1 |
||||
// document.getElementById("t1").innerHTML =e.data;// заменяем в HTML страничке id="t1" на то что пришло t1=25 |
||||
// }, false);// events.send(String(t1).c_str(), "t1", millis()); в Loop надо отправить t1=25 |
||||
|
||||
// var data=[{"Time":"20:20","temperatura":"9.39 C","humidity":"90.96 %/n"}, |
||||
// {"Time":"20:21","temperatura":"9.40 C","humidity":"91.11 %/n"}, |
||||
// {"Time":"20:22","temperatura":"9.47 C","humidity":"91.34 %/n"}] |
||||
|
||||
//Array [ "{\"Time\":\"21:23\",\"temperatura\":\"8.88 C\",\"humidity\":\"90.97 %\"}", "{\"Time\":\"21:24\",\"temperatura\":\"8.92 C\",\"humidity\":\"91.34 %\"}" ] |
||||
|
||||
|
||||
source.addEventListener('readings', function(e) { |
||||
console.log("readings", e.data); |
||||
|
||||
|
||||
re = e.data.split("\n"); |
||||
console.log(re); |
||||
//String[] anArrayOfStrings; |
||||
var data=[]; |
||||
|
||||
for(var i = 0; i < re.length; i++) { |
||||
data[i] = JSON.parse(re[i]); |
||||
console.log("data", data); |
||||
|
||||
} |
||||
|
||||
append_json(data); |
||||
|
||||
//this function appends the json data to the table 'gable' |
||||
function append_json(data){ |
||||
var table = document.getElementById('gable'); |
||||
|
||||
data.forEach(function(object) { |
||||
var tr = document.createElement('tr'); |
||||
|
||||
tr.innerHTML = '<td>' + object.Time + '</td>' + |
||||
'<td>' + object.temperatura + '</td>' + |
||||
'<td>' + object.humidity + '</td>' |
||||
table.appendChild(tr); |
||||
}); |
||||
} |
||||
|
||||
}, false); |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
} |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</script> |
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,160 @@ |
||||
<!doctype html> |
||||
<html> |
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<title>Информация</title> |
||||
<link href="style.css" rel="stylesheet" type="text/css"> |
||||
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png"> |
||||
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png"> |
||||
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png"> |
||||
<link rel="manifest" href="imajes/site.webmanifest"> |
||||
<link rel="mask-icon" href="imajes/safari-pinned-tab.svg" color="#5bbad5"> |
||||
<meta name="msapplication-TileColor" content="#da532c"> |
||||
<meta name="theme-color" content="#ffffff"> |
||||
</head> |
||||
|
||||
<body id="body"> |
||||
|
||||
<div id="containerinf"> |
||||
|
||||
<div class="topnav" ;id="header" > |
||||
<p><h3>ESP-Домашний сервер</h3> |
||||
</div> |
||||
<nav id="navigation3"><a href="index.html" title="главное меню">Главное меню</a></nav> |
||||
|
||||
|
||||
<div style="text-align: center;"> |
||||
|
||||
<div id="contentinfo"> |
||||
<h1>Комната1</h1> |
||||
<div class="cards"> |
||||
<div class="card temperature"> |
||||
<h4><i class="fas fa-thermometer-half"></i> TEMPERATURE</h4><p><span class="reading"><span id="tkom1"></span> °C</span></p><p class="packet">Battery <span id="batkom1"></span></p> |
||||
</div> |
||||
<div class="card humidity"> |
||||
<h4><i class="fas fa-tint"></i> HUMIDITY</h4><p><span class="reading"><span id="hkom1"></span> %</span></p><p class="packet">Time <span id="timekom1"></span></p> |
||||
</div> |
||||
</div> |
||||
<div><font size="3" color="#1E4486">................................................... </font> |
||||
</div> |
||||
<div> |
||||
<font size="3" color="#1E4486">таблица температуры за сутки</font> |
||||
</div> |
||||
|
||||
<div id="tablinfo"> |
||||
|
||||
<table style="display: inline-block; color: #160B51; font-size: medium;" id="gable" > |
||||
<colgroup> |
||||
<col class="twenty" /> |
||||
<col class="fourty" /> |
||||
<col class="thirtyfive" /> |
||||
</colgroup> |
||||
<tr> |
||||
<th onclick="sortTable(0)"><span class="glyphicon glyphicon-sort"></span>  Time</th> |
||||
<th onclick="sortTable(1)"><span class="glyphicon glyphicon-sort"></span>  temperatura</th> |
||||
<th onclick="sortTable(2)"><span class="glyphicon glyphicon-sort"></span>  humidity</th> |
||||
</tr> |
||||
</table> |
||||
</div> |
||||
</div> |
||||
<p class="packet"> <span id="tdata"></span></p> |
||||
</div> |
||||
|
||||
</div> |
||||
<script type="text/javascript"> |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
if (!!window.EventSource) { |
||||
var source = new EventSource('/events'); |
||||
|
||||
source.addEventListener('open', function(e) { |
||||
console.log("Events Connected"); |
||||
}, false); |
||||
source.addEventListener('error', function(e) { |
||||
if (e.target.readyState != EventSource.OPEN) { |
||||
console.log("Events Disconnected"); |
||||
} |
||||
}, false); |
||||
|
||||
source.addEventListener('message', function(e) { |
||||
console.log("message", e.data); |
||||
}, false); |
||||
|
||||
|
||||
source.addEventListener('new_datatemp', function(e) { |
||||
console.log("new_datatemp", e.data); |
||||
var obj = JSON.parse(e.data); |
||||
document.getElementById("tkom1").innerHTML = obj.tkom1; |
||||
document.getElementById("hkom1").innerHTML = obj.hkom1; |
||||
document.getElementById("batkom1").innerHTML = obj.batkom1; |
||||
document.getElementById("timekom1").innerHTML = obj.timekom1; |
||||
|
||||
}, false); |
||||
|
||||
|
||||
// source.addEventListener('t1', function(e) {;//слушаем когда прийдет t1 |
||||
// document.getElementById("t1").innerHTML =e.data;// заменяем в HTML страничке id="t1" на то что пришло t1=25 |
||||
// }, false);// events.send(String(t1).c_str(), "t1", millis()); в Loop надо отправить t1=25 |
||||
|
||||
// var data=[{"Time":"20:20","temperatura":"9.39 C","humidity":"90.96 %/n"}, |
||||
// {"Time":"20:21","temperatura":"9.40 C","humidity":"91.11 %/n"}, |
||||
// {"Time":"20:22","temperatura":"9.47 C","humidity":"91.34 %/n"}] |
||||
|
||||
//Array [ "{\"Time\":\"21:23\",\"temperatura\":\"8.88 C\",\"humidity\":\"90.97 %\"}", "{\"Time\":\"21:24\",\"temperatura\":\"8.92 C\",\"humidity\":\"91.34 %\"}" ] |
||||
|
||||
|
||||
source.addEventListener('readings', function(e) { |
||||
console.log("readings", e.data); |
||||
|
||||
|
||||
re = e.data.split("\n"); |
||||
console.log(re); |
||||
//String[] anArrayOfStrings; |
||||
var data=[]; |
||||
|
||||
for(var i = 0; i < re.length; i++) { |
||||
data[i] = JSON.parse(re[i]); |
||||
console.log("data", data); |
||||
|
||||
} |
||||
|
||||
append_json(data); |
||||
|
||||
//this function appends the json data to the table 'gable' |
||||
function append_json(data){ |
||||
var table = document.getElementById('gable'); |
||||
|
||||
data.forEach(function(object) { |
||||
var tr = document.createElement('tr'); |
||||
|
||||
tr.innerHTML = '<td>' + object.Time + '</td>' + |
||||
'<td>' + object.temperatura + '</td>' + |
||||
'<td>' + object.humidity + '</td>' |
||||
table.appendChild(tr); |
||||
}); |
||||
} |
||||
|
||||
}, false); |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
} |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</script> |
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,161 @@ |
||||
<!doctype html> |
||||
<html> |
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<title>Информация</title> |
||||
<link href="style.css" rel="stylesheet" type="text/css"> |
||||
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png"> |
||||
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png"> |
||||
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png"> |
||||
<link rel="manifest" href="imajes/site.webmanifest"> |
||||
<link rel="mask-icon" href="imajes/safari-pinned-tab.svg" color="#5bbad5"> |
||||
<meta name="msapplication-TileColor" content="#da532c"> |
||||
<meta name="theme-color" content="#ffffff"> |
||||
</head> |
||||
|
||||
<body id="body"> |
||||
|
||||
<div id="containerinf"> |
||||
|
||||
<div class="topnav" ;id="header" > |
||||
<p><h3>ESP-Домашний сервер</h3> |
||||
</div> |
||||
<nav id="navigation3"><a href="index.html" title="главное меню">Главное меню</a></nav> |
||||
|
||||
|
||||
<div style="text-align: center;"> |
||||
|
||||
<div id="contentinfo"> |
||||
<h1>Комната2</h1> |
||||
<div class="cards"> |
||||
<div class="card temperature"> |
||||
<h4><i class="fas fa-thermometer-half"></i> TEMPERATURE</h4><p><span class="reading"><span id="tkom2"></span> °C</span></p><p class="packet">Battery <span id="batkom2"></span></p> |
||||
</div> |
||||
<div class="card humidity"> |
||||
<h4><i class="fas fa-tint"></i> HUMIDITY</h4><p><span class="reading"><span id="hkom2"></span> %</span></p><p class="packet">Time <span id="timekom2"></span></p> |
||||
</div> |
||||
</div> |
||||
<div><font size="3" color="#1E4486">................................................... </font> |
||||
</div> |
||||
<div> |
||||
<font size="3" color="#1E4486">таблица температуры за сутки</font> |
||||
</div> |
||||
|
||||
<div id="tablinfo"> |
||||
|
||||
<table style="display: inline-block; color: #160B51; font-size: medium;" id="gable" > |
||||
<colgroup> |
||||
<col class="twenty" /> |
||||
<col class="fourty" /> |
||||
<col class="thirtyfive" /> |
||||
</colgroup> |
||||
<tr> |
||||
<th onclick="sortTable(0)"><span class="glyphicon glyphicon-sort"></span>  Time</th> |
||||
<th onclick="sortTable(1)"><span class="glyphicon glyphicon-sort"></span>  temperatura</th> |
||||
<th onclick="sortTable(2)"><span class="glyphicon glyphicon-sort"></span>  humidity</th> |
||||
</tr> |
||||
</table> |
||||
</div> |
||||
</div> |
||||
<p class="packet"> <span id="tdata"></span></p> |
||||
</div> |
||||
</div> |
||||
|
||||
<script type="text/javascript"> |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
if (!!window.EventSource) { |
||||
var source = new EventSource('/events'); |
||||
|
||||
source.addEventListener('open', function(e) { |
||||
console.log("Events Connected"); |
||||
}, false); |
||||
source.addEventListener('error', function(e) { |
||||
if (e.target.readyState != EventSource.OPEN) { |
||||
console.log("Events Disconnected"); |
||||
} |
||||
}, false); |
||||
|
||||
source.addEventListener('message', function(e) { |
||||
console.log("message", e.data); |
||||
}, false); |
||||
|
||||
|
||||
source.addEventListener('new_datatemp', function(e) { |
||||
console.log("new_datatemp", e.data); |
||||
var obj = JSON.parse(e.data); |
||||
|
||||
document.getElementById("tkom2").innerHTML = obj.tkom2; |
||||
document.getElementById("hkom2").innerHTML = obj.hkom2; |
||||
document.getElementById("batkom2").innerHTML = obj.batkom2; |
||||
document.getElementById("timekom2").innerHTML = obj.timekom2; |
||||
|
||||
}, false); |
||||
|
||||
|
||||
// source.addEventListener('t1', function(e) {;//слушаем когда прийдет t1 |
||||
// document.getElementById("t1").innerHTML =e.data;// заменяем в HTML страничке id="t1" на то что пришло t1=25 |
||||
// }, false);// events.send(String(t1).c_str(), "t1", millis()); в Loop надо отправить t1=25 |
||||
|
||||
// var data=[{"Time":"20:20","temperatura":"9.39 C","humidity":"90.96 %/n"}, |
||||
// {"Time":"20:21","temperatura":"9.40 C","humidity":"91.11 %/n"}, |
||||
// {"Time":"20:22","temperatura":"9.47 C","humidity":"91.34 %/n"}] |
||||
|
||||
//Array [ "{\"Time\":\"21:23\",\"temperatura\":\"8.88 C\",\"humidity\":\"90.97 %\"}", "{\"Time\":\"21:24\",\"temperatura\":\"8.92 C\",\"humidity\":\"91.34 %\"}" ] |
||||
|
||||
|
||||
source.addEventListener('readings', function(e) { |
||||
console.log("readings", e.data); |
||||
|
||||
|
||||
re = e.data.split("\n"); |
||||
console.log(re); |
||||
//String[] anArrayOfStrings; |
||||
var data=[]; |
||||
|
||||
for(var i = 0; i < re.length; i++) { |
||||
data[i] = JSON.parse(re[i]); |
||||
console.log("data", data); |
||||
|
||||
} |
||||
|
||||
append_json(data); |
||||
|
||||
//this function appends the json data to the table 'gable' |
||||
function append_json(data){ |
||||
var table = document.getElementById('gable'); |
||||
|
||||
data.forEach(function(object) { |
||||
var tr = document.createElement('tr'); |
||||
|
||||
tr.innerHTML = '<td>' + object.Time + '</td>' + |
||||
'<td>' + object.temperatura + '</td>' + |
||||
'<td>' + object.humidity + '</td>' |
||||
table.appendChild(tr); |
||||
}); |
||||
} |
||||
|
||||
}, false); |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
} |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</script> |
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,162 @@ |
||||
<!doctype html> |
||||
<html> |
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<title>Информация</title> |
||||
<link href="style.css" rel="stylesheet" type="text/css"> |
||||
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png"> |
||||
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png"> |
||||
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png"> |
||||
<link rel="manifest" href="imajes/site.webmanifest"> |
||||
<link rel="mask-icon" href="imajes/safari-pinned-tab.svg" color="#5bbad5"> |
||||
<meta name="msapplication-TileColor" content="#da532c"> |
||||
<meta name="theme-color" content="#ffffff"> |
||||
</head> |
||||
|
||||
<body id="body"> |
||||
|
||||
<div id="containerinf"> |
||||
|
||||
<div class="topnav" ;id="header" > |
||||
<p><h3>ESP-Домашний сервер</h3> |
||||
</div> |
||||
<nav id="navigation3"><a href="index.html" title="главное меню">Главное меню</a></nav> |
||||
|
||||
|
||||
<div style="text-align: center;"> |
||||
|
||||
<div id="contentinfo"> |
||||
<h1>Коридор</h1> |
||||
<div class="cards"> |
||||
<div class="card temperature"> |
||||
<h4><i class="fas fa-thermometer-half"></i> TEMPERATURE</h4><p><span class="reading"><span id="tkor"></span> °C</span></p><p class="packet">Battery <span id="batkor"></span></p> |
||||
</div> |
||||
<div class="card humidity"> |
||||
<h4><i class="fas fa-tint"></i> HUMIDITY</h4><p><span class="reading"><span id="hkor"></span> %</span></p><p class="packet">Time <span id="timekor"></span></p> |
||||
</div> |
||||
</div> |
||||
<div><font size="3" color="#1E4486">................................................... </font> |
||||
</div> |
||||
<div> |
||||
<font size="3" color="#1E4486">таблица температуры за сутки</font> |
||||
</div> |
||||
|
||||
<div id="tablinfo"> |
||||
|
||||
<table style="display: inline-block; color: #160B51; font-size: medium;" id="gable" > |
||||
<colgroup> |
||||
<col class="twenty" /> |
||||
<col class="fourty" /> |
||||
<col class="thirtyfive" /> |
||||
</colgroup> |
||||
<tr> |
||||
<th onclick="sortTable(0)"><span class="glyphicon glyphicon-sort"></span>  Time</th> |
||||
<th onclick="sortTable(1)"><span class="glyphicon glyphicon-sort"></span>  temperatura</th> |
||||
<th onclick="sortTable(2)"><span class="glyphicon glyphicon-sort"></span>  humidity</th> |
||||
</tr> |
||||
</table> |
||||
</div> |
||||
</div> |
||||
<p class="packet"> <span id="tdata"></span></p> |
||||
</div> |
||||
</div> |
||||
|
||||
|
||||
<script type="text/javascript"> |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
if (!!window.EventSource) { |
||||
var source = new EventSource('/events'); |
||||
|
||||
source.addEventListener('open', function(e) { |
||||
console.log("Events Connected"); |
||||
}, false); |
||||
source.addEventListener('error', function(e) { |
||||
if (e.target.readyState != EventSource.OPEN) { |
||||
console.log("Events Disconnected"); |
||||
} |
||||
}, false); |
||||
|
||||
source.addEventListener('message', function(e) { |
||||
console.log("message", e.data); |
||||
}, false); |
||||
|
||||
|
||||
source.addEventListener('new_datatemp', function(e) { |
||||
console.log("new_datatemp", e.data); |
||||
var obj = JSON.parse(e.data); |
||||
|
||||
document.getElementById("tkor").innerHTML = obj.tkor; |
||||
document.getElementById("hkor").innerHTML = obj.hkor; |
||||
document.getElementById("batkor").innerHTML = obj.batkor; |
||||
document.getElementById("timekor").innerHTML = obj.timekor; |
||||
|
||||
}, false); |
||||
|
||||
|
||||
// source.addEventListener('t1', function(e) {;//слушаем когда прийдет t1 |
||||
// document.getElementById("t1").innerHTML =e.data;// заменяем в HTML страничке id="t1" на то что пришло t1=25 |
||||
// }, false);// events.send(String(t1).c_str(), "t1", millis()); в Loop надо отправить t1=25 |
||||
|
||||
// var data=[{"Time":"20:20","temperatura":"9.39 C","humidity":"90.96 %/n"}, |
||||
// {"Time":"20:21","temperatura":"9.40 C","humidity":"91.11 %/n"}, |
||||
// {"Time":"20:22","temperatura":"9.47 C","humidity":"91.34 %/n"}] |
||||
|
||||
//Array [ "{\"Time\":\"21:23\",\"temperatura\":\"8.88 C\",\"humidity\":\"90.97 %\"}", "{\"Time\":\"21:24\",\"temperatura\":\"8.92 C\",\"humidity\":\"91.34 %\"}" ] |
||||
|
||||
|
||||
source.addEventListener('readings', function(e) { |
||||
console.log("readings", e.data); |
||||
|
||||
|
||||
re = e.data.split("\n"); |
||||
console.log(re); |
||||
//String[] anArrayOfStrings; |
||||
var data=[]; |
||||
|
||||
for(var i = 0; i < re.length; i++) { |
||||
data[i] = JSON.parse(re[i]); |
||||
console.log("data", data); |
||||
|
||||
} |
||||
|
||||
append_json(data); |
||||
|
||||
//this function appends the json data to the table 'gable' |
||||
function append_json(data){ |
||||
var table = document.getElementById('gable'); |
||||
|
||||
data.forEach(function(object) { |
||||
var tr = document.createElement('tr'); |
||||
|
||||
tr.innerHTML = '<td>' + object.Time + '</td>' + |
||||
'<td>' + object.temperatura + '</td>' + |
||||
'<td>' + object.humidity + '</td>' |
||||
table.appendChild(tr); |
||||
}); |
||||
} |
||||
|
||||
}, false); |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
} |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</script> |
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,162 @@ |
||||
<!doctype html> |
||||
<html> |
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<title>Информация</title> |
||||
<link href="style.css" rel="stylesheet" type="text/css"> |
||||
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png"> |
||||
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png"> |
||||
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png"> |
||||
<link rel="manifest" href="imajes/site.webmanifest"> |
||||
<link rel="mask-icon" href="imajes/safari-pinned-tab.svg" color="#5bbad5"> |
||||
<meta name="msapplication-TileColor" content="#da532c"> |
||||
<meta name="theme-color" content="#ffffff"> |
||||
</head> |
||||
|
||||
<body id="body"> |
||||
|
||||
<div id="containerinf"> |
||||
|
||||
<div class="topnav" ;id="header" > |
||||
<p><h3>ESP-Домашний сервер</h3> |
||||
</div> |
||||
<nav id="navigation3"><a href="index.html" title="главное меню">Главное меню</a></nav> |
||||
|
||||
|
||||
<div style="text-align: center;"> |
||||
|
||||
<div id="contentinfo"> |
||||
<h1>Балкон</h1> |
||||
<div class="cards"> |
||||
<div class="card temperature"> |
||||
<h4><i class="fas fa-thermometer-half"></i> TEMPERATURE</h4><p><span class="reading"><span id="tbal"></span> °C</span></p><p class="packet">Battery <span id="batbal"></span></p> |
||||
</div> |
||||
<div class="card humidity"> |
||||
<h4><i class="fas fa-tint"></i> HUMIDITY</h4><p><span class="reading"><span id="hbal"></span> %</span></p><p class="packet">Time <span id="timebal"></span></p> |
||||
</div> |
||||
</div> |
||||
<div><font size="3" color="#1E4486">................................................... </font> |
||||
</div> |
||||
<div> |
||||
<font size="3" color="#1E4486">таблица температуры за сутки</font> |
||||
</div> |
||||
|
||||
<div id="tablinfo"> |
||||
|
||||
<table style="display: inline-block; color: #160B51; font-size: medium;" id="gable" > |
||||
<colgroup> |
||||
<col class="twenty" /> |
||||
<col class="fourty" /> |
||||
<col class="thirtyfive" /> |
||||
</colgroup> |
||||
<tr> |
||||
<th onclick="sortTable(0)"><span class="glyphicon glyphicon-sort"></span>  Time</th> |
||||
<th onclick="sortTable(1)"><span class="glyphicon glyphicon-sort"></span>  temperatura</th> |
||||
<th onclick="sortTable(2)"><span class="glyphicon glyphicon-sort"></span>  humidity</th> |
||||
</tr> |
||||
</table> |
||||
</div> |
||||
</div> |
||||
<p class="packet"> <span id="tdata"></span></p> |
||||
</div> |
||||
</div> |
||||
|
||||
|
||||
<script type="text/javascript"> |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
if (!!window.EventSource) { |
||||
var source = new EventSource('/events'); |
||||
|
||||
source.addEventListener('open', function(e) { |
||||
console.log("Events Connected"); |
||||
}, false); |
||||
source.addEventListener('error', function(e) { |
||||
if (e.target.readyState != EventSource.OPEN) { |
||||
console.log("Events Disconnected"); |
||||
} |
||||
}, false); |
||||
|
||||
source.addEventListener('message', function(e) { |
||||
console.log("message", e.data); |
||||
}, false); |
||||
|
||||
|
||||
source.addEventListener('new_datatemp', function(e) { |
||||
console.log("new_datatemp", e.data); |
||||
var obj = JSON.parse(e.data); |
||||
|
||||
document.getElementById("tbal").innerHTML = obj.tbal; |
||||
document.getElementById("hbal").innerHTML = obj.hbal; |
||||
document.getElementById("batbal").innerHTML = obj.batbal; |
||||
document.getElementById("timebal").innerHTML = obj.timebal; |
||||
|
||||
}, false); |
||||
|
||||
|
||||
// source.addEventListener('t1', function(e) {;//слушаем когда прийдет t1 |
||||
// document.getElementById("t1").innerHTML =e.data;// заменяем в HTML страничке id="t1" на то что пришло t1=25 |
||||
// }, false);// events.send(String(t1).c_str(), "t1", millis()); в Loop надо отправить t1=25 |
||||
|
||||
// var data=[{"Time":"20:20","temperatura":"9.39 C","humidity":"90.96 %/n"}, |
||||
// {"Time":"20:21","temperatura":"9.40 C","humidity":"91.11 %/n"}, |
||||
// {"Time":"20:22","temperatura":"9.47 C","humidity":"91.34 %/n"}] |
||||
|
||||
//Array [ "{\"Time\":\"21:23\",\"temperatura\":\"8.88 C\",\"humidity\":\"90.97 %\"}", "{\"Time\":\"21:24\",\"temperatura\":\"8.92 C\",\"humidity\":\"91.34 %\"}" ] |
||||
|
||||
|
||||
source.addEventListener('readings', function(e) { |
||||
console.log("readings", e.data); |
||||
|
||||
|
||||
re = e.data.split("\n"); |
||||
console.log(re); |
||||
//String[] anArrayOfStrings; |
||||
var data=[]; |
||||
|
||||
for(var i = 0; i < re.length; i++) { |
||||
data[i] = JSON.parse(re[i]); |
||||
console.log("data", data); |
||||
|
||||
} |
||||
|
||||
append_json(data); |
||||
|
||||
//this function appends the json data to the table 'gable' |
||||
function append_json(data){ |
||||
var table = document.getElementById('gable'); |
||||
|
||||
data.forEach(function(object) { |
||||
var tr = document.createElement('tr'); |
||||
|
||||
tr.innerHTML = '<td>' + object.Time + '</td>' + |
||||
'<td>' + object.temperatura + '</td>' + |
||||
'<td>' + object.humidity + '</td>' |
||||
table.appendChild(tr); |
||||
}); |
||||
} |
||||
|
||||
}, false); |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
} |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</script> |
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,161 @@ |
||||
<!doctype html> |
||||
<html> |
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<title>Информация</title> |
||||
<link href="style.css" rel="stylesheet" type="text/css"> |
||||
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png"> |
||||
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png"> |
||||
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png"> |
||||
<link rel="manifest" href="imajes/site.webmanifest"> |
||||
<link rel="mask-icon" href="imajes/safari-pinned-tab.svg" color="#5bbad5"> |
||||
<meta name="msapplication-TileColor" content="#da532c"> |
||||
<meta name="theme-color" content="#ffffff"> |
||||
</head> |
||||
|
||||
<body id="body"> |
||||
|
||||
<div id="containerinf"> |
||||
|
||||
<div class="topnav" ;id="header" > |
||||
<p><h3>ESP-Домашний сервер</h3> |
||||
</div> |
||||
<nav id="navigation3"><a href="index.html" title="главное меню">Главное меню</a></nav> |
||||
|
||||
|
||||
<div style="text-align: center;"> |
||||
|
||||
<div id="contentinfo"> |
||||
<h1>Кухня</h1> |
||||
<div class="cards"> |
||||
<div class="card temperature"> |
||||
<h4><i class="fas fa-thermometer-half"></i> TEMPERATURE</h4><p><span class="reading"><span id="tul1"></span> °C</span></p><p class="packet">Light <span id="osv1"></span></p> |
||||
</div> |
||||
<div class="card humidity"> |
||||
<h4><i class="fas fa-tint"></i> HUMIDITY</h4><p><span class="reading"><span id="hul1"></span> %</span></p><p class="packet">Time <span id="timeul1"></span></p> |
||||
</div> |
||||
</div> |
||||
<div><font size="3" color="#1E4486">................................................... </font> |
||||
</div> |
||||
<div> |
||||
<font size="3" color="#1E4486">таблица температуры за сутки</font> |
||||
</div> |
||||
|
||||
<div id="tablinfo"> |
||||
|
||||
<table style="display: inline-block; color: #160B51; font-size: medium;" id="gable" > |
||||
<colgroup> |
||||
<col class="twenty" /> |
||||
<col class="fourty" /> |
||||
<col class="thirtyfive" /> |
||||
</colgroup> |
||||
<tr> |
||||
<th onclick="sortTable(0)"><span class="glyphicon glyphicon-sort"></span>  Time</th> |
||||
<th onclick="sortTable(1)"><span class="glyphicon glyphicon-sort"></span>  temperatura</th> |
||||
<th onclick="sortTable(2)"><span class="glyphicon glyphicon-sort"></span>  humidity</th> |
||||
</tr> |
||||
</table> |
||||
</div> |
||||
</div> |
||||
<p class="packet"> <span id="tdata"></span></p> |
||||
</div> |
||||
|
||||
</div> |
||||
<script type="text/javascript"> |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
if (!!window.EventSource) { |
||||
var source = new EventSource('/events'); |
||||
|
||||
source.addEventListener('open', function(e) { |
||||
console.log("Events Connected"); |
||||
}, false); |
||||
source.addEventListener('error', function(e) { |
||||
if (e.target.readyState != EventSource.OPEN) { |
||||
console.log("Events Disconnected"); |
||||
} |
||||
}, false); |
||||
|
||||
source.addEventListener('message', function(e) { |
||||
console.log("message", e.data); |
||||
}, false); |
||||
|
||||
|
||||
source.addEventListener('new_datatemp', function(e) { |
||||
console.log("new_datatemp", e.data); |
||||
var obj = JSON.parse(e.data); |
||||
|
||||
document.getElementById("tul1").innerHTML = obj.tul1; |
||||
document.getElementById("hul1").innerHTML = obj.hul1; |
||||
document.getElementById("osv1").innerHTML = obj.osv1; |
||||
document.getElementById("timeul1").innerHTML = obj.timeul1; |
||||
|
||||
}, false); |
||||
|
||||
|
||||
// source.addEventListener('t1', function(e) {;//слушаем когда прийдет t1 |
||||
// document.getElementById("t1").innerHTML =e.data;// заменяем в HTML страничке id="t1" на то что пришло t1=25 |
||||
// }, false);// events.send(String(t1).c_str(), "t1", millis()); в Loop надо отправить t1=25 |
||||
|
||||
// var data=[{"Time":"20:20","temperatura":"9.39 C","humidity":"90.96 %/n"}, |
||||
// {"Time":"20:21","temperatura":"9.40 C","humidity":"91.11 %/n"}, |
||||
// {"Time":"20:22","temperatura":"9.47 C","humidity":"91.34 %/n"}] |
||||
|
||||
//Array [ "{\"Time\":\"21:23\",\"temperatura\":\"8.88 C\",\"humidity\":\"90.97 %\"}", "{\"Time\":\"21:24\",\"temperatura\":\"8.92 C\",\"humidity\":\"91.34 %\"}" ] |
||||
|
||||
|
||||
source.addEventListener('readings', function(e) { |
||||
console.log("readings", e.data); |
||||
|
||||
|
||||
re = e.data.split("\n"); |
||||
console.log(re); |
||||
//String[] anArrayOfStrings; |
||||
var data=[]; |
||||
|
||||
for(var i = 0; i < re.length; i++) { |
||||
data[i] = JSON.parse(re[i]); |
||||
console.log("data", data); |
||||
|
||||
} |
||||
|
||||
append_json(data); |
||||
|
||||
//this function appends the json data to the table 'gable' |
||||
function append_json(data){ |
||||
var table = document.getElementById('gable'); |
||||
|
||||
data.forEach(function(object) { |
||||
var tr = document.createElement('tr'); |
||||
|
||||
tr.innerHTML = '<td>' + object.Time + '</td>' + |
||||
'<td>' + object.temperatura + '</td>' + |
||||
'<td>' + object.humidity + '</td>' |
||||
table.appendChild(tr); |
||||
}); |
||||
} |
||||
|
||||
}, false); |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
} |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</script> |
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,161 @@ |
||||
<!doctype html> |
||||
<html> |
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<title>Информация</title> |
||||
<link href="style.css" rel="stylesheet" type="text/css"> |
||||
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png"> |
||||
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png"> |
||||
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png"> |
||||
<link rel="manifest" href="imajes/site.webmanifest"> |
||||
<link rel="mask-icon" href="imajes/safari-pinned-tab.svg" color="#5bbad5"> |
||||
<meta name="msapplication-TileColor" content="#da532c"> |
||||
<meta name="theme-color" content="#ffffff"> |
||||
</head> |
||||
|
||||
<body id="body"> |
||||
|
||||
<div id="containerinf"> |
||||
|
||||
<div class="topnav" ;id="header" > |
||||
<p><h3>ESP-Домашний сервер</h3> |
||||
</div> |
||||
<nav id="navigation3"><a href="index.html" title="главное меню">Главное меню</a></nav> |
||||
|
||||
|
||||
<div style="text-align: center;"> |
||||
|
||||
<div id="contentinfo"> |
||||
<h1>Улица(восток)</h1> |
||||
<div class="cards"> |
||||
<div class="card temperature"> |
||||
<h4><i class="fas fa-thermometer-half"></i> TEMPERATURE</h4><p><span class="reading"><span id="tul1"></span> °C</span></p><p class="packet">Light <span id="osv1"></span></p> |
||||
</div> |
||||
<div class="card humidity"> |
||||
<h4><i class="fas fa-tint"></i> HUMIDITY</h4><p><span class="reading"><span id="hul1"></span> %</span></p><p class="packet">Time <span id="timeul1"></span></p> |
||||
</div> |
||||
</div> |
||||
<div><font size="3" color="#1E4486">................................................... </font> |
||||
</div> |
||||
<div> |
||||
<font size="3" color="#1E4486">таблица температуры за сутки</font> |
||||
</div> |
||||
|
||||
<div id="tablinfo"> |
||||
|
||||
<table style="display: inline-block; color: #160B51; font-size: medium;" id="gable" > |
||||
<colgroup> |
||||
<col class="twenty" /> |
||||
<col class="fourty" /> |
||||
<col class="thirtyfive" /> |
||||
</colgroup> |
||||
<tr> |
||||
<th onclick="sortTable(0)"><span class="glyphicon glyphicon-sort"></span>  Time</th> |
||||
<th onclick="sortTable(1)"><span class="glyphicon glyphicon-sort"></span>  temperatura</th> |
||||
<th onclick="sortTable(2)"><span class="glyphicon glyphicon-sort"></span>  humidity</th> |
||||
</tr> |
||||
</table> |
||||
</div> |
||||
</div> |
||||
<p class="packet"> <span id="tdata"></span></p> |
||||
</div> |
||||
</div> |
||||
|
||||
<script type="text/javascript"> |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
if (!!window.EventSource) { |
||||
var source = new EventSource('/events'); |
||||
|
||||
source.addEventListener('open', function(e) { |
||||
console.log("Events Connected"); |
||||
}, false); |
||||
source.addEventListener('error', function(e) { |
||||
if (e.target.readyState != EventSource.OPEN) { |
||||
console.log("Events Disconnected"); |
||||
} |
||||
}, false); |
||||
|
||||
source.addEventListener('message', function(e) { |
||||
console.log("message", e.data); |
||||
}, false); |
||||
|
||||
|
||||
source.addEventListener('new_datatemp', function(e) { |
||||
console.log("new_datatemp", e.data); |
||||
var obj = JSON.parse(e.data); |
||||
|
||||
document.getElementById("tul1").innerHTML = obj.tul1; |
||||
document.getElementById("hul1").innerHTML = obj.hul1; |
||||
document.getElementById("osv1").innerHTML = obj.osv1; |
||||
document.getElementById("timeul1").innerHTML = obj.timeul1; |
||||
|
||||
}, false); |
||||
|
||||
|
||||
// source.addEventListener('t1', function(e) {;//слушаем когда прийдет t1 |
||||
// document.getElementById("t1").innerHTML =e.data;// заменяем в HTML страничке id="t1" на то что пришло t1=25 |
||||
// }, false);// events.send(String(t1).c_str(), "t1", millis()); в Loop надо отправить t1=25 |
||||
|
||||
// var data=[{"Time":"20:20","temperatura":"9.39 C","humidity":"90.96 %/n"}, |
||||
// {"Time":"20:21","temperatura":"9.40 C","humidity":"91.11 %/n"}, |
||||
// {"Time":"20:22","temperatura":"9.47 C","humidity":"91.34 %/n"}] |
||||
|
||||
//Array [ "{\"Time\":\"21:23\",\"temperatura\":\"8.88 C\",\"humidity\":\"90.97 %\"}", "{\"Time\":\"21:24\",\"temperatura\":\"8.92 C\",\"humidity\":\"91.34 %\"}" ] |
||||
|
||||
|
||||
source.addEventListener('readings', function(e) { |
||||
console.log("readings", e.data); |
||||
|
||||
|
||||
re = e.data.split("\n"); |
||||
console.log(re); |
||||
//String[] anArrayOfStrings; |
||||
var data=[]; |
||||
|
||||
for(var i = 0; i < re.length; i++) { |
||||
data[i] = JSON.parse(re[i]); |
||||
console.log("data", data); |
||||
|
||||
} |
||||
|
||||
append_json(data); |
||||
|
||||
//this function appends the json data to the table 'gable' |
||||
function append_json(data){ |
||||
var table = document.getElementById('gable'); |
||||
|
||||
data.forEach(function(object) { |
||||
var tr = document.createElement('tr'); |
||||
|
||||
tr.innerHTML = '<td>' + object.Time + '</td>' + |
||||
'<td>' + object.temperatura + '</td>' + |
||||
'<td>' + object.humidity + '</td>' |
||||
table.appendChild(tr); |
||||
}); |
||||
} |
||||
|
||||
}, false); |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
} |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</script> |
||||
</body> |
||||
</html> |
||||
|
After Width: | Height: | Size: 11 KiB |
|
After Width: | Height: | Size: 266 B |
|
After Width: | Height: | Size: 266 B |
@ -0,0 +1,58 @@ |
||||
<!doctype html> |
||||
<html> |
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<title>Настройка</title> |
||||
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png"> |
||||
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png"> |
||||
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png"> |
||||
<link rel="manifest" href="imajes/site.webmanifest"> |
||||
<link rel="mask-icon" href="imajes/safari-pinned-tab.svg" color="#5bbad5"> |
||||
<meta name="msapplication-TileColor" content="#da532c"> |
||||
<meta name="theme-color" content="#ffffff"> |
||||
<link href="style.css" rel="stylesheet" type="text/css"> |
||||
</head> |
||||
|
||||
<body id="body"> |
||||
<h2 id="h2">ESP32 управляет освещением комнаты</h2> |
||||
<nav id="navigation3"><a href="index.html" title="главное меню">Главное меню</a></nav> |
||||
|
||||
|
||||
<select id="myselect" onchange="change_myselect(this.value)"> |
||||
<option value="">Выберите значение:</option> |
||||
<option value="customers">Покупатели</option> |
||||
<option value="products">Товары</option> |
||||
<option value="suppliers">Поставщики</option> |
||||
</select> |
||||
|
||||
|
||||
<script type="text/javascript"> |
||||
|
||||
function change_myselect(sel) { |
||||
var obj, dbParam, xmlhttp, myObj, x, txt = ""; |
||||
obj = { "table":sel, "limit":20 }; |
||||
dbParam = JSON.stringify(obj); |
||||
xmlhttp = new XMLHttpRequest(); |
||||
xmlhttp.onreadystatechange = function() { |
||||
if (this.readyState == 4 && this.status == 200) { |
||||
myObj = JSON.parse(this.responseText); |
||||
txt += "<table border='1'>" |
||||
for (x in myObj) { |
||||
txt += "<tr><td>" + myObj[x].name + "</td></tr>"; |
||||
} |
||||
txt += "</table>" |
||||
document.getElementById("demo").innerHTML = txt; |
||||
} |
||||
}; |
||||
xmlhttp.open("POST", "json_demo_db_post.php", true); |
||||
xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); |
||||
xmlhttp.send("x=" + dbParam); |
||||
} |
||||
|
||||
|
||||
|
||||
|
||||
</script> |
||||
|
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,205 @@ |
||||
@charset "utf-8"; |
||||
|
||||
html {font-family: Arial; display: inline-block; text-align: center;} |
||||
body { |
||||
background-color: #C7CACC; |
||||
color: #FFFFFF; |
||||
font-family: Arial, sans-serif; |
||||
font-size: 14px; |
||||
width: 100%; |
||||
margin-top: 5px; |
||||
background-image: url(fon.jpg); |
||||
} |
||||
a{ |
||||
color: #FFFFFF; |
||||
} |
||||
a:visited { |
||||
color: #FFFFFF; /* Цвет посещенных ссылок */ |
||||
text-decoration: none; |
||||
} |
||||
a:active { |
||||
color: #A7F095; /* Цвет активных ссылок */ |
||||
} |
||||
a:hover { |
||||
color: #AFDAF4; /* Цвет ссылок при наведении мыши*/ |
||||
} |
||||
|
||||
#header { |
||||
background: #F5DEB3; |
||||
width: 100%; |
||||
} |
||||
|
||||
#container { |
||||
background-color: #FFFFFF; |
||||
margin-right: auto; |
||||
margin-left: auto; |
||||
margin-bottom: auto; |
||||
text-align: center; |
||||
width: 80%; |
||||
height: 84px; |
||||
margin-top: 7px; |
||||
padding-top: 1px; |
||||
} |
||||
|
||||
#nav |
||||
{ |
||||
background-color: #2F4468; |
||||
width: 100%; |
||||
color: #FFFFFF; |
||||
font-size: small; |
||||
margin-left: -18px; |
||||
margin-top: -3px; |
||||
} |
||||
|
||||
#sidebar { |
||||
background-color: #8CA2AF; |
||||
float: left; |
||||
width: 20%; |
||||
position: static; |
||||
margin-top: -1px; |
||||
height: 358px; |
||||
min-width: 0px; |
||||
} |
||||
|
||||
#content { |
||||
background-color: #F8E6C1; |
||||
float: right; |
||||
width: 80%; |
||||
color: #14437A; |
||||
margin-top: -2px; |
||||
opacity: 0.91; |
||||
} |
||||
|
||||
#clear { |
||||
clear: both; |
||||
} |
||||
|
||||
#footer { |
||||
background: #00BFFF; |
||||
width: 100%; |
||||
height: 40px; |
||||
} |
||||
|
||||
.topnav { |
||||
overflow: hidden; |
||||
background-color: #2f4468; |
||||
color: white; |
||||
font-size: 1.7rem; |
||||
height: 65px; |
||||
line-height: 3px; |
||||
|
||||
} |
||||
.top{ |
||||
overflow: hidden; |
||||
background-color: #8CA2AF; |
||||
color: white; |
||||
width: 100%; |
||||
|
||||
} |
||||
|
||||
.card.temperature { color: #fd7e14; } |
||||
.card.humidity { color: #1b78e2; } |
||||
|
||||
|
||||
.card { |
||||
background-color: #F9F9F7; |
||||
box-shadow: 2px 2px 12px 1px rgba(140,140,140,.5); |
||||
} |
||||
.cards { |
||||
max-width: 901px; |
||||
margin: 0 auto; |
||||
display: grid; |
||||
grid-gap: 2rem; |
||||
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); |
||||
min-height: 133px; |
||||
} |
||||
.reading { |
||||
font-size: 2.8rem; |
||||
|
||||
} |
||||
|
||||
|
||||
#navigation a { |
||||
font-size: small; |
||||
color: #3E73A7; |
||||
float: left; |
||||
border-top-width: thick; |
||||
padding-left: 20px; |
||||
} |
||||
|
||||
.times{ |
||||
font-size: xx-large; |
||||
margin-top: -50px; |
||||
background-color: #2F4468; |
||||
color: #FFFFFF; |
||||
height: 57px; |
||||
line-height: 56px; |
||||
} |
||||
.manth{ |
||||
color: #02087C; |
||||
margin-top: 0px; |
||||
background-color: #EF7320; |
||||
height: 2pc; |
||||
font-size: large; |
||||
padding-top: 2px; |
||||
opacity: 1; |
||||
line-height: 3%; |
||||
} |
||||
.servertime { |
||||
margin-top: 37px; |
||||
} |
||||
.data{ |
||||
color: #2F4468; |
||||
background-color: #FFFFFF; |
||||
margin-top: -93px; |
||||
height: 146px; |
||||
font-size: 92px; |
||||
line-height: 97px; |
||||
} |
||||
.week{ |
||||
color: #000006; |
||||
margin-top: -91px; |
||||
background-color: #EF7320; |
||||
height: 2pc; |
||||
font-size: large; |
||||
line-height: 30px; |
||||
|
||||
} |
||||
.levnav{ |
||||
font-size: large; |
||||
color: #FFFFFF; |
||||
margin-top: 5px; |
||||
margin-left: 25px; |
||||
line-height: 11px; |
||||
margin-right: 31px; |
||||
text-decoration: none; |
||||
text-align: left; |
||||
|
||||
} |
||||
#containerinf { |
||||
background-color: #B59D69; |
||||
margin-right: auto; |
||||
margin-left: auto; |
||||
margin-bottom: auto; |
||||
text-align: center; |
||||
width: 80%; |
||||
height: 84px; |
||||
margin-top: 7px; |
||||
padding-top: 1px; |
||||
opacity: 1; |
||||
} |
||||
#contentinfo { |
||||
background-color: #ECD9B1; |
||||
width: 100%; |
||||
color: #14437A; |
||||
margin-top: -2px; |
||||
opacity: 0.83; |
||||
} |
||||
#tablinfo{ |
||||
background-color: #ECD9B1; |
||||
width: 35%; |
||||
color: #14437A; |
||||
margin-top: 11px; |
||||
opacity: 0.83; |
||||
margin-left: 288px; |
||||
} |
||||
@ -0,0 +1,122 @@ |
||||
|
||||
<!DOCTYPE HTML><html> |
||||
|
||||
<head> |
||||
<title>ESP-NOW DASHBOARD</title> |
||||
<meta charset="utf-8"> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1"> |
||||
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous"> |
||||
<link href="style.css" rel="stylesheet" type="text/css"> |
||||
<link rel="icon" href="favicon.ico"> |
||||
|
||||
<link rel="icon" type="png" sizes="32x32" href="favicon-32x32.png"> |
||||
<link rel="icon" type="png" sizes="16x16" href="favicon-16x16.png"> |
||||
<link href="style.css" rel="stylesheet" type="text/css"> |
||||
</head> |
||||
<body> |
||||
|
||||
<div class="topnav"> |
||||
<p><h3>ESP-Домашний сервер</h3><span class="data"></span><span id="dataserv">%dataserv%</span></p> |
||||
|
||||
|
||||
|
||||
|
||||
<p><span class="times"><span id="timeserv">%timeserv%</span></p> |
||||
|
||||
</div> |
||||
<nav id="navigation"><a href="index.html" title="Главная">Главная</a></nav> |
||||
<nav id="navigation1"><a href="setting.html" title="настройки">настройки</a></nav> |
||||
<nav id="navigation2"><a href="inform.html" title="информация">информация</a></nav> |
||||
<div class="content"> |
||||
<div class="cards"> |
||||
<div class="card temperature"> |
||||
<h4><i class="fas fa-thermometer-half"></i> TEMPERATURE</h4><p><span class="reading"><span id="t1"></span> °C</span></p><p class="packet">Time <span id="tim2"></span></p> |
||||
</div> |
||||
<div class="card humidity"> |
||||
<h4><i class="fas fa-tint"></i> HUMIDITY</h4><p><span class="reading"><span id="h1"></span> %</span></p><p class="packet">Time <span id="tim3"></span></p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div style="text-align: center;"> |
||||
<font size="6" color="#0000ff">Время работы сервера:</font> |
||||
</div> |
||||
|
||||
|
||||
<div style="text-align: center;"> |
||||
<font color="#ff0000" size="6"> |
||||
<p><span id="t10"></span></p> |
||||
</font> |
||||
<font size="4" color="#0000ff"> </font> |
||||
|
||||
</div> |
||||
|
||||
|
||||
|
||||
<script type="text/javascript"> |
||||
|
||||
function toggleCheckbox(element) {//get запросы на переключение кнопки GET http://192.168.1.100/update?output=13&state=1 |
||||
var xhr = new XMLHttpRequest(); |
||||
if(element.checked){ xhr.open("GET", "/update?output="+element.id+"&state=1", true); } |
||||
else { xhr.open("GET", "/update?output="+element.id+"&state=0", true); } |
||||
xhr.send(); |
||||
} |
||||
|
||||
|
||||
|
||||
if (!!window.EventSource) { |
||||
var source = new EventSource('/events'); |
||||
|
||||
source.addEventListener('open', function(e) { |
||||
console.log("Events Connected"); |
||||
}, false); |
||||
source.addEventListener('error', function(e) { |
||||
if (e.target.readyState != EventSource.OPEN) { |
||||
console.log("Events Disconnected"); |
||||
} |
||||
}, false); |
||||
|
||||
source.addEventListener('message', function(e) { |
||||
console.log("message", e.data); |
||||
}, false); |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
// source.addEventListener('t1', function(e) {;//слушаем когда прийдет t1 |
||||
// document.getElementById("t1").innerHTML =e.data;// заменяем в HTML страничке id="t1" на то что пришло t1=25 |
||||
// }, false);// events.send(String(t1).c_str(), "t1", millis()); в Loop надо отправить t1=25 |
||||
|
||||
|
||||
|
||||
|
||||
source.addEventListener('t10', function(e) {//ремя работы сервера |
||||
document.getElementById("t10").innerHTML =e.data; |
||||
}, false); |
||||
|
||||
|
||||
|
||||
|
||||
source.addEventListener('new_readings', function(e) { |
||||
console.log("new_readings", e.data); |
||||
var obj = JSON.parse(e.data); |
||||
document.getElementById("t1").innerHTML = obj.temperature.toFixed(2); |
||||
document.getElementById("h1").innerHTML = obj.humidity.toFixed(2); |
||||
document.getElementById("tim2").innerHTML = obj.tim2; |
||||
document.getElementById("tim3").innerHTML = obj.tim3; |
||||
document.getElementById("dataserv").innerHTML = obj.dataserv; |
||||
document.getElementById("timeserv").innerHTML = obj.timeserv; |
||||
}, false); |
||||
} |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</script> |
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,634 @@ |
||||
/*
|
||||
ESP32 Receiver (ESP-NOW + Web Server) |
||||
Complete project details at https://RandomNerdTutorials.com/esp32-esp-now-wi-fi-web-server/
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy |
||||
of this software and associated documentation files. |
||||
|
||||
The above copyright notice and this permission notice shall be included in all |
||||
copies or substantial portions of the Software. |
||||
*/ |
||||
//08:3A:F2:A7:80:6C //esp32 желтые ноги
|
||||
//08:3A:F2:66:31:30 //esp32 lilygo2,3
|
||||
//08:3A:F2: //esp32 lilygo4,7
|
||||
#define SD_MISO 12 |
||||
#define SD_MOSI 13 |
||||
#define SD_SCLK 14 |
||||
#define SD_CS 15 |
||||
#include <esp_task_wdt.h> |
||||
#define WDT_TIMEOUT 10 |
||||
#include <WiFi.h> |
||||
#include "ESPAsyncWebSrv.h" |
||||
#include <AsyncTCP.h> |
||||
#include <Arduino_JSON.h> |
||||
#include <esp_now.h> |
||||
#include "FS.h" |
||||
#include "SD.h" |
||||
#include "SPI.h" |
||||
#include <SPIFFS.h> |
||||
|
||||
#include "NTPClient.h" |
||||
#include "WiFiUdp.h" |
||||
#include <UnixTime.h> |
||||
UnixTime stamp(0); // указать GMT (3 для Москвы)
|
||||
// Define deep sleep options
|
||||
String dataMessage; |
||||
// Define NTP Client to get time
|
||||
WiFiUDP ntpUDP; |
||||
NTPClient timeClient(ntpUDP); |
||||
#include "nRF24L01.h" |
||||
#include "RF24.h" |
||||
char msg[16]; |
||||
//RF24 radio(12, 14, 26, 25, 27);
|
||||
//RF24 radio(27, 26, 32, 33, 25);//server (ce,csn,sck,miso,mosi)esp32
|
||||
|
||||
RF24 radio(17, 16, 32, 33, 25);//server (ce,csn,sck,miso,mosi)esp32
|
||||
const uint64_t pip = 0x02E423E4E2LL; |
||||
SPIClass sdSPI(HSPI); |
||||
File myFile; |
||||
String jsonString;//"{\"id\":2,\"temperature\":9.6733450317382812,\"humidity\":50.41815185546875,\"readingId\":\"2\"}";
|
||||
String jsonString1; |
||||
String jsonString2;//="{\"tkom1\":\"20.0\",\"hkom1\":\"30.0\",\"batkom1\":\"0.00\",\"timekom1\":\"00:00\",\"tkom2\":\"\",\"hkom2\":\"\",\"batkom2\":\"\",\"timekom2\":\"\",\"tkor\":\"\",\"hkor\":\"\",\"batkor\":\"\",\"timekor\":\"\",\"tbal\":\"\",\"hbal\":\"\",\"batbal\":\"\",\"timebal\":\"\"}"
|
||||
; |
||||
// Replace with your network credentials (STATION)
|
||||
const char* ssid = "VOVA-47"; |
||||
const char* password = "vovak26102003"; |
||||
|
||||
char *time_buf; |
||||
|
||||
const char* PARAM_INPUT_1 = "output"; |
||||
const char* PARAM_INPUT_2 = "state"; |
||||
|
||||
// Structure example to receive data
|
||||
// Must match the sender structure
|
||||
typedef struct struct_message { |
||||
int id=0; |
||||
float temp=0; |
||||
float hum=0; |
||||
unsigned int readingId=0; |
||||
} struct_message; |
||||
|
||||
struct_message incomingReadings; |
||||
|
||||
JSONVar board; |
||||
JSONVar board1; |
||||
JSONVar board2; |
||||
|
||||
|
||||
|
||||
AsyncWebServer server(80); |
||||
AsyncEventSource events("/events"); |
||||
//*************************************************************************************************
|
||||
char* strd[] = {"01","02","03","04","05","06","07","08","09","10","11","12","13","14","15","16","17","18","19","20","21","22","23","24","25","26","27","28","29","30","31"}; |
||||
char* strm[] = {"январь","февраль","март","апрель","май","июнь","июль","август","сентябрь","октябрь","ноябрь","декабрь"}; |
||||
char* strweek[] = {"воскресенье","понедельник","вторник","среда","четверг","пятница","суббота","воскресенье"}; |
||||
int nt=0;//номер термометра
|
||||
int nti=0;//номер термометра для сайта
|
||||
int temperature1=10; |
||||
double ts; |
||||
double hs; |
||||
String t1; |
||||
String h1; |
||||
String t10;//время работы сервера
|
||||
String tim3;// время от нтп сервера при приходе данных с NOW
|
||||
String tim2;//время получ от устройства NOW
|
||||
String munthserv;//месяц
|
||||
String weekserv;//день недели
|
||||
|
||||
String tkom1;//температура
|
||||
String hkom1;//влажность
|
||||
String batkom1; |
||||
String timekom1;//время прихода данных комната1
|
||||
|
||||
String tkom2; |
||||
String hkom2; |
||||
String batkom2; |
||||
String timekom2; |
||||
|
||||
String tkor; |
||||
String hkor; |
||||
String batkor; |
||||
String timekor; |
||||
|
||||
String tbal; |
||||
String hbal; |
||||
String batbal; |
||||
String timebal; |
||||
|
||||
String timeul1; |
||||
String tul1; |
||||
String hul1; |
||||
String osv1; |
||||
int ct1=0;//счетчик пропуска данные каждые 3 минуты записываем каждые 20 те 7 пропусков
|
||||
|
||||
|
||||
int time17=0; |
||||
int hour1=10; |
||||
int min1=7; |
||||
int sek=0; |
||||
int hk=0;//часы для исключения повтора записи данных
|
||||
int mk=0;//минуты
|
||||
int hb=0;//часы для исключения повтора записи данных
|
||||
int mb=0;//минуты
|
||||
int hkr=0;//часы для исключения повтора записи данных
|
||||
int mkr=0;//минуты
|
||||
int timev=0;//для пропуска 20 минут
|
||||
//String timev1;//для записи на флэш при сбросе
|
||||
|
||||
boolean fdata=0;//флаг обновления данных темп и влажн
|
||||
int fobnov=1;//флаг обновления данных темп и влажн
|
||||
String timeserv;//время сервера
|
||||
String dataserv;//дата
|
||||
int v=0; |
||||
int v1=0; |
||||
long EpochTime=0; |
||||
int ind=0; |
||||
String strdat;//накопленые в памяти данные по темп и влажность передаваемые клиенту
|
||||
String tempdat;//
|
||||
int ftdata=0;//флаг запроса данных темп и влажн
|
||||
int fping=0;// флаг для задержки отр данных на страницу inform
|
||||
int wright=0; |
||||
bool flread=0; |
||||
char* strden[] = {"/01","/02","/03","/04","/05","/06","/07","/08","/09","/10","/11","/12","/13","/14","/15","/16","/17","/18","/19","/20","/21","/22","/23","/24","/25","/26","/27","/28","/29","/30","/31"};
|
||||
char* strmen[] = {"/JAN","/FEBR","/MARCH","/APRIL","/MAY","/JUNE","/JULY","/AUG","/SEPT","/OCT","/NOV","/DEC"}; |
||||
char* stryen[] = {"/2014","/2015","/2016","/2017","/D-2018","/D-2019","/D-2020","/D-2021","/D-2022","/D-2023","/D-2024","/D-2025","/D-2026","/D-2027","/D-2028","/D-2029","/D-2030","/D-2031","/D-2032","D-2033","/D-2034","/D-2035"}; |
||||
char* strdaten[] = {"/T1.txt","/T2.txt","/T3.txt","/T4.txt","/T5.txt","/T6.txt","/T7.txt","/T8.txt","/T9.txt","/T10.txt"}; |
||||
//************************************************************
|
||||
hw_timer_t * timer = NULL; |
||||
volatile SemaphoreHandle_t timerSemaphore; |
||||
portMUX_TYPE timerMux = portMUX_INITIALIZER_UNLOCKED; |
||||
volatile uint32_t isrCounter = 0; |
||||
volatile uint32_t lastIsrAt = 0; |
||||
//**************************************************************************************************
|
||||
// ntp
|
||||
String formattedDate; |
||||
String formattedTime; |
||||
String dayStamp; |
||||
String timeStamp; |
||||
|
||||
|
||||
//*****************************************************************************
|
||||
|
||||
//****************************************************************************
|
||||
String outputState(int output){ |
||||
if(digitalRead(output)){ |
||||
return "checked"; |
||||
} |
||||
else { |
||||
return ""; |
||||
} |
||||
} |
||||
|
||||
String processor(const String& var){ |
||||
//Serial.println(var);
|
||||
if(var == "BUTTONPLACEHOLDER1"){ |
||||
String buttons = ""; |
||||
// buttons += "<h4>Output - GPIO 12</h4><label class=\"switch\"><input type=\"checkbox\" onchange=\"toggleCheckbox(this)\" id=\"12\" " + outputState(12) + "><span class=\"slider\"></span></label>";
|
||||
buttons += "<h4>Output - GPIO 13</h4><label class=\"switch\"><input type=\"checkbox\" onchange=\"toggleCheckbox(this)\" id=\"13\" " + outputState(13) + "><span class=\"slider\"></span></label>"; |
||||
// buttons += "<h4>Output - GPIO 14</h4><label class=\"switch\"><input type=\"checkbox\" onchange=\"toggleCheckbox(this)\" id=\"14\" " + outputState(14) + "><span class=\"slider\"></span></label>";
|
||||
return buttons; |
||||
} |
||||
return String(); |
||||
} |
||||
/* if(var == "HOLDERT1"){
|
||||
String buttons = ""; |
||||
buttons +="<p><span class=\"reading\">"+t1+" °C</span></p>"; |
||||
String hour11=String(hour1, DEC); |
||||
String min11=String(min1, DEC); |
||||
if(min1<10){min11="0"+min11;} |
||||
buttons +="<p>"+hour11+":"+min11+"</p>"; |
||||
return buttons; |
||||
} |
||||
if(var == "HOLDERH1"){ |
||||
String buttons = ""; |
||||
buttons +="<p><span class=\"reading\">"+h1+" %</span></p>"; |
||||
String hour11=String(hour1, DEC); |
||||
String min11=String(min1, DEC); |
||||
if(min1<10){min11="0"+min11;} |
||||
buttons +="<p>"+hour11+":"+min11+"</p>"; |
||||
return buttons; |
||||
} |
||||
*/ |
||||
/*if(var == "HOLDER2"){
|
||||
String buttons = ""; |
||||
|
||||
buttons +="<p>"+t10+"</p>"; |
||||
return buttons; |
||||
|
||||
}*/ |
||||
//************************************************
|
||||
|
||||
|
||||
//***********************************************************
|
||||
void vrem(); |
||||
void handle_OnConnect(); |
||||
void ntp(); |
||||
void ntphome(); |
||||
void IRAM_ATTR onTimer(); |
||||
void event(); |
||||
void WiFisetup(); |
||||
void savedata(); |
||||
void JSstringU(); |
||||
void JSstringK(); |
||||
void Sdreaddata(); |
||||
void Nrfsetup(); |
||||
void nrf(); |
||||
void parsmsg(); |
||||
void settimer(); |
||||
void readdata(); |
||||
//void ansv();
|
||||
//***********************************************************
|
||||
void OnDataRecv(const uint8_t * mac_addr, const uint8_t *incomingData, int len) {
|
||||
// Copies the sender mac address to a string
|
||||
char macStr[18]; |
||||
Serial.print("Packet received from: "); |
||||
snprintf(macStr, sizeof(macStr), "%02x:%02x:%02x:%02x:%02x:%02x", |
||||
mac_addr[0], mac_addr[1], mac_addr[2], mac_addr[3], mac_addr[4], mac_addr[5]); |
||||
Serial.println(macStr); |
||||
memcpy(&incomingReadings, incomingData, sizeof(incomingReadings)); |
||||
|
||||
Serial.printf("Board ID %u: %u bytes\n", incomingReadings.id, len); |
||||
Serial.printf("t value: %4.2f \n", incomingReadings.temp); |
||||
t1 = incomingReadings.temp; |
||||
Serial.printf("h value: %4.2f \n", incomingReadings.hum); |
||||
h1=incomingReadings.hum; |
||||
Serial.printf("readingID value: %d \n", incomingReadings.readingId); |
||||
int tim11 =incomingReadings.readingId; |
||||
hour1=tim11/100; |
||||
min1=tim11%100; |
||||
//JSONстрока формирование
|
||||
ntphome(); |
||||
tim3=timeserv; |
||||
JSstringU();
|
||||
events.send(jsonString.c_str(), "new_readings", millis());//обновление веба
|
||||
// fdata=1;
|
||||
|
||||
// fdata=0;
|
||||
savedata(); |
||||
}//OnDataRecv
|
||||
//****************************************************************************
|
||||
void configureEvents() { |
||||
events.onConnect([](AsyncEventSourceClient *client){ |
||||
if(client->lastId()){ |
||||
Serial.printf("Client connections. Id: %u\n", client->lastId()); |
||||
} |
||||
// and set reconnect delay to 1 second
|
||||
client->send("hello from ESP32",NULL,millis(),1000); |
||||
}); |
||||
|
||||
}// configureEvents
|
||||
//*********************************************************************************************************
|
||||
void setup() { |
||||
// Initialize Serial Monitor
|
||||
pinMode(13, OUTPUT); |
||||
digitalWrite(13, LOW); |
||||
Serial.begin(115200); |
||||
|
||||
if(!SPIFFS.begin()){ |
||||
Serial.println("An Error has occurred while mounting SPIFFS"); |
||||
return; |
||||
} |
||||
|
||||
sdSPI.begin(SD_SCLK, SD_MISO, SD_MOSI, SD_CS); |
||||
if (!SD.begin(SD_CS, sdSPI)) |
||||
{ |
||||
// if(!SD.begin()){
|
||||
Serial.println("Mounting card mount failed"); |
||||
// return;
|
||||
} |
||||
|
||||
|
||||
uint8_t cardType = SD.cardType(); |
||||
if(cardType == CARD_NONE){ |
||||
Serial.println("No SD card attached"); |
||||
//return;
|
||||
} |
||||
uint64_t cardSize = SD.cardSize() / (1024 * 1024); |
||||
Serial.printf("SD Card Size: %lluMB\n", cardSize); |
||||
Sdreaddata(); |
||||
Nrfsetup(); |
||||
settimer(); |
||||
WiFisetup(); |
||||
// Initialize a NTPClient to get time
|
||||
timeClient.begin(); |
||||
// Set offset time in seconds to adjust for your timezone, for example:
|
||||
// GMT +1 = 3600
|
||||
// GMT +8 = 28800
|
||||
// GMT -1 = -3600
|
||||
// GMT 0 = 0
|
||||
timeClient.setTimeOffset(10800);
|
||||
// Once ESPNow is successfully Init, we will register for recv CB to
|
||||
// get recv packer info
|
||||
esp_now_register_recv_cb(OnDataRecv); |
||||
ntp();//NTP init
|
||||
|
||||
server.on("/", HTTP_GET, [](AsyncWebServerRequest *request){ |
||||
request->send(SPIFFS, "/index.html", String(), false, processor); |
||||
fobnov=1; |
||||
}); |
||||
server.on("/index.html", HTTP_GET, [](AsyncWebServerRequest *request){ |
||||
request->send(SPIFFS, "/index.html", String(), false, processor); |
||||
fobnov=1; |
||||
|
||||
}); |
||||
// Route to load style.css file
|
||||
server.on("/style.css", HTTP_GET, [](AsyncWebServerRequest *request){ |
||||
request->send(SPIFFS, "/style.css", "text/css"); |
||||
}); |
||||
|
||||
|
||||
server.on("/fon.jpg", HTTP_GET, [](AsyncWebServerRequest *request){ |
||||
request->send(SPIFFS, "/fon.jpg"); |
||||
}); |
||||
|
||||
server.on("/upravlenie.html", HTTP_GET, [](AsyncWebServerRequest *request){ |
||||
fobnov=1; |
||||
request->send(SPIFFS, "/upravlenie.html", String(), false, processor); |
||||
}); |
||||
|
||||
server.on("/setting.html", HTTP_GET, [](AsyncWebServerRequest *request){ |
||||
|
||||
request->send(SPIFFS, "/setting.html"); |
||||
}); |
||||
server.on("/inform.html", HTTP_GET, [](AsyncWebServerRequest *request){ |
||||
ftdata=1; |
||||
fping=0; |
||||
// Serial.println ("ftdata==1");
|
||||
request->send(SPIFFS, "/inform.html"); |
||||
}); |
||||
|
||||
server.on("/inform1.html", HTTP_GET, [](AsyncWebServerRequest *request){ |
||||
ftdata=2; |
||||
fping=0; |
||||
// Serial.println ("ftdata==1");
|
||||
request->send(SPIFFS, "/inform1.html"); |
||||
}); |
||||
|
||||
server.on("/inform2.html", HTTP_GET, [](AsyncWebServerRequest *request){ |
||||
ftdata=4; |
||||
fping=0; |
||||
// Serial.println ("ftdata==1");
|
||||
request->send(SPIFFS, "/inform2.html"); |
||||
}); |
||||
server.on("/inform3.html", HTTP_GET, [](AsyncWebServerRequest *request){ |
||||
ftdata=7; |
||||
fping=0; |
||||
// Serial.println ("ftdata==1");
|
||||
request->send(SPIFFS, "/inform3.html"); |
||||
}); |
||||
server.on("/inform4.html", HTTP_GET, [](AsyncWebServerRequest *request){ |
||||
ftdata=3; |
||||
fping=0; |
||||
// Serial.println ("ftdata==1");
|
||||
request->send(SPIFFS, "/inform4.html"); |
||||
}); |
||||
server.on("/inform5.html", HTTP_GET, [](AsyncWebServerRequest *request){ |
||||
ftdata=5; |
||||
fping=0; |
||||
// Serial.println ("ftdata==1");
|
||||
request->send(SPIFFS, "/inform5.html"); |
||||
}); |
||||
server.on("/inform6.html", HTTP_GET, [](AsyncWebServerRequest *request){ |
||||
ftdata=6; |
||||
fping=0; |
||||
// Serial.println ("ftdata==1");
|
||||
request->send(SPIFFS, "/inform6.html"); |
||||
}); |
||||
server.on("/favicon.ico", HTTP_GET, [](AsyncWebServerRequest *request){ |
||||
|
||||
request->send(SPIFFS, "/favicon.ico"); |
||||
}); |
||||
server.on("/favicon-32x32.png", HTTP_GET, [](AsyncWebServerRequest *request){ |
||||
|
||||
request->send(SPIFFS, "/favicon-32x32.png"); |
||||
}); |
||||
server.on("/favicon-16x16.png", HTTP_GET, [](AsyncWebServerRequest *request){ |
||||
|
||||
request->send(SPIFFS, "/favicon-32x32.png"); |
||||
}); |
||||
|
||||
// Send a GET request to <ESP_IP>/update?output=<inputMessage1>&state=<inputMessage2> принимаем get сообщение от клиента при нажати кнопки
|
||||
// принимаем номер контакта и его состояние
|
||||
// GET http://192.168.1.100/update?output=13&state=1
|
||||
server.on("/update", HTTP_GET, [] (AsyncWebServerRequest *request) { |
||||
String inputMessage1; |
||||
String inputMessage2; |
||||
// GET input1 value on <ESP_IP>/update?output=<inputMessage1>&state=<inputMessage2>
|
||||
|
||||
|
||||
if (request->hasParam(PARAM_INPUT_1) && request->hasParam(PARAM_INPUT_2)) { |
||||
inputMessage1 = request->getParam(PARAM_INPUT_1)->value(); |
||||
inputMessage2 = request->getParam(PARAM_INPUT_2)->value(); |
||||
digitalWrite(inputMessage1.toInt(), inputMessage2.toInt()); |
||||
} |
||||
else { |
||||
inputMessage1 = "No message sent"; |
||||
inputMessage2 = "No message sent"; |
||||
} |
||||
Serial.print("GPIO: "); |
||||
Serial.print(inputMessage1); |
||||
Serial.print(" - Set to: "); |
||||
Serial.println(inputMessage2); |
||||
|
||||
request->send(200, "text/plain", "OK"); |
||||
});
|
||||
|
||||
JSstringU(); |
||||
JSstringK(); |
||||
|
||||
configureEvents(); |
||||
server.addHandler(&events); |
||||
|
||||
server.begin(); |
||||
esp_task_wdt_init(WDT_TIMEOUT, true); //включить панику, чтобы ESP32 перезапустился
|
||||
esp_task_wdt_add(NULL); //добавить текущий поток в WDT watch
|
||||
|
||||
} |
||||
|
||||
|
||||
//***********************************************************************************************************
|
||||
//***********************************************************************************************************
|
||||
//***********************************************************************************************************
|
||||
void loop()
|
||||
{ |
||||
|
||||
|
||||
static unsigned long lastEventTime = millis(); |
||||
|
||||
static const unsigned long EVENT_INTERVAL_MS = 5000; |
||||
if (v>3) {//20sek
|
||||
ntphome();//считываем время
|
||||
v=0;//обнуляем счетчик 4*5=20с
|
||||
} |
||||
if (v1>240) {//20min
|
||||
ntp();//считываем время
|
||||
v1=0;//обнуляем счетчик 240*5=1200с
|
||||
} |
||||
|
||||
// digitalWrite(13, HIGH); // светодиод горит
|
||||
// digitalWrite(13, LOW); // светодиод погашен
|
||||
if ((millis() - lastEventTime) > EVENT_INTERVAL_MS) |
||||
{ |
||||
events.send("ping",NULL,millis()); |
||||
lastEventTime = millis(); |
||||
v++; |
||||
v1++; |
||||
|
||||
vrem();//время работы сайта
|
||||
events.send(t10.c_str(), "t10", millis());//время работы сайта обн каждые 5сек
|
||||
events.send(timeserv.c_str(), "timeserv", millis());//время обн каждые 5сек
|
||||
|
||||
fping++;//задержка отправки данных на стр до готовности стр принять их
|
||||
if(fping>1000){fping=0;}
|
||||
nrf(); //проверяем не приш ли данные на NRF
|
||||
wright++;//сч времени для записи на флеш
|
||||
Serial.println (wright); |
||||
Serial.print ("ftdata="); |
||||
Serial.println (ftdata); |
||||
Serial.print ("fobnov="); |
||||
Serial.println (fobnov); |
||||
if( ftdata==0) |
||||
{ if (fobnov>0) {//2,5sek
|
||||
fobnov++; |
||||
if(fobnov>3){fobnov=0;}
|
||||
events.send(jsonString.c_str(), "new_readings", millis());//обновление веба текущая температура
|
||||
events.send(jsonString2.c_str(), "new_datatemp", millis());//обновление веба
|
||||
Serial.println("/index"); |
||||
} |
||||
} |
||||
|
||||
//*****************************************************************************************
|
||||
|
||||
|
||||
//*******************************************************************************************
|
||||
|
||||
//*********************************************************************************************
|
||||
|
||||
|
||||
|
||||
//**********************************************************************************************
|
||||
if (ftdata==2)//пришел запрос табл данных /inform ЗАПАД
|
||||
{// tim3=formattedTime;
|
||||
if(fping>2){fping=0;} |
||||
if(fping==1){ |
||||
events.send(jsonString2.c_str(), "new_datatemp", millis());//обновление веба
|
||||
} |
||||
if(fping>1){ |
||||
ftdata=0; |
||||
fping=0; |
||||
nti=1; |
||||
readdata(); |
||||
// Serial.println("data1");
|
||||
events.send(strdat.c_str(), "readings", millis());//отправка данных из памяти в таблицу на стр inform
|
||||
} |
||||
} |
||||
//***************************************************************************************************
|
||||
if (ftdata==1)//пришел запрос табл данных /inform ВОСТОК
|
||||
{// tim3=formattedTime;
|
||||
|
||||
if(fping>2){fping=0;} |
||||
if(fping==1){ |
||||
// events.send(jsonString2.c_str(), "new_datatemp", millis());//обновление веба
|
||||
events.send(jsonString.c_str(), "new_readings", millis());//обновление данных ЗАПАД
|
||||
} |
||||
if(fping>1){ |
||||
ftdata=0; |
||||
fping=0; |
||||
nti=0; |
||||
readdata(); |
||||
events.send(strdat.c_str(), "readings", millis());//отправка данных из памяти в таблицу на стр inform
|
||||
// fobnov=1;
|
||||
|
||||
} |
||||
} |
||||
|
||||
//***************************************************************************************************
|
||||
if (ftdata==3)//пришел запрос табл данных /inform коридор
|
||||
{// tim3=formattedTime;
|
||||
|
||||
if(fping>2){fping=0;} |
||||
if(fping==1){ |
||||
events.send(jsonString2.c_str(), "new_datatemp", millis());//обновление данных Т Н ВАТ все кроме запад
|
||||
} |
||||
if(fping>1){ |
||||
ftdata=0; |
||||
fping=0; |
||||
nti=5; |
||||
readdata(); |
||||
events.send(strdat.c_str(), "readings", millis());//отправка данных из памяти в таблицу на стр inform
|
||||
} |
||||
} |
||||
//***************************************************************************************************
|
||||
if (ftdata==5)//пришел запрос табл данных /inform балкон
|
||||
{// tim3=formattedTime;
|
||||
|
||||
if(fping>2){fping=0;} |
||||
if(fping==1){ |
||||
events.send(jsonString2.c_str(), "new_datatemp", millis());//обновление данных Т Н ВАТ все кроме запад
|
||||
} |
||||
if(fping>1){ |
||||
ftdata=0; |
||||
fping=0; |
||||
nti=2; |
||||
readdata(); |
||||
events.send(strdat.c_str(), "readings", millis());//отправка данных из памяти в таблицу на стр inform
|
||||
} |
||||
} |
||||
|
||||
//******************************************************************************************************
|
||||
if (ftdata==4)//пришел запрос табл данных /inform К1
|
||||
{// tim3=formattedTime;
|
||||
|
||||
if(fping>2){fping=0;} |
||||
if(fping==1){ |
||||
events.send(jsonString2.c_str(), "new_datatemp", millis());//обновление данных Т Н ВАТ все кроме запад
|
||||
} |
||||
if(fping>1){ |
||||
ftdata=0; |
||||
fping=0; |
||||
nti=4; |
||||
readdata(); |
||||
events.send(strdat.c_str(), "readings", millis());//отправка данных из памяти в таблицу на стр inform
|
||||
} |
||||
} |
||||
|
||||
|
||||
//******************************************************************************************************
|
||||
if (ftdata==7)//пришел запрос табл данных /inform К2
|
||||
{// tim3=formattedTime;
|
||||
|
||||
if(fping>2){fping=0;} |
||||
if(fping==1){ |
||||
events.send(jsonString2.c_str(), "new_datatemp", millis());//обновление данных Т Н ВАТ все кроме запад
|
||||
} |
||||
if(fping>1){ |
||||
ftdata=0; |
||||
fping=0; |
||||
nti=3; |
||||
readdata(); |
||||
events.send(strdat.c_str(), "readings", millis());//отправка данных из памяти в таблицу на стр inform
|
||||
} |
||||
} |
||||
|
||||
//*********************************************************************************************************
|
||||
if (ftdata==6)//пришел запрос табл данных /inform
|
||||
{// tim3=formattedTime;
|
||||
if(fping>2){fping=0;} |
||||
if(fping==1){ |
||||
events.send(jsonString2.c_str(), "new_datatemp", millis());//обновление веба
|
||||
} |
||||
if(fping>1){ |
||||
ftdata=0; |
||||
fping=0; |
||||
nti=1; |
||||
readdata(); |
||||
Serial.println("data1"); |
||||
events.send(strdat.c_str(), "readings", millis());//отправка данных из памяти в таблицу на стр inform
|
||||
} |
||||
} |
||||
|
||||
|
||||
|
||||
|
||||
} |
||||
} |
||||
@ -0,0 +1,24 @@ |
||||
|
||||
void event() |
||||
{ |
||||
/*events.send(String(t1).c_str(), "t1", millis());
|
||||
events.send(String(h1).c_str(), "h1", millis()); |
||||
// events.send(String(hour1).c_str(), "hour1", millis());
|
||||
// events.send(String(min1).c_str(), "min1", millis());
|
||||
|
||||
|
||||
if (min1<10) |
||||
{ |
||||
tim2=String(hour1)+":"+"0"+String(min1); |
||||
} |
||||
else |
||||
{tim2=String(hour1)+":"+String(min1); |
||||
} |
||||
events.send(tim2.c_str(), "tim2", millis()); |
||||
events.send(t10.c_str(), "t10", millis()); |
||||
//events.send(formattedDate.c_str(), "tim3", millis());
|
||||
|
||||
events.send(tim3.c_str(), "tim3", millis()); |
||||
events.send(timeserv.c_str(), "timeserv", millis()); |
||||
events.send(dataserv.c_str(), "dataserv", millis());*/ |
||||
} |
||||
@ -0,0 +1,54 @@ |
||||
void Nrfsetup() |
||||
{ |
||||
radio.begin(); |
||||
radio.setChannel(100); |
||||
radio.setPayloadSize(16);//должно быть16
|
||||
radio.setAddressWidth(5); |
||||
radio.setAutoAck( 0 ,false); |
||||
radio.setCRCLength(RF24_CRC_16); |
||||
radio.setDataRate(RF24_2MBPS); |
||||
radio.openReadingPipe(0,pip); |
||||
radio.startListening(); |
||||
} |
||||
|
||||
void nrf() |
||||
{ |
||||
if (radio.available()){
|
||||
radio.read(msg,16);
|
||||
esp_task_wdt_reset();//reset WDT
|
||||
Serial.println(msg); |
||||
parsmsg(); |
||||
if (radio.available()){radio.read(msg,16);
|
||||
parsmsg();} |
||||
delay(500); |
||||
if (radio.available()){radio.read(msg,16);
|
||||
parsmsg();} |
||||
delay(500); |
||||
if (radio.available()){radio.read(msg,16);
|
||||
parsmsg();} |
||||
delay(500); |
||||
if (radio.available()){radio.read(msg,16);
|
||||
parsmsg();} |
||||
delay(500); |
||||
if (radio.available()){radio.read(msg,16);
|
||||
parsmsg();} |
||||
|
||||
JSstringK();//создаем строку для сайта
|
||||
events.send(jsonString2.c_str(), "new_datatemp", millis());//обновление веба
|
||||
|
||||
if(nt==2){saveul();}//t9 T2
|
||||
if(nt==3){savebalk();}//t1 T3
|
||||
if(nt==4){savek2();}//t2 T4
|
||||
if(nt==5){savek1();}//t3 T5
|
||||
if(nt==7){savekor();}//t5 T6
|
||||
if (radio.available()){radio.read(msg,16);} |
||||
} |
||||
//t1+138c347v524h5 балкон
|
||||
//t2+243c401v528h моя комната
|
||||
// t3+230c357v469h зал
|
||||
// t5+230c357v469h коридор
|
||||
//9d+088h866s00v улица восток
|
||||
|
||||
|
||||
|
||||
} |
||||
@ -0,0 +1,95 @@ |
||||
void ntp() |
||||
{ |
||||
// while(!timeClient.update()) {
|
||||
// timeClient.forceUpdate();
|
||||
//}
|
||||
|
||||
for(int i=0; i<5 && !timeClient.update(); i++) |
||||
{ |
||||
|
||||
timeClient.forceUpdate(); |
||||
} |
||||
|
||||
// The formattedDate comes with the following format:
|
||||
// 2018-05-28T16:00:13Z
|
||||
// We need to extract date and time
|
||||
// formattedDate = timeClient.getFormattedDate();
|
||||
formattedTime =timeClient.getFormattedTime(); |
||||
Serial.println(formattedTime); |
||||
Serial.println("NTP3"); |
||||
// getDay
|
||||
//getHours
|
||||
//getMinutes
|
||||
//getSeconds
|
||||
//getFormattedTime
|
||||
// formattedDate =timeClient.getFormattedDate();
|
||||
// int splitT = formattedDate.indexOf("T");
|
||||
// dayStamp = formattedDate.substring(0, splitT);
|
||||
// Serial.println(timeClient.getDay());
|
||||
|
||||
// Extract time
|
||||
// timeStamp = formattedDate.substring(splitT+1, formattedDate.length()-1);
|
||||
// Serial.println("ntp");
|
||||
// Serial.println(timeClient.getEpochTime());
|
||||
stamp.getDateTime(timeClient.getEpochTime()); |
||||
EpochTime=timeClient.getEpochTime(); |
||||
// забираем вот так
|
||||
// Serial.println(stamp.year);
|
||||
Serial.println(stamp.month); |
||||
Serial.println(stamp.day); |
||||
// Serial.println(stamp.hour);
|
||||
// Serial.println(stamp.minute);
|
||||
// Serial.println(stamp.second);
|
||||
Serial.println(stamp.dayOfWeek); |
||||
timeserv=formatTimeDigits(stamp.hour,stamp.minute);
|
||||
//dataserv=formatDateDigits(stamp.day, stamp.month, stamp.year);
|
||||
|
||||
hour1=stamp.hour; |
||||
min1=stamp.minute; |
||||
|
||||
dataserv=stamp.day; |
||||
munthserv=strm[stamp.month-1] ; |
||||
weekserv=strweek[stamp.dayOfWeek]; |
||||
//Serial.println(timeserv);
|
||||
//Serial.println(dataserv);
|
||||
} |
||||
|
||||
char *formatTimeDigits(int hour, int minute) |
||||
{ |
||||
char *time_str = new char[5]; |
||||
time_str[0] = '0' + (hour / 10); |
||||
time_str[1] = '0' + (hour % 10); |
||||
time_str[2] = ':'; |
||||
time_str[3] = '0' + (minute / 10); |
||||
time_str[4] = '0' + (minute % 10); |
||||
time_str[5] = '\0'; |
||||
|
||||
return time_str; |
||||
} |
||||
|
||||
char *formatDateDigits(int date, int mounth, int year) |
||||
{ |
||||
char *date_str = new char[9]; |
||||
|
||||
date_str[1] = '0' + (date % 10); |
||||
date_str[2] = '/'; |
||||
date_str[0] = '0' + (date / 10); |
||||
date_str[3] = '0' + (mounth / 10); |
||||
date_str[4] = '0' + (mounth % 10); |
||||
date_str[5] = '/'; |
||||
date_str[6] = '0' + ((year % 100) / 10); |
||||
date_str[7] = '0' + (year % 10); |
||||
date_str[8] = '\0'; |
||||
|
||||
return date_str; |
||||
} |
||||
|
||||
void ntphome() |
||||
{ |
||||
stamp.getDateTime(timeClient.getEpochTime()); |
||||
timeserv=formatTimeDigits(stamp.hour,stamp.minute);
|
||||
hour1=stamp.hour; |
||||
min1=stamp.minute; |
||||
// dataserv=formatDateDigits(stamp.day, stamp.month, stamp.year);
|
||||
dataserv=stamp.day; |
||||
} |
||||
@ -0,0 +1,352 @@ |
||||
|
||||
void parsmsg() |
||||
{ |
||||
//int tkom1=0;//температура
|
||||
//int hkom1=0;//влажность
|
||||
//int batkom1=0;
|
||||
//String timekom1;//время прихода данных комната1
|
||||
|
||||
//int tkom2=0;
|
||||
//int hkom2=0;
|
||||
//int batkom2=0;
|
||||
//String timekom2;
|
||||
|
||||
//int tkor=0;
|
||||
//int hkor=0;
|
||||
//int batkor=0;
|
||||
//String timekor;
|
||||
|
||||
//int tbal=0;
|
||||
//int hbal=0;
|
||||
//int batbal=0;
|
||||
//String timebal;
|
||||
|
||||
//String timebal;
|
||||
//t1+138c347v524h5 балкон
|
||||
//t2+243c401v528h моя комната
|
||||
// t3+230c357v469h зал
|
||||
// t5+230c357v469h коридор
|
||||
//9d+088h866s00v улица восток
|
||||
//timeul1
|
||||
//tul1
|
||||
//hul1
|
||||
//osv1
|
||||
//char msg[16];принятое сообщение
|
||||
int tdat;//температура
|
||||
int hdat;//влажность
|
||||
int vdat;//напряж батареи датчика
|
||||
int zndat; |
||||
int osv; |
||||
char token9[] = "9d";//улица
|
||||
char token11[] = "t1";//датчики
|
||||
char token12[] = "t2";//датчики
|
||||
char token13[] = "t3";//датчики
|
||||
char token14[] = "t4";//датчики
|
||||
char token15[] = "t5";//датчики
|
||||
|
||||
int n=0; |
||||
int p=0;
|
||||
boolean chet=0;
|
||||
char c ; |
||||
|
||||
//***************************
|
||||
for (int j=0 ; j<15 ;j++)
|
||||
{ c=msg[j];//принятая с премника перемнная
|
||||
|
||||
|
||||
if (p==9) |
||||
{ if (c==token9[1]){p=99;}//данные с ул датчика восток
|
||||
else{ |
||||
p=0;} |
||||
} |
||||
if (p==101)//cравнение второго символа на соответствие t 1
|
||||
{ if (c==token11[1]){p=111;} |
||||
|
||||
} |
||||
if (p==101)//cравнение второго символа на соответствие t 2
|
||||
{ if (c==token12[1]){p=112;} |
||||
|
||||
} |
||||
if (p==101)//cравнение второго символа на соответствие t 3
|
||||
{ if (c==token13[1]){p=113;} |
||||
|
||||
} |
||||
if (p==101)//cравнение второго символа на соответствие t 4
|
||||
{ if (c==token14[1]){p=114;} |
||||
|
||||
} |
||||
if (p==101)//cравнение второго символа на соответствие t 5
|
||||
{ if (c==token15[1]){p=115;} |
||||
else{ |
||||
p=0;} |
||||
} |
||||
//*************************************************
|
||||
if (p==99)
|
||||
{// myFile.print(c);//d+237h895s05v
|
||||
nt=2; |
||||
timeul1=timeserv;//время получения данных
|
||||
n++; |
||||
if (n==2){ |
||||
if (c==45){zndat=1;//-
|
||||
}//znak
|
||||
else |
||||
{zndat=2;//+
|
||||
} |
||||
} |
||||
if (n==3) {tdat=(c-48)*100;} //температура
|
||||
if (n==4){tdat=(c-48)*10+tdat;} |
||||
if (n==5){ |
||||
tdat=(c-48)+tdat; |
||||
|
||||
if(zndat==1){tul1="-"+String (tdat/10)+"."+String (tdat%10); //температура знак -230 -23.0
|
||||
} |
||||
else |
||||
{tul1=String (tdat/10)+"."+String (tdat%10); //температура без знака +230 +23.0
|
||||
} |
||||
} |
||||
if (n==7){hdat=(c-48)*100;}//влажность
|
||||
if (n==8){hdat=(c-48)*10+hdat;} |
||||
if (n==9){ |
||||
hdat=(c-48)+hdat; |
||||
hul1=String (hdat/10)+"."+String (hdat%10); //влажность 866 86.6%
|
||||
} |
||||
if (n==11){osv=10*(c-48);}//освещенность
|
||||
if (n==12) |
||||
{osv=osv+(c-48); |
||||
if(osv>99){osv=99;} |
||||
osv1=String (osv)+"%"; |
||||
}//sun
|
||||
// hourdu=t.hour;//время прихода данных час
|
||||
// mindu=t.min;//мин
|
||||
|
||||
} |
||||
//*****************************************
|
||||
|
||||
//*****************датчики температуры переносные***********************
|
||||
//************************T1****************************************************
|
||||
if (p==111) //выделение данных из принятой строки
|
||||
{ timebal=timeserv;//время получения данных
|
||||
nt=3; |
||||
//byte ntdat;номер датчика
|
||||
//byte zndat;знак температуры 0+
|
||||
//int tdat;температура
|
||||
//int hdat;влажность
|
||||
//int vdat;напряж батареи датчика
|
||||
n++; |
||||
if (n==2){ |
||||
if (c==45){zndat=1;//-
|
||||
}//znak
|
||||
else |
||||
{zndat=0;//+
|
||||
} |
||||
} |
||||
if (n==3) {tdat=(c-48)*100;} //температура
|
||||
if (n==4){tdat=(c-48)*10+tdat;} |
||||
if (n==5) |
||||
{tdat=(c-48)+tdat; |
||||
tbal=String (tdat/10)+"."+String (tdat%10); //температура без знака +230 +23.0
|
||||
} |
||||
|
||||
if (n==7){vdat=(c-48)*100;}//напряж батареи датчика
|
||||
if (n==8){vdat=(c-48)*10+vdat;} |
||||
if (n==9) |
||||
{vdat=(c-48)+vdat; |
||||
batbal=String (vdat/100)+"."+String (vdat%100);//батарея 357v 3.75в
|
||||
} |
||||
if (n==11){hdat=(c-48)*100;}//влажность
|
||||
if (n==12) |
||||
{hdat=(c-48)*10+hdat; |
||||
} |
||||
if (n==13) |
||||
{hdat=(c-48)+hdat; |
||||
hbal=String (hdat/10)+"."+String (hdat%10); //влажность 866 86.6%
|
||||
} |
||||
|
||||
} |
||||
//**************************************** T2
|
||||
if (p==112) //выделение данных из принятой строки
|
||||
{timekom2=timeserv;//время получения данных
|
||||
nt=4; |
||||
n++; |
||||
if (n==2){ |
||||
if (c==45){zndat=1;//-
|
||||
}//znak
|
||||
else |
||||
{zndat=0;//+
|
||||
} |
||||
} |
||||
if (n==3) {tdat=(c-48)*100;} //температура
|
||||
if (n==4){tdat=(c-48)*10+tdat;} |
||||
if (n==5) |
||||
{tdat=(c-48)+tdat; |
||||
tkom2=String (tdat/10)+"."+String (tdat%10); //температура без знака +230 +23.0
|
||||
} |
||||
|
||||
if (n==7){vdat=(c-48)*100;}//напряж батареи датчика
|
||||
if (n==8){vdat=(c-48)*10+vdat;} |
||||
if (n==9) |
||||
{vdat=(c-48)+vdat; |
||||
batkom2=String (vdat/100)+"."+String (vdat%100);//батарея 357v 3.75в
|
||||
} |
||||
if (n==11){hdat=(c-48)*100;}//влажность
|
||||
if (n==12) |
||||
{hdat=(c-48)*10+hdat;
|
||||
} |
||||
if (n==13) |
||||
{hdat=(c-48)+hdat; |
||||
hkom2=String (hdat/10)+"."+String (hdat%10); //влажность 866 86.6%
|
||||
} |
||||
|
||||
} |
||||
//****************************************
|
||||
//**************************************** T3
|
||||
if (p==113) //выделение данных из принятой строки
|
||||
{// myFile.print(c);//t2+103c375v299h9
|
||||
nt=5; |
||||
timekom1=timeserv;//время получения данных
|
||||
n++; |
||||
if (n==2){ |
||||
if (c==45){zndat=1;//-
|
||||
}//znak
|
||||
else |
||||
{zndat=0;//+
|
||||
} |
||||
} |
||||
if (n==3) {tdat=(c-48)*100;} //температура
|
||||
if (n==4){tdat=(c-48)*10+tdat;} |
||||
if (n==5) |
||||
{tdat=(c-48)+tdat; |
||||
tkom1=String (tdat/10)+"."+String (tdat%10); //температура без знака +230 +23.0
|
||||
} |
||||
|
||||
|
||||
|
||||
if (n==7){vdat=(c-48)*100;}//напряж батареи датчика
|
||||
if (n==8){vdat=(c-48)*10+vdat;} |
||||
if (n==9) |
||||
{vdat=(c-48)+vdat; |
||||
batkom1=String (vdat/100)+"."+String (vdat%100);//батарея 357v 3.75в
|
||||
} |
||||
if (n==11){hdat=(c-48)*100;}//влажность
|
||||
if (n==12) |
||||
{hdat=(c-48)*10+hdat; |
||||
} |
||||
if (n==13) |
||||
{hdat=(c-48)+hdat; |
||||
hkom1=String (hdat/10)+"."+String (hdat%10); //влажность 866 86.6%
|
||||
} |
||||
|
||||
} |
||||
//**************************************** T4 ****************************
|
||||
/* if (p==114) //выделение данных из принятой строки
|
||||
{// myFile.print(c);//t1+103c375v299h9
|
||||
ntdat=4; |
||||
if(chet==0) |
||||
{ if( hourd4==t.hour) |
||||
{fh=1; |
||||
} |
||||
else |
||||
{fh=0; |
||||
} |
||||
chet=1; |
||||
} |
||||
hourd4=t.hour; |
||||
mind4=t.min;
|
||||
//byte ntdat;номер датчика
|
||||
//byte zndat;знак температуры 0+
|
||||
//int tdat;температура
|
||||
//int hdat;влажность
|
||||
//int vdat;напряж батареи датчика
|
||||
n++; |
||||
if (n==2){ |
||||
if (c==45){zndat=1;//-
|
||||
}//znak
|
||||
else |
||||
{zndat=0;//+
|
||||
} |
||||
} |
||||
if (n==3) {tdat=(c-48)*100;} //температура
|
||||
if (n==4){tdat=(c-48)*10+tdat;} |
||||
if (n==5) |
||||
{tdat=(c-48)+tdat; |
||||
for (int u =22 ; u >= 0; u = u--) |
||||
{ |
||||
t4[u+1]=t4[u]; |
||||
} |
||||
if(zndat==1)//-
|
||||
{t14=tdat+1000; |
||||
t4[0]=t14; |
||||
} |
||||
else |
||||
{t14=tdat; |
||||
t4[0]=t14; |
||||
} |
||||
} |
||||
|
||||
if (n==7){vdat=(c-48)*100;}//напряж батареи датчика
|
||||
if (n==8){vdat=(c-48)*10+vdat;} |
||||
if (n==9) |
||||
{vdat=(c-48)+vdat; |
||||
bat[3]=vdat; |
||||
} |
||||
if (n==11){hdat=(c-48)*100;}//влажность
|
||||
if (n==12) |
||||
{hdat=(c-48)*10+hdat; |
||||
for (int u =22 ; u >= 0; u = u--) |
||||
{ |
||||
h4[u+1]=h4[u]; |
||||
} |
||||
h4[0]=hdat; |
||||
|
||||
} |
||||
if (n==13) |
||||
{hdat=(c-48)+hdat; |
||||
h14=hdat; |
||||
} |
||||
|
||||
}*/ |
||||
//**************************************** T5
|
||||
if (p==115) //выделение данных из принятой строки
|
||||
{// myFile.print(c);//t2+103c375v299h9
|
||||
timekor=timeserv;//время получения данных
|
||||
nt=7; |
||||
n++; |
||||
if (n==2){ |
||||
if (c==45){zndat=1;//-
|
||||
}//znak
|
||||
else |
||||
{zndat=0;//+
|
||||
} |
||||
} |
||||
if (n==3) {tdat=(c-48)*100;} //температура
|
||||
if (n==4){tdat=(c-48)*10+tdat;} |
||||
if (n==5) |
||||
{tdat=(c-48)+tdat; |
||||
tkor=String (tdat/10)+"."+String (tdat%10); //температура без знака +230 +23.0
|
||||
} |
||||
|
||||
if (n==7){vdat=(c-48)*100;}//напряж батареи датчика
|
||||
if (n==8){vdat=(c-48)*10+vdat;} |
||||
if (n==9) |
||||
{vdat=(c-48)+vdat; |
||||
batkor=String (vdat/100)+"."+String (vdat%100);//батарея 357v 3.75в
|
||||
} |
||||
if (n==11){hdat=(c-48)*100;}//влажность
|
||||
if (n==12) |
||||
{hdat=(c-48)*10+hdat; |
||||
} |
||||
if (n==13) |
||||
{hdat=(c-48)+hdat; |
||||
hkor=String (hdat/10)+"."+String (hdat%10); //влажность 866 86.6%
|
||||
} |
||||
|
||||
}
|
||||
//*******************************************************************************
|
||||
|
||||
if ((c==token9[0])&&(p==0)){p=9;}
|
||||
if ((c==token11[0])&&(p==0)){p=101;}//cравнение первого символа на соответствие t
|
||||
}//for
|
||||
//*************************************************
|
||||
|
||||
|
||||
}//void pars
|
||||
@ -0,0 +1,183 @@ |
||||
/*void savedata()
|
||||
{ |
||||
|
||||
JSONVar boardat; |
||||
if(min1<10) |
||||
{boardat["Time"] = String(hour1)+":0"+String(min1);
|
||||
} |
||||
else |
||||
{ |
||||
boardat["Time"] = String(hour1)+":"+String(min1);
|
||||
} |
||||
boardat["temperatura"] =String(t1)+" C"; |
||||
boardat["humidity"] = String(h1)+" %"; |
||||
tempdat = JSON.stringify(boardat); |
||||
// Serial.println (tempdat);
|
||||
//JSON { "Time":"11:03", "temperatura":"10.56 C", "humidity":"7,56 %" },
|
||||
|
||||
// myFile = SPIFFS.open("/TempUl.txt", FILE_WRITE);//создаем файл с именем TempUl
|
||||
myFile = SPIFFS.open("/TempU1.txt", FILE_APPEND);//открываем файл в режиме добавления данных
|
||||
myFile.print(tempdat+"\n"); |
||||
myFile.close(); |
||||
//****************************************************
|
||||
|
||||
|
||||
} |
||||
|
||||
void readdata() |
||||
{ |
||||
//****************************************************
|
||||
Serial.println("/TempU1.txt"); |
||||
// Читаем содержимое файла:
|
||||
|
||||
myFile = SPIFFS.open("/TempU1.txt", FILE_READ); |
||||
|
||||
|
||||
|
||||
// "Содержимое файла: \""
|
||||
|
||||
while(myFile.available()) { |
||||
|
||||
Serial.write(myFile.read()); |
||||
|
||||
} |
||||
Serial.println(" ");
|
||||
|
||||
// Узнаем размер файла:
|
||||
|
||||
Serial.print("File size: "); |
||||
// "Размер файла: "
|
||||
Serial.println(myFile.size()); |
||||
|
||||
myFile.close(); |
||||
|
||||
strdat=""; |
||||
|
||||
myFile = SPIFFS.open("/TempU1.txt", FILE_READ); |
||||
|
||||
|
||||
while(myFile.available()) { |
||||
|
||||
strdat+=char(myFile.read()); |
||||
|
||||
} |
||||
|
||||
|
||||
myFile.close(); |
||||
|
||||
|
||||
|
||||
|
||||
board1["tdata"] = strdat;
|
||||
board1["dataserv"] = dataserv; |
||||
board1["timeserv"] = timeserv; |
||||
jsonString1 = JSON.stringify(board1); |
||||
// Serial.println (jsonString1);
|
||||
// Serial.println ("strdat=");
|
||||
//Serial.println (strdat);
|
||||
|
||||
// events.send(tempdat.c_str(), "readings", millis());//обновление веба
|
||||
// events.send(strdat.c_str(), "readings", millis());//обновление веба
|
||||
}*/ |
||||
|
||||
|
||||
void Sdreaddata()//чтение данных после откл питания или сброса
|
||||
{ Serial.println ("read SD data"); |
||||
strdat=""; |
||||
myFile = SD.open("/thkom1.txt", FILE_READ); |
||||
while(myFile.available()) { |
||||
|
||||
strdat+=char(myFile.read()); |
||||
|
||||
} |
||||
|
||||
|
||||
myFile.close(); |
||||
jsonString2=strdat; |
||||
Serial.println (jsonString2); |
||||
events.send(jsonString2.c_str(), "new_datatemp", millis());//обновление веба
|
||||
JSONVar myObject = JSON.parse(strdat); |
||||
//{"tkom1":"","hkom1":"","batkom1":"","timekom1":"","tkom2":"25.1","hkom2":"50.1","batkom2":"4.0","timekom2":"22:00","tkor":"23.6","hkor":"45.7","batkor":"3.71","timekor":"21:55","tbal":"11.1","hbal":"56.3","batbal":"3.45","timebal":"21:47","tul1":"5.3","hul1":"99.9","osv1":"0%","timeul1":"22:01"}
|
||||
|
||||
if (myObject.hasOwnProperty("tkom1")) { |
||||
tkom1=((const char*) myObject["tkom1"]);} |
||||
if (myObject.hasOwnProperty("hkom1")) { |
||||
hkom1=((const char*) myObject["hkom1"]);} |
||||
if (myObject.hasOwnProperty("batkom1")) { |
||||
batkom1=((const char*) myObject["batkom1"]);} |
||||
if (myObject.hasOwnProperty("timekom1")) { |
||||
timekom1=((const char*) myObject["timekom1"]);} |
||||
|
||||
if (myObject.hasOwnProperty("tkom2")) { |
||||
tkom2=((const char*) myObject["tkom2"]);} |
||||
if (myObject.hasOwnProperty("hkom2")) { |
||||
hkom2=((const char*) myObject["hkom2"]);} |
||||
if (myObject.hasOwnProperty("batkom2")) { |
||||
batkom2=((const char*) myObject["batkom2"]);} |
||||
if (myObject.hasOwnProperty("timekom2")) { |
||||
timekom2=((const char*) myObject["timekom2"]);} |
||||
|
||||
|
||||
if (myObject.hasOwnProperty("tkor")) { |
||||
tkor=((const char*) myObject["tkor"]);} |
||||
if (myObject.hasOwnProperty("hkor")) { |
||||
hkor=((const char*) myObject["hkor"]);} |
||||
if (myObject.hasOwnProperty("batkor")) { |
||||
batkor=((const char*) myObject["batkor"]);} |
||||
if (myObject.hasOwnProperty("timekor")) { |
||||
timekor=((const char*) myObject["timekor"]);} |
||||
|
||||
if (myObject.hasOwnProperty("tbal")) { |
||||
tbal=((const char*) myObject["tbal"]);} |
||||
if (myObject.hasOwnProperty("hbal")) { |
||||
hbal=((const char*) myObject["hbal"]);} |
||||
if (myObject.hasOwnProperty("batbal")) { |
||||
batbal=((const char*) myObject["batbal"]);} |
||||
if (myObject.hasOwnProperty("timebal")) { |
||||
timebal=((const char*) myObject["timebal"]);} |
||||
|
||||
if (myObject.hasOwnProperty("tul1")) { |
||||
tul1=((const char*) myObject["tul1"]);} |
||||
if (myObject.hasOwnProperty("hul1")) { |
||||
hul1=((const char*) myObject["hul1"]);} |
||||
if (myObject.hasOwnProperty("osv1")) { |
||||
osv1=((const char*) myObject["osv1"]);} |
||||
if (myObject.hasOwnProperty("timeul1")) { |
||||
timeul1=((const char*) myObject["timeul1"]);} |
||||
|
||||
|
||||
strdat=""; |
||||
myFile = SD.open("/thku1.txt", FILE_READ); |
||||
while(myFile.available()) { |
||||
|
||||
strdat+=char(myFile.read()); |
||||
|
||||
} |
||||
myFile.close(); |
||||
jsonString=strdat; |
||||
Serial.println ("jsonString"); |
||||
Serial.println (jsonString); |
||||
|
||||
events.send(jsonString.c_str(), "new_readings", millis());//обновление веба текущая температура
|
||||
myObject = JSON.parse(jsonString); |
||||
if (myObject.hasOwnProperty("id")) { |
||||
String id=((const char*) myObject["id"]);} |
||||
if (myObject.hasOwnProperty("temperature")) { |
||||
ts=((double) myObject["temperature"]);} |
||||
|
||||
if (myObject.hasOwnProperty("humidity")) { |
||||
hs=((double) myObject["humidity"]);} |
||||
|
||||
if (myObject.hasOwnProperty("tim2")) { |
||||
tim2=((const char*) myObject["tim2"]);} |
||||
if (myObject.hasOwnProperty("tim3")) { |
||||
tim3=((const char*) myObject["tim3"]);} |
||||
if (myObject.hasOwnProperty("dataserv")) { |
||||
dataserv=((const char*) myObject["dataserv"]);} |
||||
if (myObject.hasOwnProperty("timev")) { |
||||
timev=((int) myObject["timev"]);} |
||||
|
||||
//{"id":2,"temperature":9.6733450317382812,"humidity":50.41815185546875,"tim2":"12:02",
|
||||
// "dataserv":"12","timeserv":"15:30","munthserv":"январь",weekserv:"среда"}
|
||||
|
||||
} |
||||
@ -0,0 +1,30 @@ |
||||
void vrem()//время работы сервера
|
||||
{ |
||||
|
||||
time17 = millis()/1000; |
||||
if (time17/60/60<10) { Serial.print ("0"); } |
||||
Serial.print (time17/60/60); |
||||
Serial.print (":"); |
||||
if (time17/60%60<10) { Serial.print ("0"); } |
||||
Serial.print ((time17/60)%60); |
||||
Serial.print (":"); |
||||
if (time17%60<10) { Serial.print ("0"); } |
||||
Serial.println (time17%60); |
||||
String q1=String(time17/60/60, DEC); |
||||
String q2=String((time17/60)%60, DEC); |
||||
String q3=String(time17%60, DEC); |
||||
if ((time17/60)%60<10) |
||||
{ |
||||
t10=String(time17/60/60, DEC)+":"+"0"+String((time17/60)%60, DEC); |
||||
} |
||||
else |
||||
{t10=String(time17/60/60, DEC)+":"+String((time17/60)%60, DEC); |
||||
} |
||||
|
||||
//t10 =q1+":"+q2+":"+q3 ;
|
||||
} |
||||
|
||||
/*char *time_buf;
|
||||
int t = 2055; |
||||
|
||||
sprintf(time_buf, "%d:%d", t / 100, t % 100);*/ |
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in new issue