ESP32にBME280追加

 キャパシティのカウントに、温度影響などあれば、補正の可能性もあるかと思い、温度等もロギングすることにしてみた。ついでも、気圧、湿度も計測できるセンサが安く入手できたのでつないでみた。サーバのコードも、esp32のコードもそれに合わせて書き換えた。まだ、カウント値からの灯油残量換算は、実測してから確定する予定なので、いまのところ、換算の比例定数1、定数項０です。

SparkFunBME280というライブラリを追加する必要があります。 # esp32 Code #include <WiFi.h> #include <WiFiClient.h> #include "esp_sleep.h" #include <Wire.h> #include "SparkFunBME280.h" #define TOUCH_PIN 4 #define LED_PIN 2 #define SLEEP_SECONDS 21600 // 6時間 const char* ssid = "*****"; const char* password = "********"; const char* host = "192.168.*.*"; // Raspberry Pi IP const int port = 8888; const char* path = "/py/cap"; String url; String cprint; BME280 bme; void setup() { Serial.begin(115200); delay(100); Wire.begin(21, 22); // SDA=21, SCL=22(SCKは間違い) bme.setI2CAddress(0x76); if (bme.beginI2C() == false) { Serial.println("BME280 not detected!"); } else { Serial.println("BME280 connected."); } WiFi.begin(ssid, password); Serial.print("Connecting to WiFi"); while (WiFi.status() != WL_CONNECTED) { delay(500); Serial.print("."); } Serial.println("\nWiFi connected"); uint16_t capValue = touchRead(TOUCH_PIN); Serial.printf("Touch value: %d\n", capValue); float tempC = bme.readTempC(); float humidity = bme.readFloatHumidity(); float pressure_hPa = bme.readFloatPressure() / 100.0; Serial.printf("Temp: %.2f C, Humidity: %.2f %%, Pressure: %.2f hPa\n", tempC, humidity, pressure_hPa); url = String(path) + "?cap=" + String(capValue) + "&t=" + String(tempC, 1) + "&h=" + String(humidity, 1) + "&p=" + String(pressure_hPa, 1); cprint = String("GET ") + url + " HTTP/1.1\r\n" + "Host: " + host + "\r\n" + "Connection: close\r\n\r\n"; WiFiClient client; if (client.connect(host, port)) { Serial.println("Connected to server"); client.print(cprint); while (client.connected() || client.available()) { if (client.available()) { String line = client.readStringUntil('\n'); Serial.println(line); } } client.stop(); } else { Serial.println("Connection failed url=" + url); } Serial.println("Going to sleep..."); delay(100); WiFi.disconnect(true); WiFi.mode(WIFI_OFF); digitalWrite(LED_PIN, LOW); Serial.end(); esp_sleep_enable_timer_wakeup(SLEEP_SECONDS * 1000000ULL); esp_deep_sleep_start(); } void loop() { } ************以下は、bottleのコード************* latest_cap = None LOG_FILE = "cap_log.txt" MAX_LINES = 200 def read_log(): if not os.path.exists(LOG_FILE): return [] with open(LOG_FILE, "r") as f: return f.readlines() def write_log(lines): with open(LOG_FILE, "w") as f: f.writelines(lines) latest_cap = None LOG_FILE = "cap_log.txt" MAX_LINES = 200 def read_log(): if not os.path.exists(LOG_FILE): return [] with open(LOG_FILE, "r") as f: return f.readlines() def write_log(lines): with open(LOG_FILE, "w") as f: f.writelines(lines) @app.route('/py/cap') def cap_handler(): global latest_cap,latest_t,latest_p,latest_h latest_cap = None latest_t = None latest_p = None latest_h = None cap_value = request.query.cap # ?cap=123 または ?cap=list10 list10だと最新の１０個データ表示 t_value= request.query.t p_value= request.query.p h_value= request.query.h if cap_value: if cap_value.startswith("list"): # ?cap=listN の場合 try: n = int(cap_value[4:]) lines = read_log() latest_lines = lines[-n:] if n > 0 else [] response.content_type = 'application/json' # JSON形式で返す result = [] for line in latest_lines: dt_str, value_str,value_t,value_p,value_h = line.strip().split(',', 4) result.append({ "datetime": dt_str, "cap": int(value_str), "temp": float(value_t), "hpa": float(value_p), "hum": float(value_h) }) return json.dumps(result) except ValueError: response.status = 400 return "Invalid list parameter" else: # 数値の場合 try: latest_cap = int(cap_value) latest_t=float(t_value) latest_p=float(p_value) latest_h=float(h_value) now_str = datetime.now().strftime("%Y-%m-%d %H:%M:%S") line = f"{now_str},{latest_cap},{latest_t},{latest_p},{latest_h}\n" # ログを読み込んで追記 lines = read_log() lines.append(line) # 最大行数を維持 if len(lines) > MAX_LINES: lines = lines[-MAX_LINES:] write_log(lines) return f"Cap value {latest_cap} saved.\n" except ValueError: response.status = 400 return "Invalid value" else: # パラメータなし → 最新値返す if latest_cap is not None: response.content_type = 'application/json' return json.dumps({"latest_cap": latest_cap}) else: response.status = 404 return "No data yet" @app.route('/py/captable') def captable(): return """ <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- 重要 --> <title>灯油タンク残量概算</title> <style> body { font-family: sans-serif; margin: 1em; } /* 入力エリア */ .controls { display: flex; flex-wrap: wrap; gap: 0.5em; align-items: center; } .controls label, .controls button { font-size: 1em; } /* テーブル */ table { border-collapse: collapse; width: 100%; margin-top: 1em; font-size: 0.95em; } th, td { border: 1px solid #999; padding: 0.5em; text-align: center; } /* スマホ向け：フォント少し小さく、テーブル横スクロール可 */ @media (max-width: 600px) { body { font-size: 0.9em; } .controls { flex-direction: column; align-items: flex-start; } table { display: block; overflow-x: auto; white-space: nowrap; } th, td { padding: 0.4em 0.6em; } } </style> </head> <body> <h3>CAPデータ一覧</h3> <div class="controls"> <label>a: <input type="number" id="a" value="1.0" step="0.01"></label> <label>b: <input type="number" id="b" value="0" step="0.01"></label> <button id="reload">再計算</button> </div> <table id="capTable"> <thead> <tr><th>日時</th><th>cap</th><th>変換値</th><th>気温</th><th>気圧</th><th>湿度</th></tr> </thead> <tbody></tbody> </table> <script> async function loadData() { const res = await fetch('/py/cap?cap=list5'); const data = await res.json(); const tbody = document.querySelector('#capTable tbody'); tbody.innerHTML = ''; const a = parseFloat(document.querySelector('#a').value); const b = parseFloat(document.querySelector('#b').value); // 最新を上に data.slice().reverse().forEach(item => { const tr = document.createElement('tr'); const conv = a * item.cap + b; tr.innerHTML = ` <td>${item.datetime}</td> <td>${item.cap}</td> <td>${conv.toFixed(2)}</td> <td>${item.temp}</td> <td>${item.hpa}</td> <td>${item.hum}</td> `; tbody.appendChild(tr); }); } document.querySelector('#reload').addEventListener('click', loadData); loadData(); </script> </body> </html> """

BME280のI2C接続図

　アクリルだと、紫外線で脆くなるだろうと考え、塩ビパイプをヒートガンで平面にしたものを加工して作ってみた。