Supabase Tutorial: Erste Tabelle, Sicherheit und App-Anbindung

👁 113 Aufrufe

Supabase liefert fertiges Backend für Ihre Anwendung: Datenbank, Benutzer-Login, Dateispeicher und automatisches API. Ihre erste Tabelle, aus der Ihre App Daten liest, steht in einer Viertelstunde.

In diesem Tutorial gehen wir Schritt für Schritt vom leeren Projekt bis zu den in der Anwendung angezeigten Daten - mit dem einen Schritt, den Sie auf keinen Fall auslassen dürfen: der Absicherung der Tabelle.

Die Schritte basieren auf den offiziellen Supabase-Anleitungen. Was die Plattform selbst ist und warum sie so häufig von Personen gewählt wird, die mit AI entwickeln, haben wir im Supabase-Leitfaden beschrieben.

Bevor Sie beginnen: Daten planen

Bevor Sie Ihre erste Tabelle anlegen, notieren Sie, welche Daten die Anwendung speichert und wer sie sehen darf. Zum Beispiel: Kurse sehen alle, eine Buchung sieht nur die Person, die sie vorgenommen hat, und die Kursleitung. Aus einer solchen Notiz ergeben sich sofort die Zugriffsregeln, die Sie später in Row Level Security eintragen. Wenn Sie die Regeln erst nach dem Aufbau der Anwendung planen, bleiben meist einige Tabellen ohne Absicherung.

Schritt 1: Projekt anlegen

Nach der Kontoerstellung erstellen Sie ein neues Projekt im Dashboard Ihrer Organisation. Sie geben Namen, Datenbank-Passwort und Region an. Speichern Sie das Passwort sofort in Ihrem Passwort-Manager, denn Sie benötigen es bei der direkten Verbindung zur Datenbank. Die Region wählen Sie möglichst nah bei Ihren Nutzern, für Deutschland, Österreich und die Schweiz die nächstgelegene europäische.

Nach wenigen Minuten ist das Projekt bereit, und im Hintergrund läuft ein normales PostgreSQL, das Sie bei einem Umzug überallhin mitnehmen können.

Schritt 2: Erste Tabelle

Eine Tabelle können Sie im Tabellen-Editor anlegen, indem Sie wie in einer Tabellenkalkulation klicken, oder im SQL-Editor. Die offizielle Anleitung zeigt die Variante mit dem SQL Editor: Sie erstellen eine einfache Tabelle, zum Beispiel eine Liste von Instrumenten mit ID und Name, und fügen einige Beispielzeilen hinzu. Auch wenn Sie SQL nicht kennen, reicht es, die Befehle aus der Anleitung zu kopieren und auszuführen.

Schritt 3: Tabelle absichern mit Row Level Security

Das ist der Schritt, von dem die Sicherheit Ihrer Daten abhängt. Row Level Security sind Regeln, die festlegen, wer welche Zeilen lesen und ändern darf. Die offizielle Anleitung aktiviert sie für die Tabelle und fügt eine Regel hinzu, die allen nur das Lesen der Instrumentenliste erlaubt. Für eine öffentliche Liste ist das in Ordnung. Für Kundendaten muss die Regel jedem erlauben, ausschließlich die eigenen Zeilen zu sehen.

Eine Tabelle ohne diese Regeln, die über das API freigegeben ist, ist die häufigste Ursache für Datenlecks in schnell entwickelten Anwendungen. Wir haben das ausführlicher im Leitfaden beschrieben. Die Regel ist einfach: Keine Tabelle mit Benutzerdaten kommt ohne aktivierte Zugriffsregeln in die Anwendung.

Schritt 4: Projekt-URL und öffentlicher Schlüssel

Die Anwendung benötigt zwei Dinge, die Sie im Panel Connect in Ihrem Projekt finden: die Projekt-URL und den öffentlichen Schlüssel (anon key). Sie fügen sie in die Konfigurationsdatei Ihrer Anwendung ein. Der öffentliche Schlüssel darf in den Browser gelangen, denn über den Zugriff auf die Daten entscheiden die Regeln aus dem vorherigen Schritt.

Falls die Anwendung keine Daten sieht, prüfen Sie, ob in den Integrationseinstellungen das Data API aktiviert ist.

Schritt 5: Anbindung an die Anwendung

Supabase bietet fertige Anleitungen für über ein Dutzend Technologien, von Next.js, React und Vue bis Flutter, Python und Laravel. Bei Next.js läuft der gesamte Start auf einen einzigen Befehl hinaus, der eine Anwendung mit fertiger Verbindung erstellt, das Einfügen von URL und Schlüssel und dann das Schreiben einer Seite, die Daten aus der Tabelle abruft. Nach dem Start der Anwendung sehen Sie auf der Seite die in Schritt 2 hinzugefügten Zeilen.

Wenn Sie in Lovable oder einem ähnlichen Tool entwickeln, führt dieses die meisten dieser Schritte für Sie aus, aber die Prüfung der Zugriffsregeln liegt weiterhin bei Ihnen.

Schritt 6: Login und Dateien

Wenn die Tabelle funktioniert, fügen Sie weitere Elemente genauso hinzu. Benutzer-Login aktivieren Sie im Authentifizierungs-Bereich und wählen Methoden, zum Beispiel E-Mail oder Google-Konto. Dateien wie Profilbilder oder Anhänge speichern Sie im Dateispeicher (Storage), der ebenfalls eigene Zugriffsregeln hat. Für komplexere Logik gibt es serverseitig ausgeführte Funktionen (Edge Functions).

Häufigste Fehler am Anfang

• Tabelle ohne Zugriffsregeln in der Anwendung freigegeben.
• Service-Schlüssel im Browser-Code statt des öffentlichen Schlüssels.
• Region am anderen Ende der Welt, wodurch jede Abfrage länger dauert.
• Kein Backup vor größeren Änderungen an der Datenbankstruktur.

Wann auf den Pro-Plan wechseln

Der kostenlose Plan reicht zum Lernen und für Prototypen, aber ungenutzte Projekte werden darauf pausiert. Wenn die Anwendung echte Benutzer hat, darf das Projekt nicht einschlafen, und dann ist der Pro-Plan keine Option mehr, sondern Pflicht.

Wie Sie prüfen, ob die Daten sicher sind

Nach der Anbindung der Anwendung melden Sie sich als zwei verschiedene Personen an und prüfen Sie, ob jede nur die eigenen Daten sieht. Das ist der einfachste Test, der die gefährlichsten Fehler aufdeckt. Gehen Sie auch im Dashboard die Liste der Tabellen durch und vergewissern Sie sich, dass jede im API freigegebene Tabelle aktivierte Zugriffsregeln hat. Supabase warnt im Dashboard vor Tabellen ohne diese Regeln - ignorieren Sie diese Warnungen nicht.

// weiterlesenGPT-6 Cyber findet 81 Sicherheitslücken in FirefoxNachrichtenReinforcement Learning für Lkw: Sicherheit vs. SpritverbrauchStand der KIAI-Wochenrückblick: Sicherheit, Mathematik und politische Blindheit - Woche vom 14-20 JuliStand der KI

Kinetyra