Inoffizielle Implementierung des use-cases "Inhalt des Kühlschranks quasi in Realtime auf dem Handy sehen".
![]() |
![]() |
Vorraussetzungen:
- Es wird ein Account / Projekt bei Supabase benötigt
- Stell sicher, dass ein Storage-Bucket mit dem Namen
images
vorhanden ist - Die Sicherheitseinstellungen für den Bucket müssen öffentlichen Zugriff erlauben
- Stell sicher, dass ein Storage-Bucket mit dem Namen
- Für's Hosten bietet sich Vercel oder Netlify1 an
- NodeJS muss installiert sein
cd web
npm install
npm run dev
Ein .env
-File mit Umgebungsvariablen wird im web
-Verzeichnis platziert.
Bei Vercel kann man die dann in den Projekteinstellungen auch eintragen und sich über die Supabase-Integration auch automatisch holen.
|_ embedded
|_ web
|_ src
|_ .gitignore
| //
|_ .env
Die Schlüssel brauchen den Präfix VITE_
um von Vite gesehen zu werden.
VITE_PUBLIC_SUPABASE_ANON_KEY=""
SUPABASE_SERVICE_ROLE_KEY="" // Wird nicht benutzt; trotzdem vorsichtig mit dem!
VITE_PUBLIC_SUPABASE_URL=""
VITE_HOMECONNECT_ALLOW_POST="" // Nicht von Supabase; denk dir einen aus.
VITE_HOMECONNECT_ALLOW_VIEW="" // ^^
Vorraussetzungen:
- PlatformIO muss installiert sein
Im Header embedded/include/env.h
liegen alle Konfigurationsvariablen.
|_ embedded
|_ include
|_ env.h
|_ README
| //
|_ src
|_ main.cpp
|_ web
// Für HTTPS wird das Root-Zertifikat des Webservers gebraucht. In meinem Fall ist die Kette Vercel -> Cloudflare -> Let's Encrypt
const constexpr char *rootCACert = R"(-----BEGIN CERTIFICATE-----
MIIFazCCA1OgAwIBAgIRAIIQz7DSQONZRGPgu2OCiwAwDQYJKoZIhvcNAQELBQAw
// ....
// ....
-----END CERTIFICATE-----
)";
const constexpr char *ssid = "mySSID"; // Die SSID des WLANs in dem der ESP32-Cam laufen soll
const constexpr char *password = "myPASS"; // Das Wifipasswort
const String token = "bearerTOKEN"; // Der Wert aus VITE_HOMECONNECT_ALLOW_POST
const String host = "bla.com"; // In meinem Fall homeconnect.bent.party
const String path = "https://" + host + "/api/v1/images";
const constexpr uint16_t port = 443;
Footnotes
-
Nicht ausprobiert. Wahrscheinlich geht sogar auch Cloudflare; man kann das ganze aber auch natürlich selber hosten oder lokal laufen lassen. ↩