├── .gitignore
├── LICENSE
├── README.md
├── data
├── cfg.html
├── cfg.js
├── log.html
├── log.js
├── pvChart.html
├── pvChart.js
├── time.html
├── time.js
├── web.css
├── web.html
└── web.js
├── lib
├── README
└── WiFiManager-asyncwebserver
│ ├── LICENSE
│ ├── WiFiManager.cpp
│ └── WiFiManager.h
├── platformio.ini
└── src
├── button.cpp
├── button.h
├── globalConfig.cpp
├── globalConfig.h
├── goEmulator.cpp
├── goEmulator.h
├── inverter.cpp
├── inverter.h
├── loadManager.cpp
├── loadManager.h
├── logger.cpp
├── logger.h
├── main.cpp
├── mbComm.cpp
├── mbComm.h
├── mqtt.cpp
├── mqtt.h
├── phaseCtrl.cpp
├── phaseCtrl.h
├── powerfox.cpp
├── powerfox.h
├── pvAlgo.cpp
├── pvAlgo.h
├── pvHttp.cpp
├── pvHttp.h
├── rfid.cpp
├── rfid.h
├── shelly.cpp
├── shelly.h
├── webServer.cpp
├── webServer.h
├── webSocket.cpp
└── webSocket.h
/.gitignore:
--------------------------------------------------------------------------------
1 | .pio
2 | .vscode/.browse.c_cpp.db*
3 | .vscode/c_cpp_properties.json
4 | .vscode/launch.json
5 | .vscode/extensions.json
6 | .vscode/ipch
7 | include/wlan_key.h
8 | output
9 |
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | MIT License
2 |
3 | Copyright (c) 2021 steff393
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | **wbec** - WLAN-Anbindung der Heidelberg **W**all**B**ox **E**nergy **C**ontrol über ESP8266
2 |
3 | Die Heidelberg Wallbox Energy Control ist eine hochwertige Ladestation, bietet aber nur Modbus RTU als Schnittstelle.
4 | Ziel des Projekts ist es, eine WLAN-Schnittstelle zu entwickeln um zusätzliche Funktionen (z.B. PV-Überschussladen) zu ermöglichen.
5 |
6 | [wbec Homepage](https://steff393.github.io/wbec-site/)
7 | [Empfehlung im Heidelberg Amperfied Blog](https://www.amperfied.de/de/clever-laden/blog/wbec-fuer-heidelberg-wallbox-energy-control-blog/)
8 |
9 | 
10 |
11 | ## Funktionen
12 | - Anbindung an openWB, EVCC, Solaranzeige
13 | - MQTT-Kommunikation mit openWB und EVCC (ideal für mehrere Ladestationen)
14 | - Steuerbar per Android App [Wallbox Steuerung](https://android.chk.digital/ecar-charger-control/)
15 | - PV-Überschussladen, Zielladen, etc. mit den o.g. Steuerungen
16 | - Abfrage von Shelly 3EM, powerfox, Solaredge, Fronius, ...
17 | - RFID-Kartenleser zur Freischaltung der Wallbox mit gültiger Karte/Chip (spezielle HW nötig, s. Wiki)
18 | - Ansteuerung aller verbundenen Ladestationen (bis zu 16 Follower am Modbus, bis zu 8 openWB-Ladepunkte)
19 | - Lokales Lastmanagement für zwei Wallboxen
20 | - Softwareupdate per WLAN (Over The Air), z.B. mit PlatformIO oder einfach per Browser (s. Wiki)
21 | - Weniger als 1W Strombedarf (trotz Ansteuerung von bis zu 16 Ladestationen)
22 | - [-> Neue Funktionen](https://steff393.github.io/wbec-site/features.html)
23 |
24 | ## Kontakt
25 | Bei Fragen oder wenn ihr Unterstützung braucht gerne einfach eine Mail schicken (wbec393@gmail.com).
26 | Bitte schaut auch ins [Wiki](https://github.com/steff393/wbec/wiki) und in meine anderen Projekte, z.B. den [SmartUploader](https://github.com/steff393/SmartUploader) zum Auslesen von Wechselrichtern und [hgdo](https://github.com/steff393/hgdo) zur Steuerung von Torantrieben.
27 |
28 | ## Beispiele
29 | Einfaches Web-Interface (geeignet für alle Browser, Smartphone, PC, etc.):
30 | `http://wbec.local/`
31 |
32 |
33 |
34 |
35 | JSON API Schnittstelle:
36 | `http://wbec.local/json`
37 | ```c++
38 | {
39 | "wbec": {
40 | "version": "v0.3.0" // wbec version
41 | "bldDate": "2021-06-10" // wbec build date
42 | },
43 | "box": [
44 | { // s. also https://wallbox.heidelberg.com/wp-content/uploads/2021/04/EC_ModBus_register_table_20210222.pdf
45 | "busId": 1, // Modbus bus id (as configured by DIP switches)
46 | "version": "108", // Modbus Register-Layouts Version, e.g. 1.0.8
47 | "chgStat": 2, // Charging State
48 | "currL1": 0, // L1 - Current RMS (in 0.1A)
49 | "currL2": 0, // L2 - Current RMS (in 0.1A)
50 | "currL3": 0, // L3 - Current RMS (in 0.1A)
51 | "pcbTemp": 333, // PCB-Temperatur (in 0.1°C)
52 | "voltL1": 232, // Voltage L1 - N rms in Volt
53 | "voltL2": 9, // Voltage L2 - N rms in Volt
54 | "voltL3": 9, // Voltage L3 - N rms in Volt
55 | "extLock": 1, // extern lock state
56 | "power": 0, // Power (L1+L2+L3) in VA
57 | "energyP": 0, // Energy since PowerOn (in kWh)
58 | "energyI": 0.003, // Energy since Installation (in kWh)
59 | "currMax": 16, // Hardware configuration maximal current (in 0.1A)
60 | "currMin": 6, // Hardware configuration minimal current (in 0.1A)
61 | "logStr": "",
62 | "wdTmOut": 15000, // ModBus-Master WatchDog Timeout (in ms)
63 | "standby": 4, // Standby Function Control
64 | "remLock": 1, // Remote lock (only if extern lock unlocked)
65 | "currLim": 130, // Maximal current command
66 | "currFs": 0, // FailSafe Current configuration
67 | "load": 0, // wbec load management
68 | "resCode": "0" // Result code of last Modbus message (0 = ok)
69 | },
70 | { // Values of 2nd box ...
71 | "busId": 2,
72 | "version": "0",
73 | "chgStat": 0,
74 | ...
75 | "load": 0,
76 | "resCode": "e4"
77 | }
78 | ],
79 | "modbus": {
80 | "state": {
81 | "lastTm": 2852819, // Timestamp of last Modbus message (in ms)
82 | "millis": 2855489 // Time since start of wbec (in ms)
83 | }
84 | },
85 | "rfid": {
86 | "enabled": true,
87 | "release": false,
88 | "lastId": "0cb6a781"
89 | },
90 | "wifi": {
91 | "mac": "00:1F:3F:15:29:7E", // wbec MAC address
92 | "rssi": -76, // WiFi signal
93 | "signal": 48, // WiFi signal quality (in %)
94 | "channel": 11 // WiFi channel
95 | }
96 | }
97 | ```
98 |
99 | Maximalen Ladestrom einstellen:
100 | ```c++
101 | http://192.168.xx.yy/json?currLim=120 --> set current limit to 12A (on the box with id=0, i.e. ModBus Bus-ID=1)
102 | http://192.168.xx.yy/json?currLim=60&id=2 --> set current limit to 6A on the box with id=2 (i.e. ModBus Bus-ID=3)
103 | ```
104 |
105 | ## Danksagung
106 | Folgende Projekte wurden in wbec genutzt/angepasst:
107 | - [modbus-esp8266](https://github.com/emelianov/modbus-esp8266)
108 | - [ESP Async WebServer](https://github.com/me-no-dev/ESPAsyncWebServer)
109 | - [ArduinoJson](https://github.com/bblanchon/ArduinoJson)
110 | - [PubSubClient](https://github.com/knolleary/PubSubClient)
111 | - [NTPClient](https://github.com/arduino-libraries/NTPClient)
112 | - [MFRC522](https://github.com/miguelbalboa/MFRC522)
113 | - [RTCVars](https://github.com/highno/RTCVars)
114 | - [arduinoWebSockets](https://github.com/Links2004/arduinoWebSockets)
115 | - [WiFiManager](https://github.com/tzapu/WiFiManager)
116 | - [Web Interface](https://RandomNerdTutorials.com)
117 | - [A Beginner's Guide to the ESP8266 - article](https://github.com/tttapa/ESP8266)
118 | - [AsyncElegantOTA](https://github.com/ayushsharma82/AsyncElegantOTA)
119 |
120 | Ein besonderer Dank ergeht an die frühen Tester und Unterstützer: mli987, profex1337, Clanchef und viele mehr!
121 |
122 | ## Unterstützung des Projektes
123 | wbec gefällt dir? Dann gib dem Projekt [einen Stern auf GitHub](https://github.com/steff393/wbec/stargazers)!
124 |
125 | [](https://star-history.com/#steff393/wbec&Date)
126 |
--------------------------------------------------------------------------------
/data/cfg.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | wbec Config
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
19 |
20 |
21 |
22 |
23 |
32 |
wbec
33 |
Heidelberg Wallbox Energy Control
34 |
35 |
36 |
37 |
38 |
39 | Konfiguration
40 |
41 |
42 |
43 |
44 |
45 |
46 |
48 |
49 |
50 |
51 |
52 |
53 |
54 |
55 |
56 |
57 |
58 |
--------------------------------------------------------------------------------
/data/cfg.js:
--------------------------------------------------------------------------------
1 | // Copyright (c) 2024 steff393, MIT license
2 |
3 |
4 | // Achtung
5 | // ----------------------------------------------------------------------------------
6 | // Diese Datei hier ist nicht die "cfg.json", die die eigentlichen Parameter enthält.
7 | // Parameter werden nicht hier geändert.
8 | // ----------------------------------------------------------------------------------
9 |
10 | // ----------------------------- COMMON SECTION: START ------------------------------
11 | function initNavBar() {
12 | for (const element of document.querySelectorAll('[top-nav-link]')) {
13 | element.addEventListener('click', function() {window.location.href = element.getAttribute('top-nav-link')});
14 | }
15 | }
16 |
17 | function assignValuesToHtml(values) {
18 | let valueContainerElements = document.querySelectorAll('[data-value]');
19 | for (const element of valueContainerElements) {
20 | const key = element.getAttribute('data-value');
21 | if (values[key] !== undefined) {
22 | element.innerHTML = values[key].toLocaleString('de-DE');
23 | }
24 | }
25 | }
26 |
27 | function setClass(element, className, state) {
28 | if (state) {
29 | element.classList.add(className)
30 | } else {
31 | element.classList.remove(className)
32 | }
33 | }
34 |
35 | function setSectionVisibility(sectionId, isVisible) {
36 | setClass(document.getElementById(sectionId), 'not-available', !isVisible);
37 | }
38 | // ----------------------------- COMMON SECTION: END ------------------------------
39 |
40 | // Default settings 24.03.2024
41 | const defaultObj = JSON.parse(
42 | '{"cfgApSsid":"wbec","cfgApPass":"wbec1234","cfgCntWb":1,"cfgMbCycleTime":10,"cfgMbDelay":100,"cfgMbTimeout":60000,"cfgStandby":4,"cfgFailsafeCurrent":0,"cfgMqttIp":"","cfgMqttLp":[],"cfgMqttPort":1883,"cfgMqttUser":"","cfgMqttPass":"","cfgMqttWattTopic":"wbec/pv/setWatt","cfgMqttWattJson":"","cfgMqttClientId":0,"cfgNtpServer":"europe.pool.ntp.org","cfgFoxUser":"","cfgFoxPass":"","cfgFoxDevId":"","cfgPvActive":0,"cfgPvCycleTime":30,"cfgPvLimStart":61,"cfgPvLimStop":50,"cfgPvPhFactor":69,"cfgPvOffset":0,"cfgPvCalcMode":0,"cfgPvInvert":0,"cfgPvInvertBatt":0,"cfgPvMinTime":0,"cfgPvOffCurrent":255,"cfgPvHttpIp":"","cfgPvHttpPath":"/","cfgPvHttpJson":"","cfgPvHttpJsonBatt":"","cfgPvHttpPort":80,"cfgTotalCurrMax":0,"cfgLmChargeState":4,"cfgHwVersion":15,"cfgWifiSleepMode":0,"cfgLoopDelay":255,"cfgKnockOutTimer":0,"cfgShellyIp":"","cfgInverterIp":"","cfgInverterType":0,"cfgInverterPort":0,"cfgInverterAddr":0,"cfgInvSmartAddr":0,"cfgInvRegPowerInv":0,"cfgInvRegPowerInvS":0,"cfgInvRegPowerMet":0,"cfgInvRegPowerMetS":0,"cfgInvRegToGrid":0,"cfgInvRegFromGrid":0,"cfgInvRegInputGrid":0,"cfgInvRegBattery":0,"cfgInvRegBattery16":0,"cfgBootlogSize":2000,"cfgBtnDebounce":0,"cfgWifiConnectTimeout":10,"cfgResetOnTimeout":0,"cfgEnergyOffset":0,"cfgDisplayAutoOff":2,"cfgWifiAutoReconnect":1,"cfgWifiScanMethod":0,"cfgLedIp":1,"cfgWifiOff":0,"cfgChargeLog":0,"cfgWallboxIp":"","cfgWallboxPort":502,"cfgWallboxAddr":1,"cfgRfidCurr":160,"cfgAutoEnable":1,"cfgEnwgSource":0,"cfgEnwgBox":0,"cfgWbecMac":237,"cfgWbecIp":""}'
43 | );
44 |
45 | const descObj = {
46 | cfgApSsid :"(!) Name des initialen Access Points",
47 | cfgApPass :"Passwort des initialen Access Points",
48 | cfgCntWb :"Anzahl der verbundenen Wallboxen",
49 | cfgMbCycleTime :"(!) [s] Modbus Zykluszeit",
50 | cfgMbDelay :"(!) [ms] Min. Zeit zwischen Modbusbotschaften",
51 | cfgMbTimeout :"(!) [ms] Modbus Timeout (Register 257)",
52 | cfgStandby :"(!) Standby 0:aktiv, 4:inaktiv (empfohlen)",
53 | cfgFailsafeCurrent :"(!) [100mA] Strom bei Modbus-Timeout (Register 262)",
54 | cfgMqttIp :"MQTT-Broker: IP-Adresse, z.B. 192.168.178.123",
55 | cfgMqttLp :"MQTT: Zuordnung der Ladepunkte, s. Wiki, z.B. 1 oder 1,2,3",
56 | cfgMqttPort :"MQTT-Broker: Port ",
57 | cfgMqttUser :"MQTT-Broker: Username (wenn nötig, max. 31 Zeichen)",
58 | cfgMqttPass :"MQTT-Broker: Passwort (wenn nötig, max. 127 Zeichen)",
59 | cfgMqttWattTopic :"MQTT: Topic, um den Wert Bezug/Einspeisung zu empfangen",
60 | cfgMqttWattJson :"MQTT: Suchstring, um den Wert Bezug/Einspeisung zu finden",
61 | cfgMqttClientId :"MQTT: Client-ID, 0 = zufällig",
62 | cfgNtpServer :"NTP-Server",
63 | cfgFoxUser :"Powerfox: Benutzername",
64 | cfgFoxPass :"Powerfox: Passwort",
65 | cfgFoxDevId :"Powerfox: Device ID",
66 | cfgPvActive :"PV-Überschussregelung: 0:inaktiv, 1:aktiv",
67 | cfgPvCycleTime :"[s] PV-Überschussregelung: Zykluszeit",
68 | cfgPvLimStart :"[100mA] PV-Überschussregelung: Startstrom, z.B. 61=6,1A",
69 | cfgPvLimStop :"[100mA] PV-Überschussregelung: Stopstrom, z.B. 50=5,0A",
70 | cfgPvPhFactor :"PV-Überschussregelung: 23:1-ph, 42:2-ph, 69:3-phasig",
71 | cfgPvOffset :"[W] PV-Überschussregelung: Offset",
72 | cfgPvCalcMode :"PV-Überschussregelung: Berechnungsmodus",
73 | cfgPvInvert :"PV-Überschussregelung: Vorzeichen von Bezug/Einspeisung invertieren (1)",
74 | cfgPvInvertBatt :"PV-Überschussregelung: Vorzeichen von Batterieleistung invertieren (1)",
75 | cfgPvMinTime :"[min] PV-Überschussregelung: Minimale Aktivierungszeit",
76 | cfgPvOffCurrent :"[100mA] PV-Überschussregelung: Strom, welcher bei Wechsel auf Modus Aus eingestellt wird",
77 | cfgPvHttpIp :"PV-Überschussregelung HTTP: IP-Adresse, um den Wert Bezug/Einspeisung abzufragen",
78 | cfgPvHttpPath :"PV-Überschussregelung HTTP: URL, um den Wert Bezug/Einspeisung abzufragen",
79 | cfgPvHttpJson :"PV-Überschussregelung HTTP: Suchstring, um den Wert Bezug/Einspeisung zu finden",
80 | cfgPvHttpJsonBatt :"PV-Überschussregelung HTTP: Suchstring, um den Wert Batterieleistung zu finden",
81 | cfgPvHttpPort :"PV-Überschussregelung HTTP: Port, um den Wert Bezug/Einspeisung abzufragen",
82 | cfgTotalCurrMax :"[100mA] Maximaler Systemstrom bei mehreren Wallbox, ACHTUNG: SICHERUNG NÖTIG!",
83 | cfgLmChargeState :"(!) Ladezustand, ab dem Lastmanagement eine Ladeanforderung erkennt",
84 | cfgHwVersion :"(!) intern",
85 | cfgWifiSleepMode :"(!) intern",
86 | cfgLoopDelay :"(!) intern",
87 | cfgKnockOutTimer :"(!) [min] Zyklischer Reset von wbec alle xx Minuten",
88 | cfgShellyIp :"Shelly: IP-Adresse, um den Wert Bezug/Einspeisung abzufragen",
89 | cfgInverterIp :"Modbus-TCP: IP-Adresse, um den Wert Bezug/Einspeisung abzufragen",
90 | cfgInverterType :"Modbus-TCP: Typ, s. Wiki",
91 | cfgInverterPort :"Modbus-TCP: Port, s. Wiki",
92 | cfgInverterAddr :"(!) Modbus-TCP: Modbus-Adresse, s. Wiki",
93 | cfgInvSmartAddr :"(!) Modbus-TCP: Modbus-Adresse, s. Wiki",
94 | cfgInvRegPowerInv :"(!) Modbus-TCP: Register",
95 | cfgInvRegPowerInvS :"(!) Modbus-TCP: Register",
96 | cfgInvRegPowerMet :"(!) Modbus-TCP: Register",
97 | cfgInvRegPowerMetS :"(!) Modbus-TCP: Register",
98 | cfgInvRegToGrid :"(!) Modbus-TCP: Register",
99 | cfgInvRegFromGrid :"(!) Modbus-TCP: Register",
100 | cfgInvRegInputGrid :"(!) Modbus-TCP: Register",
101 | cfgInvRegBattery :"(!) Modbus-TCP: Register",
102 | cfgInvRegBattery16 :"(!) Modbus-TCP: Register",
103 | cfgBootlogSize :"(!) intern",
104 | cfgBtnDebounce :"[ms] Entprellzeit für Taster, z.B. 300",
105 | cfgWifiConnectTimeout :"(!) (s) Wartezeit bis wbec bei fehlendem WLAN einen eigenen Access Point öffnet",
106 | cfgResetOnTimeout :"(!) Nullen aller Werte bei Modbus-Timeout",
107 | cfgEnergyOffset :"[Wh] Offset, der vom Energiezähler abgezogen werden kann",
108 | cfgDisplayAutoOff :"[min] Wartezeit für Displayabschaltung",
109 | cfgWifiAutoReconnect :"(!) intern",
110 | cfgWifiScanMethod :"(!) 0: WIFI_FAST_SCAN (default), 1: WIFI_ALL_CHANNEL_SCAN (evtl. bei Mesh)",
111 | cfgLedIp :"IP-Adresse von wbec nach Reset signalisieren, 0:inaktiv, 1:aktiv",
112 | cfgWifiOff :"(!) WLAN abschalten (1) - VORSICHT!",
113 | cfgChargeLog :"Logbuch der Ladevorgänge: 0:inaktiv, 1:aktiv",
114 | cfgWallboxIp :"(!) connect.home Wallbox",
115 | cfgWallboxPort :"(!) connect.home Wallbox",
116 | cfgWallboxAddr :"(!) connect.home Wallbox",
117 | cfgRfidCurr :"[100mA] Strom bei Freischaltung per RFID",
118 | cfgAutoEnable :"1: nach Wakeup von Standby den letzten Stromwert wiederherstellen",
119 | cfgEnwgSource :"§14a EnWG: Quelle: 0:inaktiv, 1:Schließer, 2:Öffner, 3:HTTP, Achtung: permanent!",
120 | cfgEnwgBox :"§14a EnWG: Auswahl der Box für die Leistungsreduzierung",
121 | cfgWbecMac :"(!) wbecLan: Letztes Byte der wbec-MAC-Adresse ändern (dez.)",
122 | cfgWbecIp :"(!) wbecLan: stat. IP-Adresse für wbec, z.B. 192.168.178.123",
123 | }
124 |
125 |
126 | window.addEventListener('DOMContentLoaded', () => {
127 | var rootElement = document.documentElement;
128 | rootElement.style.setProperty('--container-width-max', '1000px');
129 |
130 | initNavBar();
131 | document.getElementById('btnStore').addEventListener('click', storeCfg);
132 | document.getElementById('btnReset').addEventListener('click', resetWbec);
133 | document.getElementById('btnRefresh').addEventListener('click', refresh);
134 | document.getElementById('btnResWifi').addEventListener('click', resetWifi);
135 | const settings = {};
136 |
137 | createHtmlTable();
138 |
139 | fetch('/cfg.json')
140 | .then(response => response.json())
141 | .then(data => {
142 | // Walk through all defaultObj parameters and check, whether there is a differing value in "data"
143 | // settings = defaultObj + all changed values from data
144 | for (const key in defaultObj) {
145 | if (data.hasOwnProperty(key) && data[key] !== defaultObj[key]) {
146 | settings[key] = data[key];
147 | } else {
148 | settings[key] = defaultObj[key];
149 | }
150 | }
151 | console.log(settings);
152 | // fill the HTML page
153 | for (const key in defaultObj) {
154 | document.getElementById(key).value = settings[key];
155 | }
156 | })
157 | .catch(error => {
158 | console.log('cfg.json not found: ', error);
159 | });
160 | });
161 |
162 |
163 | function compareObjects(obj1, obj2) {
164 | // Check all objects in the default (obj1), whether they have a differing value in obj2
165 | const result = {};
166 | for (let key in obj1) {
167 | if ((obj1.hasOwnProperty(key) && obj2.hasOwnProperty(key) && obj1[key] !== obj2[key]) ||
168 | (key=="cfgApPass") || (key=="cfgCntWb")) { // to have 2 minimum parameters
169 | result[key] = obj2[key]; // Return a new object that only contains differing values
170 | }
171 | }
172 | return JSON.stringify(result); // return as JSON
173 | }
174 |
175 |
176 | function storeCfg() {
177 | // fetch data from the HTML page
178 | var configObj = {};
179 | for (const key in defaultObj) {
180 | if (key == 'cfgMqttLp') { // needs special array handling
181 | var val = document.getElementById(key).value;
182 | if (val != '') {
183 | configObj[key] = val.split(',').map(Number);
184 | }
185 | } else {
186 | if (document.getElementById(key).type == 'number') {
187 | configObj[key] = parseInt(document.getElementById(key).value);
188 | }
189 | if (document.getElementById(key).type == 'text') {
190 | configObj[key] = document.getElementById(key).value;
191 | }
192 | }
193 | }
194 |
195 | const deltaJson = compareObjects(defaultObj, configObj);
196 | console.log(deltaJson);
197 |
198 | // append the JSON-String to a FormData and assign a file name
199 | var formData = new FormData();
200 | formData.append('file', new Blob([deltaJson.replace(',"cfgMqttLp":""', '')], { type: 'application/json' }), '/cfg.json');
201 |
202 | // configure the POST request
203 | var options = {
204 | method: 'POST',
205 | body: formData
206 | };
207 |
208 | fetch('/edit', options)
209 | .then(response => {
210 | if (response.ok) {
211 | console.log('POST request sent successfully');
212 | } else {
213 | console.error('Error during POST request');
214 | }
215 | })
216 | .catch(error => {
217 | console.error('Error during POST request: ', error);
218 | });
219 | }
220 |
221 |
222 | function createHtmlTable() {
223 | var tableContainer = document.createElement('div');
224 | tableContainer.className = 'config-table';
225 |
226 | // Iteriere über die Eigenschaften des JSON-Objekts
227 | for (var key in defaultObj) {
228 | if (defaultObj.hasOwnProperty(key)) {
229 | // create the row
230 | var row = document.createElement('div');
231 | row.className = 'config-row';
232 |
233 | // create cell 1
234 | var keyCell = document.createElement('div');
235 | keyCell.className = 'config-cell';
236 | keyCell.innerHTML = key;
237 | row.appendChild(keyCell);
238 |
239 | // create cell 2 for the input
240 | var inputCell = document.createElement('div');
241 | inputCell.className = 'config-cell';
242 | var input = document.createElement('input');
243 | input.type = typeof defaultObj[key] === 'number' ? 'number' : 'text';
244 | input.id = key;
245 | inputCell.appendChild(input);
246 | row.appendChild(inputCell);
247 |
248 | // create cell 3 for the description
249 | var descriptionCell = document.createElement('div');
250 | descriptionCell.className = 'config-cell';
251 | descriptionCell.innerHTML = descObj[key];
252 | row.appendChild(descriptionCell);
253 |
254 | tableContainer.appendChild(row);
255 | }
256 | }
257 | var tableBox = document.getElementById('tableBox');
258 | tableBox.appendChild(tableContainer);
259 | }
260 |
261 |
262 | function resetWbec() {
263 | fetch('/reset');
264 | }
265 |
266 |
267 | function resetWifi() {
268 | if (confirm('Möchtest du wirklich die WLAN-Zugangsdaten löschen? Hast du dir den Parameter cfgApPass notiert?')) {
269 | window.open('/resetwifi', '_self');
270 | }
271 | }
272 |
273 |
274 | function refresh() {
275 | location.reload();
276 | }
277 |
--------------------------------------------------------------------------------
/data/log.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | wbec Log
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
19 |
20 |
21 |
22 |
23 |
32 |
wbec
33 |
Heidelberg Wallbox Energy Control
34 |
35 |
36 |
37 |
38 |
39 | Ladeübersicht
40 |
41 |
42 |
43 |
44 |
Start
45 |
Ende
46 |
Geladene kWh
47 |
Ladedauer hh:mm
48 |
Wallbox
49 |
50 |
51 |
52 |
53 |
54 |
55 |
56 |
57 |
58 |
59 |
60 |
--------------------------------------------------------------------------------
/data/log.js:
--------------------------------------------------------------------------------
1 | // Copyright (c) 2024 steff393, MIT license
2 |
3 | // ----------------------------- COMMON SECTION: START ------------------------------
4 | function initNavBar() {
5 | for (const element of document.querySelectorAll('[top-nav-link]')) {
6 | element.addEventListener('click', function() {window.location.href = element.getAttribute('top-nav-link')});
7 | }
8 | }
9 |
10 | function assignValuesToHtml(values) {
11 | let valueContainerElements = document.querySelectorAll('[data-value]');
12 | for (const element of valueContainerElements) {
13 | const key = element.getAttribute('data-value');
14 | if (values[key] !== undefined) {
15 | element.innerHTML = values[key].toLocaleString('de-DE');
16 | }
17 | }
18 | }
19 |
20 | function setClass(element, className, state) {
21 | if (state) {
22 | element.classList.add(className)
23 | } else {
24 | element.classList.remove(className)
25 | }
26 | }
27 |
28 | function setSectionVisibility(sectionId, isVisible) {
29 | setClass(document.getElementById(sectionId), 'not-available', !isVisible);
30 | }
31 | // ----------------------------- COMMON SECTION: END ------------------------------
32 |
33 | window.addEventListener('DOMContentLoaded', () => {
34 | let tableHeaders = document.querySelectorAll('.table-head');
35 | var sortOrder = 1;
36 |
37 | function init() {
38 | initNavBar();
39 | document.getElementById('btnExport').addEventListener('click', exportToExcel);
40 |
41 | for (const element of tableHeaders) {
42 | element.addEventListener('click', sortTable);
43 | }
44 | const cfgCntWb = 1; // number of connected wallboxes
45 | for (let i = 0; i < cfgCntWb; i++) {
46 | let url="/chargelog?id=" + i + "&len=10";
47 | fetch(url)
48 | .then(response => response.json())
49 | .then((msg) => updateData(msg))
50 | }
51 | }
52 |
53 |
54 | function formatDate(xtime) { // convert unixtime to formatted date
55 | const date = new Date(xtime * 1000);
56 | const day = date.getDate().toString().padStart(2, '0'); // day with leading 0
57 | const month = (date.getMonth() + 1).toString().padStart(2, '0'); // month with leading 0 (months start at 0)
58 | const year = date.getFullYear().toString();
59 | const hours = date.getHours().toString().padStart(2, '0');
60 | const minutes = date.getMinutes().toString().padStart(2, '0');
61 | const formattedDate = `${day}.${month}.${year} | ${hours}:${minutes}`;
62 | return(formattedDate);
63 | }
64 |
65 |
66 | function formatDur(dur) {
67 | const hours = Math.floor(dur / 3600);
68 | const minutes = Math.floor((dur % 3600) / 60).toString().padStart(2, '0');
69 | const formattedDate = `${hours}:${minutes}`;
70 | return(formattedDate);
71 | }
72 |
73 |
74 | function updateData(data) {
75 | const message = data;
76 | let header = document.getElementById('logTable');
77 | for (const line of message.line.reverse()) {
78 | var row = document.createElement('div');
79 | row.className = 'table-row';
80 | var cells = [];
81 | for (var i = 0; i <= 7; i++) { // nr of cells, incl. hidden
82 | var cell = document.createElement('div');
83 | cell.className = 'table-cell';
84 | row.appendChild(cell);
85 | cells.push(cell);
86 | }
87 | header.appendChild(row);
88 | cells[0].innerHTML = formatDate(line.timestamp);
89 | cells[1].innerHTML = line.timestamp;
90 | cells[1].style.display = 'none'; // only for sorting
91 | cells[2].innerHTML = formatDate(line.timestamp + line.duration);
92 | cells[3].innerHTML = line.timestamp + line.duration
93 | cells[3].style.display = 'none'; // only for sorting
94 | cells[4].innerHTML = (line.energy / 1000).toFixed(3);
95 | cells[5].innerHTML = formatDur (line.duration);
96 | cells[6].innerHTML = line.duration;
97 | cells[6].style.display = 'none'; // only for sorting
98 | cells[7].innerHTML = line.box + 1;
99 | }
100 | }
101 |
102 |
103 | function sortTable() {
104 | const col = Array.from(this.parentNode.children).indexOf(this);
105 | const map = {0:1, 1:3, 2:4, 3:6, 4:7}; // map the visible clicked column (of header) to the maybe invisible columns, see above
106 | var table = document.getElementById('logTable');
107 | var rows = table.querySelectorAll('.table-row');
108 | var sortedRows = Array.prototype.slice.call(rows, 1); // slice(1) removes the header line
109 | sortedRows.sort(function(row1, row2) {
110 | var val1 = parseFloat(row1.querySelectorAll('.table-cell')[map[col]].textContent);
111 | var val2 = parseFloat(row2.querySelectorAll('.table-cell')[map[col]].textContent);
112 | if (val1 < val2) {
113 | return -1 * sortOrder;
114 | }
115 | if (val1 > val2) {
116 | return 1 * sortOrder;
117 | }
118 | return 0;
119 | });
120 | table.innerHTML = ""; // delete the content
121 | table.appendChild(rows[0]); // add the header again
122 | sortedRows.forEach(function(row) {
123 | table.appendChild(row); // append sorted rows
124 | });
125 | sortOrder *= -1; // invert the sortOrder
126 | }
127 |
128 |
129 | init();
130 | });
131 |
132 |
133 | function exportToExcel() {
134 | var table = document.getElementById("logTable");
135 | var rows = table.getElementsByClassName("table-row");
136 | var csvContent = '"Startdatum","Startzeit","Enddatum","Endzeit","Energie","Dauer","Wallbox"';
137 |
138 | for (var i = 0; i < rows.length; i++) {
139 | var cells = rows[i].getElementsByClassName("table-cell");
140 |
141 | for (var j = 0; j < cells.length; j++) {
142 | var cellData = cells[j].innerText.trim();
143 | if (j!=1 && j!=3 && j!=6) { // remove the hidden colums with raw values
144 | if (j==4) {
145 | csvContent += '"' + cellData.replace('.', ',') + '",'; // special handling for the energy decimal point
146 | } else
147 | {
148 | csvContent += '"' + cellData.replace(' | ', '","') + '",';
149 | }
150 | }
151 | }
152 | csvContent += "\n";
153 | }
154 |
155 | // create a temporary link in order to download the csv
156 | var downloadLink = document.createElement("a");
157 | downloadLink.href = "data:text/csv;charset=utf-8," + encodeURIComponent(csvContent);
158 | downloadLink.download = "wbecLog.csv";
159 | downloadLink.style.display = "none";
160 | document.body.appendChild(downloadLink);
161 | downloadLink.click();
162 | document.body.removeChild(downloadLink);
163 | }
164 |
--------------------------------------------------------------------------------
/data/pvChart.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | wbec Chart
6 |
7 |
8 |
9 |
10 |
11 |
12 |
wbec
13 |
Heidelberg Wallbox Energy Control
14 |
15 |
Loading ...
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
75 |
76 |
77 |
--------------------------------------------------------------------------------
/data/pvChart.js:
--------------------------------------------------------------------------------
1 | // based on https://github.com/tttapa/ESP8266, GPL-3.0 License
2 | var dataArray = [];
3 |
4 | var defaultZoomTime = 6*60*60*1000; // 6 hours
5 | var minZoom = -6; // 22 minutes 30 seconds
6 | var maxZoom = 3; // ~ 1 week
7 |
8 | var zoomLevel = 0;
9 | var viewportEndTime = new Date();
10 | var viewportStartTime = new Date();
11 |
12 | loadCSV(); // Download the CSV data, load Google Charts, parse the data, and draw the chart
13 |
14 |
15 | /*
16 | Structure:
17 |
18 | loadCSV
19 | callback:
20 | parseCSV
21 | load Google Charts (anonymous)
22 | callback:
23 | updateViewport
24 | displayDate
25 | drawChart
26 | */
27 |
28 | /*
29 | | CHART |
30 | | VIEW PORT |
31 | invisible | visible | invisible
32 | ---------------|---------------------------------------------|---------------> time
33 | viewportStartTime viewportEndTime
34 |
35 | |______________viewportWidthTime______________|
36 |
37 | viewportWidthTime = 1 day * 2^zoomLevel = viewportEndTime - viewportStartTime
38 | */
39 |
40 | function loadCSV() {
41 | var xmlhttp = new XMLHttpRequest();
42 | xmlhttp.onreadystatechange = function() {
43 | if (this.readyState == 4 && this.status == 200) {
44 | dataArray = parseCSV(this.responseText);
45 | google.charts.load('current', { 'packages': ['line', 'corechart'] });
46 | google.charts.setOnLoadCallback(updateViewport);
47 | }
48 | };
49 | xmlhttp.open("GET", "pv.txt", true);
50 | xmlhttp.send();
51 | var loadingdiv = document.getElementById("loading");
52 | loadingdiv.style.visibility = "visible";
53 | }
54 |
55 | function parseCSV(string) {
56 | var array = [];
57 | var lines = string.split("\n");
58 | for (var i = 0; i < lines.length; i++) {
59 | var data = lines[i].split(";", 3);
60 | data[0] = new Date(parseInt(data[0]) * 1000);
61 | data[1] = parseInt(data[1]);
62 | data[2] = parseInt(data[2]); //parseFloat
63 | array.push(data);
64 | }
65 | return array;
66 | }
67 |
68 | function drawChart() {
69 | var data = new google.visualization.DataTable();
70 | data.addColumn('datetime', 'UNIX');
71 | data.addColumn('number', 'Bezug(+)/Einspeisung(-)');
72 | data.addColumn('number', 'Ladeleistung der Wallbox');
73 |
74 | data.addRows(dataArray);
75 |
76 | var options = {
77 | curveType: 'function',
78 |
79 | height: 840,
80 |
81 | legend: { position: 'top' },
82 |
83 | hAxis: {
84 | viewWindow: {
85 | min: viewportStartTime,
86 | max: viewportEndTime
87 | },
88 | gridlines: {
89 | count: -1,
90 | units: {
91 | days: { format: ['dd. MMM'] },
92 | hours: { format: ['HH:mm', 'ha'] },
93 | }
94 | },
95 | minorGridlines: {
96 | units: {
97 | hours: { format: ['hh:mm:ss a', 'ha'] },
98 | minutes: { format: ['HH:mm a Z', ':mm'] }
99 | }
100 | }
101 | },
102 | vAxis: {
103 | title: "Leistung [W]"
104 | }
105 | };
106 |
107 | var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
108 |
109 | chart.draw(data, options);
110 |
111 | var dateselectdiv = document.getElementById("dateselect");
112 | dateselectdiv.style.visibility = "visible";
113 |
114 | var loadingdiv = document.getElementById("loading");
115 | loadingdiv.style.visibility = "hidden";
116 | }
117 |
118 | function displayDate() { // Display the start and end date on the page
119 | var dateDiv = document.getElementById("date");
120 |
121 | var startDay = viewportStartTime.getDate();
122 | var startMonth = viewportStartTime.getMonth();
123 | var startYear = viewportStartTime.getFullYear();
124 | var endDay = viewportEndTime.getDate();
125 | var endMonth = viewportEndTime.getMonth();
126 | var endYear = viewportEndTime.getFullYear();
127 |
128 | if (endDay == startDay && endMonth == startMonth) {
129 | dateDiv.textContent = (endDay).toString() + "." + (endMonth + 1).toString() + "." + (endYear).toString();
130 | } else {
131 | dateDiv.textContent = (startDay).toString() + "." + (startMonth + 1).toString() + "." + (startYear).toString() + " - " + (endDay).toString() + "." + (endMonth + 1).toString() + "." + (endYear).toString();
132 | }
133 | }
134 |
135 | document.getElementById("prev").onclick = function() {
136 | viewportEndTime = new Date(viewportEndTime.getTime() - getViewportWidthTime()/3); // move the viewport to the left for one third of its width (e.g. if the viewport width is 3 days, move one day back in time)
137 | updateViewport();
138 | }
139 | document.getElementById("next").onclick = function() {
140 | viewportEndTime = new Date(viewportEndTime.getTime() + getViewportWidthTime()/3); // move the viewport to the right for one third of its width (e.g. if the viewport width is 3 days, move one day into the future)
141 | updateViewport();
142 | }
143 |
144 | document.getElementById("zoomout").onclick = function() {
145 | zoomLevel += 1; // increment the zoom level (zoom out)
146 | if(zoomLevel > maxZoom) zoomLevel = maxZoom;
147 | else updateViewport();
148 | }
149 | document.getElementById("zoomin").onclick = function() {
150 | zoomLevel -= 1; // decrement the zoom level (zoom in)
151 | if(zoomLevel < minZoom) zoomLevel = minZoom;
152 | else updateViewport();
153 | }
154 |
155 | document.getElementById("reset").onclick = function() {
156 | viewportEndTime = new Date(); // the end time of the viewport is the current time
157 | zoomLevel = 0; // reset the zoom level to the default (one day)
158 | updateViewport();
159 | }
160 | document.getElementById("refresh").onclick = function() {
161 | viewportEndTime = new Date(); // the end time of the viewport is the current time
162 | loadCSV(); // download the latest data and re-draw the chart
163 | }
164 |
165 | document.body.onresize = drawChart;
166 |
167 | function updateViewport() {
168 | viewportStartTime = new Date(viewportEndTime.getTime() - getViewportWidthTime());
169 | displayDate();
170 | drawChart();
171 | }
172 | function getViewportWidthTime() {
173 | return(defaultZoomTime*(2**zoomLevel)); // exponential relation between zoom level and zoom time span
174 | // every time you zoom, you double or halve the time scale
175 | }
176 |
--------------------------------------------------------------------------------
/data/time.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | wbec Time
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
23 |
24 |
25 |
33 |