OAuth-Provider konfigurieren

Im dritten Schritt des Firebase Auth Setups konfigurierst du die OAuth-Provider für Social Login. Für jeden ausgewählten Anbieter führt dich ein geführter Wizard durch die Einrichtung.

Übersicht der Provider

Provider	Schritte	Schwierigkeit	Externe Plattform
E-Mail/Passwort	3	Einfach	Keine
Anonym	3	Einfach	Keine
Google	7	Mittel	Google Cloud Console
Apple	7	Mittel	Apple Developer Portal
Facebook	6	Mittel	Meta for Developers
Twitter/X	6	Mittel	Twitter Developer Portal
GitHub	5	Einfach	GitHub Developer Settings
Yahoo!	6	Mittel	Yahoo Developer Network
Microsoft	7	Mittel	Azure Portal

---

Automatisch vs. Manuell

Automatisch (mit Service Account)

Wenn du einen Service Account eingerichtet hast:

• E-Mail/Passwort und Anonym werden vollständig automatisch aktiviert
• Du musst nichts weiter tun
• Die Aktivierung erfolgt in wenigen Sekunden

Social Login erfordert manuelle Schritte

Für Social Login (Google, Apple, etc.) ist immer eine manuelle Konfiguration erforderlich, da du dich bei den jeweiligen Plattformen registrieren und Credentials erstellen musst.

Manuell

Ohne Service Account führt dich der geführte Wizard durch jeden Schritt:

1. Die externe Plattform wird in einem WebView in der App geöffnet
2. Klare Anweisungen zeigen dir, was zu tun ist
3. Du navigierst mit “Weiter” und “Zurück” durch die Schritte
4. Am Ende klickst du auf “Fertigstellen”

---

Basis-Provider

E-Mail/Passwort

Die klassische Anmeldung mit E-Mail-Adresse und Passwort.

1. Firebase Console öffnen

   Die Firebase Console ist nun geöffnet.

   Melde dich mit deinem Google-Konto an.

   Klicke dann unten auf “Weiter”.

2. E-Mail/Passwort Auth aktivieren

   Du bist jetzt auf der Authentication-Seite.

   • Wähle dein Projekt aus (falls nötig)
   • Navigiere zu: Authentication → Sign-in method
   • Klicke bei “E-Mail/Passwort” auf das Bearbeiten-Icon
   • Aktiviere den ersten Schalter “E-Mail/Passwort”

   Klicke dann unten auf “Weiter”.

3. Konfiguration abgeschlossen

   Perfekt! E-Mail/Passwort Auth ist jetzt aktiviert.

   Deine Nutzer können sich jetzt mit E-Mail und Passwort anmelden.

   Klicke auf “Fertigstellen” um den Wizard abzuschließen.

---

Anonym

Ermöglicht Nutzern die App ohne Registrierung zu nutzen.

1. Firebase Console öffnen

   Die Firebase Console ist nun geöffnet.

   Melde dich mit deinem Google-Konto an.

   Klicke dann unten auf “Weiter”.

2. Anonyme Auth aktivieren

   Du bist jetzt auf der Authentication-Seite.

   • Wähle dein Projekt aus (falls nötig)
   • Navigiere zu: Authentication → Sign-in method
   • Klicke bei “Anonym” auf das Bearbeiten-Icon
   • Aktiviere den Schalter
   • Klicke auf “Save”

   Klicke dann unten auf “Weiter”.

3. Konfiguration abgeschlossen

   Perfekt! Anonyme Auth ist jetzt aktiviert.

   Deine Nutzer können sich jetzt anonym anmelden, ohne E-Mail oder Passwort.

   Klicke auf “Fertigstellen” um den Wizard abzuschließen.

---

Social Login Provider

Google

Anmeldung mit dem Google-Konto. Sehr verbreitet und empfohlen für die meisten Apps.

Kosten beachten

Google erfordert eine einmalige Identitätsverifizierung für 25€, um OAuth zu nutzen.

1. In Google Cloud Console anmelden

   Die Google Cloud Console ist nun geöffnet.

   Stelle sicher, dass du mit dem richtigen Google-Konto angemeldet bist.

   Wenn du fertig bist, klicke unten auf “Weiter”.

2. Projekt auswählen oder erstellen

   Wähle dein Firebase-Projekt aus der Projekt-Liste oben.

   Falls du noch kein Projekt hast:

   • Klicke auf “Projekt erstellen”
   • Gib einen Namen ein
   • Klicke “Erstellen”

   Klicke dann unten auf “Weiter”.

3. OAuth Credentials erstellen

   Du bist jetzt auf der Credentials-Seite.

   • Klicke auf ”+ CREATE CREDENTIALS” oben
   • Wähle “OAuth client ID” aus der Liste

   Klicke dann unten auf “Weiter”.

4. Client ID konfigurieren

   Konfiguriere nun den OAuth Client:

   • Wähle “Web application”
   • Gib einen Namen ein, z.B. “My App Web Client”
   • Bei “Authorized redirect URIs” füge diese URL ein:

   https://your-project.firebaseapp.com/__/auth/handler

   Wichtig

   Ersetze your-project mit deiner Firebase Project ID!

   • Klicke auf “CREATE”

   Klicke dann unten auf “Weiter”.

5. Credentials notieren

   Perfekt! Die Credentials wurden erstellt.

   Du siehst jetzt ein Popup mit:

   • Client-ID (lange alphanumerische Zeichenkette)
   • Client-Secret (kürzere Zeichenkette)

   Du musst diese nicht hier eintragen. Im nächsten Schritt tragen wir sie direkt in Firebase ein.

   Klicke unten auf “Weiter”.

6. Zu Firebase wechseln

   Die Firebase Console wird nun geöffnet.

   Warte kurz, bis die Seite vollständig geladen ist.

   Klicke dann unten auf “Weiter”.

7. Google Auth in Firebase aktivieren

   Fast geschafft! Jetzt aktivieren wir Google Auth in Firebase:

   • Wähle dein Projekt aus (falls nötig)
   • Navigiere zu: Authentication → Sign-in method
   • Klicke bei “Google” auf das Bearbeiten-Icon
   • Aktiviere den Schalter oben
   • Trage die Client-ID und das Client-Secret aus Schritt 5 ein
   • Klicke auf “Save”

   Fertig! Google OAuth ist jetzt vollständig konfiguriert.

---

Apple

Sign in with Apple - besonders wichtig für iOS-Apps.

Pflicht bei Social Login

Wenn deine App irgendeinen Social Login anbietet (z.B. Google), muss auch Sign in with Apple angeboten werden. Das ist eine Apple App Store Richtlinie.

Voraussetzung

Du benötigst eine Apple Developer Program Mitgliedschaft (99$/Jahr).

1. Im Apple Developer Portal anmelden

   Das Apple Developer Portal ist nun geöffnet.

   Melde dich mit deinem Apple Developer Account an.

   Klicke dann unten auf “Weiter”.

2. Zu Certificates, Identifiers & Profiles navigieren

   In der linken Seitenleiste:

   • Klicke auf “Certificates, Identifiers & Profiles”
   • Wähle dann “Identifiers” aus
   • Klicke auf das blaue ”+“-Symbol oben rechts

   Klicke dann unten auf “Weiter”.

3. Service ID erstellen

   Erstelle nun eine neue Service ID:

   • Wähle “Services IDs” und klicke “Continue”
   • Gib eine Beschreibung ein, z.B. “My App Sign In”
   • Gib einen eindeutigen Identifier ein, z.B. com.myapp.signin
   • Klicke “Continue” und dann “Register”

   Klicke dann unten auf “Weiter”.

4. Sign In with Apple konfigurieren

   Konfiguriere nun Sign In with Apple:

   • Klicke auf die neu erstellte Service ID
   • Aktiviere die Checkbox bei “Sign In with Apple”
   • Klicke auf “Configure” neben dem Checkbox
   • Wähle deine Primary App ID aus
   • Füge deine Return URLs hinzu (Firebase Callback URL)
   • Klicke “Save” und dann “Continue” und “Save”

   Klicke dann unten auf “Weiter”.

5. Credentials notieren

   Notiere dir nun die wichtigen Daten:

   Wert	Beschreibung
   Service ID	z.B. com.myapp.signin
   Team ID	Findest du oben rechts in deinem Account

   Du musst diese nicht hier eintragen. Im nächsten Schritt tragen wir sie direkt in Firebase ein.

   Klicke unten auf “Weiter”.

6. Zu Firebase wechseln

   Die Firebase Console wird nun geöffnet.

   Warte kurz, bis die Seite vollständig geladen ist.

   Klicke dann unten auf “Weiter”.

7. Apple Auth in Firebase aktivieren

   Fast geschafft! Jetzt aktivieren wir Apple Auth in Firebase:

   • Wähle dein Projekt aus (falls nötig)
   • Navigiere zu: Authentication → Sign-in method
   • Klicke bei “Apple” auf das Bearbeiten-Icon
   • Aktiviere den Schalter oben
   • Trage die Service ID und Team ID aus Schritt 5 ein
   • Klicke auf “Save”

   Fertig! Apple Sign In ist jetzt vollständig konfiguriert.

---

Facebook

Anmeldung mit dem Facebook-Profil.

1. In Facebook Developers anmelden

   Die Facebook Developers Seite ist nun geöffnet.

   Melde dich mit deinem Facebook-Konto an.

   Klicke dann unten auf “Weiter”.

2. App erstellen

   Erstelle eine neue Facebook App:

   • Klicke auf “Meine Apps” oben rechts
   • Klicke auf “App erstellen”
   • Wähle “Verbraucher” als App-Typ
   • Gib einen Namen für deine App ein
   • Klicke auf “App erstellen”

   Klicke dann unten auf “Weiter”.

3. Facebook Login einrichten

   Füge Facebook Login zu deiner App hinzu:

   • Im App-Dashboard klicke auf “Produkt hinzufügen”
   • Wähle “Facebook Login” und klicke “Einrichten”
   • Wähle “Web” als Plattform

   Klicke dann unten auf “Weiter”.

4. Credentials kopieren

   Navigiere zu Einstellungen → Allgemein:

   Wert	Beschreibung
   App-ID	Deine Facebook App-ID
   App-Geheimnis	Klicke auf “Anzeigen”

   Kopiere beide Werte für den nächsten Schritt.

   Klicke unten auf “Weiter”.

5. Zu Firebase wechseln

   Die Firebase Console wird nun geöffnet.

   Warte kurz, bis die Seite vollständig geladen ist.

   Klicke dann unten auf “Weiter”.

6. Facebook Auth in Firebase aktivieren

   • Navigiere zu: Authentication → Sign-in method
   • Klicke bei “Facebook” auf das Bearbeiten-Icon
   • Aktiviere den Schalter
   • Trage App-ID und App-Geheimnis ein
   • Kopiere die OAuth-Redirect-URI
   • Klicke auf “Save”

   Wichtig: Redirect-URI eintragen

   Gehe zurück zu Facebook Developers und trage die OAuth-Redirect-URI unter Facebook Login → Einstellungen → Gültige OAuth-Redirect-URIs ein.

   Fertig! Facebook Login ist jetzt konfiguriert.

---

Twitter/X

Anmeldung mit dem Twitter/X-Account.

1. Im Twitter Developer Portal anmelden

   Das Twitter Developer Portal ist nun geöffnet.

   Melde dich mit deinem Twitter-Konto an.

   Klicke dann unten auf “Weiter”.

2. Developer Account beantragen

   Falls du noch keinen Developer Account hast:

   • Klicke auf “Sign up for Free Account”
   • Beschreibe kurz, wofür du die API nutzen möchtest
   • Akzeptiere die Developer Agreement
   • Klicke auf “Submit”

   Klicke dann unten auf “Weiter”.

3. App erstellen

   Erstelle eine neue Twitter App:

   • Gehe zu Projects & Apps → Overview
   • Klicke auf ”+ Add App”
   • Wähle einen Namen für deine App
   • Klicke “Complete”

   Klicke dann unten auf “Weiter”.

4. Credentials kopieren

   Auf der Keys and Tokens Seite findest du:

   Wert	Beschreibung
   API Key	Dein Twitter API Key
   API Key Secret	Dein API Secret

   Kopiere beide Werte für den nächsten Schritt.

   Klicke unten auf “Weiter”.

5. Zu Firebase wechseln

   Die Firebase Console wird nun geöffnet.

   Warte kurz, bis die Seite vollständig geladen ist.

   Klicke dann unten auf “Weiter”.

6. Twitter Auth in Firebase aktivieren

   • Navigiere zu: Authentication → Sign-in method
   • Klicke bei “Twitter” auf das Bearbeiten-Icon
   • Aktiviere den Schalter
   • Trage API Key und API Secret ein
   • Kopiere die Callback URL
   • Klicke auf “Save”

   Wichtig: Callback URL eintragen

   Gehe zurück zum Twitter Developer Portal und trage die Callback URL unter App Settings → User authentication settings ein.

   Fertig! Twitter Login ist jetzt konfiguriert.

---

GitHub

Anmeldung für Entwickler mit GitHub - einfach und kostenlos.

Empfehlung

GitHub Login ist besonders geeignet für Apps, die sich an Entwickler richten.

1. In GitHub Developer Settings anmelden

   Die GitHub Developer Settings sind nun geöffnet.

   Melde dich mit deinem GitHub-Konto an.

   Klicke dann unten auf “Weiter”.

2. OAuth App erstellen

   Erstelle eine neue OAuth App:

   • Klicke auf “OAuth Apps” in der linken Seitenleiste
   • Klicke auf “New OAuth App”
   • Fülle die Felder aus:
     • Application name: Name deiner App
     • Homepage URL: URL deiner App
     • Authorization callback URL: Firebase Callback URL
   • Klicke auf “Register application”

   Klicke dann unten auf “Weiter”.

3. Credentials kopieren

   Auf der App-Seite findest du:

   Wert	Beschreibung
   Client ID	Deine GitHub Client ID
   Client Secret	Klicke auf “Generate a new client secret”

   Kopiere beide Werte für den nächsten Schritt.

   Klicke unten auf “Weiter”.

4. Zu Firebase wechseln

   Die Firebase Console wird nun geöffnet.

   Warte kurz, bis die Seite vollständig geladen ist.

   Klicke dann unten auf “Weiter”.

5. GitHub Auth in Firebase aktivieren

   • Navigiere zu: Authentication → Sign-in method
   • Klicke bei “GitHub” auf das Bearbeiten-Icon
   • Aktiviere den Schalter
   • Trage Client ID und Client Secret ein
   • Kopiere die Authorization callback URL
   • Klicke auf “Save”

   Wichtig: Callback URL aktualisieren

   Gehe zurück zu GitHub und aktualisiere die Authorization callback URL in deiner OAuth App.

   Fertig! GitHub Login ist jetzt konfiguriert.

---

Yahoo!

Anmeldung mit dem Yahoo!-Account.

1. Im Yahoo Developer Network anmelden

   Das Yahoo Developer Network ist nun geöffnet.

   Melde dich mit deinem Yahoo-Konto an.

   Klicke dann unten auf “Weiter”.

2. App erstellen

   Erstelle eine neue Yahoo App:

   • Klicke auf “Create an App”
   • Wähle “Web Application”
   • Gib einen Namen für deine App ein
   • Wähle die benötigten Berechtigungen (Profile, Email)

   Klicke dann unten auf “Weiter”.

3. Redirect URI eintragen

   Trage die Firebase Callback URL ein:

   https://your-project.firebaseapp.com/__/auth/handler

   Wichtig

   Ersetze your-project mit deiner Firebase Project ID!

   Klicke dann unten auf “Weiter”.

4. Credentials kopieren

   Nach dem Erstellen siehst du:

   Wert	Beschreibung
   Client ID (App ID)	Deine Yahoo Client ID
   Client Secret	Dein Client Secret

   Kopiere beide Werte für den nächsten Schritt.

   Klicke unten auf “Weiter”.

5. Zu Firebase wechseln

   Die Firebase Console wird nun geöffnet.

   Warte kurz, bis die Seite vollständig geladen ist.

   Klicke dann unten auf “Weiter”.

6. Yahoo Auth in Firebase aktivieren

   • Navigiere zu: Authentication → Sign-in method
   • Klicke bei “Yahoo” auf das Bearbeiten-Icon
   • Aktiviere den Schalter
   • Trage Client ID und Client Secret ein
   • Klicke auf “Save”

   Fertig! Yahoo Login ist jetzt konfiguriert.

---

Microsoft

Anmeldung mit Microsoft/Outlook-Account - ideal für Business-Apps.

Business-Apps

Für Apps im Unternehmensumfeld ist Microsoft Login oft die beste Wahl.

1. Im Azure Portal anmelden

   Das Azure Portal ist nun geöffnet.

   Melde dich mit deinem Microsoft-Konto an.

   Klicke dann unten auf “Weiter”.

2. Zu Azure Active Directory navigieren

   • Klicke im linken Menü auf “Azure Active Directory”
   • Oder suche in der Suchleiste nach “Azure Active Directory”

   Klicke dann unten auf “Weiter”.

3. App-Registrierung erstellen

   • Klicke auf “App-Registrierungen” im linken Menü
   • Klicke auf ”+ Neue Registrierung”
   • Gib einen Namen für deine App ein
   • Wähle die unterstützten Kontotypen
   • Bei “Umleitungs-URI” wähle “Web” und gib die Firebase Callback URL ein
   • Klicke auf “Registrieren”

   Klicke dann unten auf “Weiter”.

4. Client Secret erstellen

   • Klicke auf “Zertifikate & Geheimnisse” im linken Menü
   • Klicke auf ”+ Neuer geheimer Clientschlüssel”
   • Gib eine Beschreibung ein
   • Wähle eine Gültigkeit
   • Klicke auf “Hinzufügen”
   • Kopiere den Wert sofort - er wird nur einmal angezeigt!

   Klicke dann unten auf “Weiter”.

5. Credentials notieren

   Navigiere zur Übersicht deiner App-Registrierung:

   Wert	Beschreibung
   Anwendungs-ID (Client-ID)	Die Client ID deiner App
   Geheimer Clientschlüssel	Der Wert aus Schritt 4

   Kopiere beide Werte für den nächsten Schritt.

   Klicke unten auf “Weiter”.

6. Zu Firebase wechseln

   Die Firebase Console wird nun geöffnet.

   Warte kurz, bis die Seite vollständig geladen ist.

   Klicke dann unten auf “Weiter”.

7. Microsoft Auth in Firebase aktivieren

   • Navigiere zu: Authentication → Sign-in method
   • Klicke bei “Microsoft” auf das Bearbeiten-Icon
   • Aktiviere den Schalter
   • Trage Client ID und Client Secret ein
   • Klicke auf “Save”

   Fertig! Microsoft Login ist jetzt vollständig konfiguriert.

---

Wichtige Hinweise

Callback URLs

Für jeden OAuth-Provider benötigst du eine Callback URL. Diese hat immer das Format:

https://[DEINE-PROJECT-ID].firebaseapp.com/__/auth/handler

Ersetze [DEINE-PROJECT-ID] mit deiner Firebase Project ID.

Provider-Status

Im Assistenten siehst du den Status aller Provider:

Symbol	Bedeutung
✓ Grün	Provider erfolgreich konfiguriert
○ Grau	Provider noch nicht konfiguriert

Der Text zeigt dir: “X von Y Provider abgeschlossen”

Konfiguration wiederholen

Du kannst jeden Provider jederzeit neu konfigurieren:

• Tippe auf “Neu konfigurieren” neben dem Provider
• Der Wizard startet erneut von vorne
• Bestehende Konfigurationen werden überschrieben

---

Fehlerbehebung

”OAuth-Provider konnte nicht aktiviert werden”

Problem: Der Provider funktioniert nicht nach der Einrichtung.

Lösungen:

• Prüfe, ob alle Schritte im Wizard korrekt durchgeführt wurden
• Stelle sicher, dass Client-ID und Secret korrekt kopiert wurden (keine Leerzeichen!)
• Überprüfe die Callback URL bei der externen Plattform
• Warte einige Minuten - manchmal dauert die Aktivierung

”Redirect URI mismatch”

Problem: Beim Login erscheint ein Fehler über nicht übereinstimmende URLs.

Lösung:

• Vergleiche die Callback URL in Firebase mit der bei der externen Plattform
• Beide müssen exakt identisch sein
• Achte auf http vs https und abschließende Schrägstriche

”Client credentials invalid”

Problem: Die Credentials werden nicht akzeptiert.

Lösungen:

• Kopiere Client-ID und Secret erneut von der externen Plattform
• Stelle sicher, dass keine Leerzeichen am Anfang oder Ende sind
• Überprüfe, ob das Secret nicht abgelaufen ist (bei Microsoft)

---

Nächste Schritte

Admin-Account erstellen Erstelle deinen ersten Administrator-Account

Zurück zur Übersicht Firebase Auth Setup Übersicht