mirror of
https://github.com/Eigenbaukombinat/ebk_co2ampel.git
synced 2024-11-24 15:20:20 +01:00
wip wifi support
This commit is contained in:
nilo
parent
6a370798bd
commit
0abcf7d246
7 changed files with 191 additions and 10 deletions
3
NOTES.md
Normal file
3
NOTES.md
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
http://tomeko.net/online_tools/cpp_text_escape.php?lang=en
|
||||
https://www.willpeavy.com/tools/minifier/
|
||||
|
||||
2
config.h.example
Normal file
2
config.h.example
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
#define SSID "co2ampel";
|
||||
#define PASSWORD "<change this!>";
|
||||
|
|
@ -2,6 +2,10 @@
|
|||
#include "MHZ19.h"
|
||||
#include "SSD1306Wire.h"
|
||||
#include <Adafruit_NeoPixel.h>
|
||||
#include <WiFi.h>
|
||||
#include "config.h"
|
||||
#include "html.h"
|
||||
#include "javascript.h"
|
||||
|
||||
// Maximum CO² levels for green and yellow, everything above is considered red.
|
||||
#define GREEN_CO2 800
|
||||
|
|
@ -21,14 +25,26 @@
|
|||
// Pin for LED
|
||||
#define LED_PIN 4
|
||||
|
||||
const char* ssid = SSID
|
||||
const char* password = PASSWORD
|
||||
|
||||
const char* html = HTML;
|
||||
const char* chartjs = CHARTJS;
|
||||
|
||||
WiFiServer server(80);
|
||||
MHZ19 myMHZ19;
|
||||
HardwareSerial mySerial(1);
|
||||
SSD1306Wire display(0x3c, SDA_PIN, SCL_PIN);
|
||||
Adafruit_NeoPixel pixels = Adafruit_NeoPixel(1, LED_PIN, NEO_RGB + NEO_KHZ400);
|
||||
|
||||
String header;
|
||||
String response_body;
|
||||
WiFiClient client;
|
||||
|
||||
unsigned long getDataTimer = 0;
|
||||
int lastvals[120];
|
||||
int lastvals[12000];
|
||||
int dheight;
|
||||
int CO2;
|
||||
IPAddress IP;
|
||||
|
||||
void setup() {
|
||||
Serial.begin(9600);
|
||||
|
|
@ -39,14 +55,19 @@ void setup() {
|
|||
delay(1000);
|
||||
display.clear();
|
||||
dheight = display.getHeight();
|
||||
myMHZ19.autoCalibration();
|
||||
myMHZ19.autoCalibration(false);
|
||||
// Fill array of last measurements with -1
|
||||
for (int x = 0; x <= 119; x = x + 1) {
|
||||
for (int x = 0; x <= 11999; x = x + 1) {
|
||||
lastvals[x] = -1;
|
||||
}
|
||||
pixels.begin();
|
||||
pixels.setPixelColor(0, 30,0,0);
|
||||
pixels.show();
|
||||
WiFi.softAP(ssid, password);
|
||||
IP = WiFi.softAPIP();
|
||||
Serial.print("AP IP address: ");
|
||||
Serial.println(IP);
|
||||
server.begin();
|
||||
}
|
||||
|
||||
int calc_vpos_for_co2(int co2val, int display_height) {
|
||||
|
|
@ -67,24 +88,56 @@ void set_led_color(int co2) {
|
|||
pixels.show();
|
||||
}
|
||||
|
||||
void json_header() {
|
||||
client.println("HTTP/1.1 200 OK");
|
||||
client.println("Content-type:application/json");
|
||||
client.println("Connection: close");
|
||||
client.println();
|
||||
}
|
||||
|
||||
|
||||
void html_header() {
|
||||
client.println("HTTP/1.1 200 OK");
|
||||
client.println("Content-type:text/html");
|
||||
client.println("Connection: close");
|
||||
client.println();
|
||||
}
|
||||
|
||||
|
||||
void js_header() {
|
||||
client.println("HTTP/1.1 200 OK");
|
||||
client.println("Content-type:text/javascript");
|
||||
client.println("Connection: close");
|
||||
client.println();
|
||||
}
|
||||
|
||||
|
||||
void not_found() {
|
||||
client.println("HTTP/1.1 404 NOT FOUND");
|
||||
client.println("Content-type:text/plain");
|
||||
client.println("Connection: close");
|
||||
client.println();
|
||||
}
|
||||
|
||||
void loop() {
|
||||
if (millis() - getDataTimer >= INTERVAL) {
|
||||
// Get new CO² value.
|
||||
int CO2 = myMHZ19.getCO2();
|
||||
CO2 = myMHZ19.getCO2();
|
||||
// Shift entries in array back one position.
|
||||
for (int x = 1; x <= 119; x = x + 1) {
|
||||
for (int x = 1; x <= 11999; x = x + 1) {
|
||||
lastvals[x - 1] = lastvals[x];
|
||||
}
|
||||
// Add new measurement at the end.
|
||||
lastvals[119] = CO2;
|
||||
// Clear display and redraw whole graph.
|
||||
lastvals[11999] = CO2;
|
||||
// Clear display and redraw graph of last 120 values.
|
||||
display.clear();
|
||||
for (int h = 1; h < 120; h = h + 1) {
|
||||
for (int hs = 1; hs < 120; hs = hs + 1) {
|
||||
int h = 1200-120+hs;
|
||||
int curval = lastvals[h];
|
||||
if (curval > 0) {
|
||||
int vpos = calc_vpos_for_co2(lastvals[h], dheight);
|
||||
int vpos_last = calc_vpos_for_co2(lastvals[h - 1], dheight);
|
||||
display.drawLine(h - 1, vpos_last, h, vpos);
|
||||
display.drawLine(h, vpos - 1, h, vpos + 1);
|
||||
}
|
||||
}
|
||||
// Set LED color and print value on display
|
||||
|
|
@ -96,6 +149,77 @@ void loop() {
|
|||
// Debug output
|
||||
Serial.print("CO2 (ppm): ");
|
||||
Serial.println(CO2);
|
||||
Serial.println(IP);
|
||||
getDataTimer = millis();
|
||||
}
|
||||
|
||||
WiFiClient client = server.available(); // Listen for incoming clients
|
||||
|
||||
if (client) { // If a new client connects,
|
||||
Serial.println("New Client."); // print a message out in the serial port
|
||||
String currentLine = ""; // make a String to hold incoming data from the client
|
||||
while (client.connected()) { // loop while the client's connected
|
||||
if (client.available()) { // if there's bytes to read from the client,
|
||||
char c = client.read(); // read a byte, then
|
||||
Serial.write(c); // print it out the serial monitor
|
||||
header += c;
|
||||
if (c == '\n') { // if the byte is a newline character
|
||||
// if the current line is blank, you got two newline characters in a row.
|
||||
// that's the end of the client HTTP request.
|
||||
// handle requests here
|
||||
if (currentLine.length() == 0) {
|
||||
// HTTP headers always start with a response code (e.g. HTTP/1.1 200 OK)
|
||||
// and a content-type so the client knows what's coming, then a blank line:
|
||||
|
||||
|
||||
if (header.indexOf("GET /data.json") >= 0) {
|
||||
json_header();
|
||||
client.print("{ data: [");
|
||||
for (int x = 0; x <= 11999; x = x + 1) {
|
||||
if (x % 60 == 0) {
|
||||
client.print("{ minutes:");
|
||||
client.print(x/60);
|
||||
client.print(", ppm:");
|
||||
client.print(lastvals[x]);
|
||||
client.println("}, ");
|
||||
}
|
||||
}
|
||||
|
||||
client.print("] }");
|
||||
} else if (header.indexOf("GET /chart.js") >= 0) {
|
||||
js_header();
|
||||
client.print(chartjs);
|
||||
} else if (header.indexOf("GET /favicon.ico") >= 0) {
|
||||
not_found();
|
||||
client.println("nope");
|
||||
} else if (header.indexOf("GET /") >= 0) {
|
||||
html_header();
|
||||
client.println(html);
|
||||
// client.println(CO2);
|
||||
// client.println(co2_html_2);
|
||||
}
|
||||
|
||||
|
||||
// The HTTP response ends with another blank line
|
||||
client.println();
|
||||
// Break out of the while loop
|
||||
break;
|
||||
} else { // if you got a newline, then clear currentLine
|
||||
currentLine = "";
|
||||
}
|
||||
} else if (c != '\r') { // if you got anything else but a carriage return character,
|
||||
currentLine += c; // add it to the end of the currentLine
|
||||
}
|
||||
}
|
||||
}
|
||||
header = "";
|
||||
response_body = "";
|
||||
// Close the connection
|
||||
client.stop();
|
||||
Serial.println("Client disconnected.");
|
||||
Serial.println("");
|
||||
}
|
||||
|
||||
|
||||
|
||||
}
|
||||
1
src/html.h
Normal file
1
src/html.h
Normal file
|
|
@ -0,0 +1 @@
|
|||
#define HTML "<html> <head> <script src=\"/chart.js\"></script> <title>CO²-Ampel</title></head> <body> <canvas id=\"myChart\" width=\"100%\" height=\"100%\"></canvas> <script> var ctx = document.getElementById('myChart');var myChart = new Chart(ctx, { type: 'bar', data: { labels: ['Red', 'Blue', 'Yellow', 'Green', 'Purple', 'Orange'], datasets: [{ label: '# of Votes', data: [12, 19, 3, 5, 2, 3], backgroundColor: [ 'rgba(255, 99, 132, 0.2)', 'rgba(54, 162, 235, 0.2)', 'rgba(255, 206, 86, 0.2)', 'rgba(75, 192, 192, 0.2)', 'rgba(153, 102, 255, 0.2)', 'rgba(255, 159, 64, 0.2)' ], borderColor: [ 'rgba(255, 99, 132, 1)', 'rgba(54, 162, 235, 1)', 'rgba(255, 206, 86, 1)', 'rgba(75, 192, 192, 1)', 'rgba(153, 102, 255, 1)', 'rgba(255, 159, 64, 1)' ], borderWidth: 1 }] }, options: { scales: { yAxes: [{ ticks: { beginAtZero: true } }] } }}); </script> </body> </html>";
|
||||
1
src/javascript.h
Normal file
1
src/javascript.h
Normal file
File diff suppressed because one or more lines are too long
1
static/Chart.bundle.min.js
vendored
Executable file
1
static/Chart.bundle.min.js
vendored
Executable file
File diff suppressed because one or more lines are too long
49
static/index.html
Normal file
49
static/index.html
Normal file
|
|
@ -0,0 +1,49 @@
|
|||
<html>
|
||||
<head>
|
||||
<script src="/chart.js"></script>
|
||||
<title>CO²-Ampel</title></head>
|
||||
<body>
|
||||
<canvas id="myChart" width="100%" height="100%"></canvas>
|
||||
<script>
|
||||
var ctx = document.getElementById('myChart');
|
||||
var myChart = new Chart(ctx, {
|
||||
type: 'bar',
|
||||
data: {
|
||||
labels: ['Red', 'Blue', 'Yellow', 'Green', 'Purple', 'Orange'],
|
||||
datasets: [{
|
||||
label: '# of Votes',
|
||||
data: [12, 19, 3, 5, 2, 3],
|
||||
backgroundColor: [
|
||||
'rgba(255, 99, 132, 0.2)',
|
||||
'rgba(54, 162, 235, 0.2)',
|
||||
'rgba(255, 206, 86, 0.2)',
|
||||
'rgba(75, 192, 192, 0.2)',
|
||||
'rgba(153, 102, 255, 0.2)',
|
||||
'rgba(255, 159, 64, 0.2)'
|
||||
],
|
||||
borderColor: [
|
||||
'rgba(255, 99, 132, 1)',
|
||||
'rgba(54, 162, 235, 1)',
|
||||
'rgba(255, 206, 86, 1)',
|
||||
'rgba(75, 192, 192, 1)',
|
||||
'rgba(153, 102, 255, 1)',
|
||||
'rgba(255, 159, 64, 1)'
|
||||
],
|
||||
borderWidth: 1
|
||||
}]
|
||||
},
|
||||
options: {
|
||||
scales: {
|
||||
yAxes: [{
|
||||
ticks: {
|
||||
beginAtZero: true
|
||||
}
|
||||
}]
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in a new issue