Authentifizierung
Das Auth-Modul ermöglicht die Benutzer-Anmeldung in deiner App. Im App Builder arbeitest du mit Mock Auth (simulierte Anmeldung) — die echte Firebase-Authentifizierung wird erst beim Veröffentlichen eingerichtet.
Übersicht
Section titled “Übersicht”Das Auth-Setup besteht aus Konfigurations-Schritten (beim Modul-Setup) und automatischen Schritten (beim Veröffentlichen):
Beim Modul-Setup (jetzt)
Section titled “Beim Modul-Setup (jetzt)”Beim Veröffentlichen (später)
Section titled “Beim Veröffentlichen (später)”Setup starten
Section titled “Setup starten”- Öffne den Edit Mode in deiner App
- Gehe zu Module & Features
- Tippe auf Authentifizierung und dann auf Einrichten
- Der Setup-Assistent öffnet sich
Die Schritte im Überblick
Section titled “Die Schritte im Überblick”Schritt 1: Login-Modus wählen
Section titled “Schritt 1: Login-Modus wählen”Du legst hier einmalig fest, wann sich Nutzer in deiner App anmelden:
| Modus | Bedeutung |
|---|---|
| Optional (empfohlen) | App startet ohne Login. Anmeldung nur dort, wo sie inhaltlich nötig ist (Kommentar schreiben, Buchung abschließen, eigenes Profil, …). |
| Login beim Start | Jeder Nutzer muss sich direkt beim App-Start anmelden, bevor er die App überhaupt sieht. |
Mehr dazu: Login-Modus im Detail
Schritt 2: Auth-Methoden auswählen
Section titled “Schritt 2: Auth-Methoden auswählen”Hier wählst du, welche Anmeldemethoden in deiner App für die Endnutzer sichtbar sein sollen.
Basis-Methoden:
| Methode | Beschreibung |
|---|---|
| E-Mail/Passwort | Klassische Anmeldung mit E-Mail-Adresse und Passwort |
| Anonym | Benutzer können die App ohne Registrierung nutzen |
Social Login:
| Methode | Beschreibung |
|---|---|
| Anmeldung mit Google-Konto | |
| Apple | Sign in with Apple |
| Anmeldung mit Facebook-Profil | |
| Twitter/X | Anmeldung mit Twitter-Account |
| GitHub | Anmeldung mit GitHub-Account |
| Yahoo! | Anmeldung mit Yahoo!-Account |
| Microsoft | Anmeldung mit Microsoft/Outlook-Account |
Mehr dazu: Auth-Methoden im Detail
Schritt 3: Design-Vorlage wählen
Section titled “Schritt 3: Design-Vorlage wählen”Wähle ein Design für deine Login- und Registrierungs-Seiten aus 8 professionellen Vorlagen:
| Vorlage | Beschreibung |
|---|---|
| Modern Minimal | Sauberes, luftiges Design mit Lila-Blau-Gradient |
| Glassmorphismus | Mattglas-Effekt mit Türkis-Cyan-Gradient |
| Dark Mode Premium | Dunkles Theme mit Akzent-Rahmen |
| Clean Corporate | Professionelles Whitespace-Design |
| Gradient Hero | Mutiger Gradient mit unterer Karte |
| Split Screen | Asymmetrisches lila Gradient-Layout |
| Soft Pastel | Freundliche, sanfte Farbpalette |
| Bold & Bright | Hochenergetisches, lebendiges Design |
Mehr dazu: Design-Vorlagen
Schritt 4: Zusammenfassung
Section titled “Schritt 4: Zusammenfassung”Der letzte Schritt zeigt dir eine Übersicht aller Einstellungen. Prüfe alle Angaben und tippe auf Abschließen, um das Auth-Modul zu aktivieren.
Mock Auth im App Builder
Section titled “Mock Auth im App Builder”Im App Builder verwendest du Mock Auth — eine simulierte Anmeldung:
| Eigenschaft | Verhalten |
|---|---|
| Login | Funktioniert mit beliebigen Daten |
| Social Login | Wird simuliert (keine echte Verbindung) |
| Admin-Zugang | Automatisch verfügbar |
| Daten | Werden lokal gespeichert |
Was passiert beim Veröffentlichen?
Section titled “Was passiert beim Veröffentlichen?”Beim Veröffentlichen deiner App übernimmt der Auto-Setup-Runner automatisch:
- Auth-Methoden aktivieren — E-Mail/Passwort und Anonym werden in Firebase aktiviert
- Admin-Account anlegen — Du gibst E-Mail + Passwort im Publish Review Screen ein, der Account wird auf dem Kunden-Firebase oder dem Blocq-Fallback erzeugt (je nachdem, ob
firebase_authals Kunden-Modul aktiv ist) - OAuth-Provider — Social Login-Provider müssen manuell konfiguriert werden (erfordern Registrierung bei den Anbietern)
Mehr dazu: Admin-Account beim Veröffentlichen
Nach der Einrichtung
Section titled “Nach der Einrichtung”Nach erfolgreichem Setup im App Builder:
- Auth-Modul ist aktiviert
- Login-Modus ist gesetzt (steuert App-weit das Verhalten)
- Login-Seiten sind mit dem gewählten Design bereit
- Mock Auth erlaubt sofortiges Testen
- Die echte Firebase-Auth wird beim Veröffentlichen eingerichtet
Nächste Schritte
Section titled “Nächste Schritte”Fehlerbehebung
Section titled “Fehlerbehebung””OAuth-Provider konnte nicht aktiviert werden”
Section titled “”OAuth-Provider konnte nicht aktiviert werden””Problem: Ein Social Login funktioniert nicht.
Lösungen:
- Prüfe, ob du alle Schritte im Wizard korrekt durchgeführt hast
- Stelle sicher, dass die Credentials (Client-ID, Secret) korrekt sind
- Social Login-Provider werden erst beim Veröffentlichen aktiv
”Nutzer landet bei App-Start sofort im Login”
Section titled “”Nutzer landet bei App-Start sofort im Login””Problem: Du wolltest „optional anmelden”, siehst aber den Login direkt nach dem Splash.
Lösung: Setup → Auth-Modul deaktivieren → erneut aktivieren → im ersten Schritt „Optional (empfohlen)” wählen. Der Modus lässt sich bewusst nur im Setup setzen.