Interaktive Medien 3 - HS2023

Block Supabase

Übersicht

00 Setup

Arbeite dich durch das Supabase Tutorial, um mit Supabase zu beginnen.

Das Tutorial besteht aus folgenden Kapiteln:

• Supabase Account erstellen
• Neues Projekt erstellen
• Mit Supabase verbinden & Verbindung testen

Link zum Supabase Tutorial

01 SQL

Dieses Kapitel enthält die Übungen zu SQL. Der SQL-Code wird direkt im Supabase-Dashboard geschrieben und nicht in einem HTML bzw. JavaScript-File.

Link zu den SQL Übungen

02 API

Dieses Kapitel enthält die gleichen Übungen wie das vorherige Kapitel. Nun wird statt mit SQL mit der Supabase-API gearbeitet. Der Code wird im JavaScript-File innerhalb des Kapitels geschrieben.

Link zu den JavaScript Übungen und Beispielen

03 Authentifizierung

Dieses Kapitel enthält die Übungen zur Authentifizierung mit Supabase. Es werden folgende Authentifizierungsmethoden angeschaut:

• Magic Link
• Email/Password

Achtung: die Authentifizierung funktioniert momentan nur, wenn die Übung auf dem Root (obersten Verzeichnis) des Servers liegt. Dort ist der entsprechende Code in der index.html Datei abgelegt und kann ein- resp. auskommentiert werden.

04 Security

Es gibt keinen Code zu diesem Thema. Bloss die Präsentation auf Moodle.

05 File Uploads

Dieses Kapitel enthält Code-Schnipsel zu File Uploads mit Supabase.

06 Boilerplate

Vorlage, zum schnellen Projektstart

1. Kopiere dies Files index.html, script.js und supabase.js in einen neuen, leeren Ordner.

2. Gib deine Supabase-Daten in der Datei supabase.js ein. Eine Anleitung, wo du diese findest, findest du im Supabase Tutorial.

3. Öffne die Datei index.html mit Live-Server.