Zum Hauptinhalt springen
@capgo/capacitor-firebase-authentication Authentifizierung & Sicherheit Open Source

Firebase Authentication Capacitor Plugin

Capacitor Plugin für Firebase Authentication

Installieren

bun add @capgo/capacitor-firebase-authentication bunx cap sync
npm, pnpm oder yarn
  • npm install @capgo/capacitor-firebase-authentication
  • pnpm add @capgo/capacitor-firebase-authentication
  • yarn add @capgo/capacitor-firebase-authentication

Anleitung

Firebase Authentication in Capacitor nutzen

Verwendung von @capgo/capacitor-firebase-authentication

Capacitor Plugin für Firebase Authentication

Installieren

bun add @capgo/capacitor-firebase-authentication
bunx cap sync

bunx cap sync kopiert den nativen code des Plugins in deine nativen Projekte. Nach jedem Plugin-Upgrade erneut ausführen.

Importieren

import { FirebaseAuthentication } from '@capgo/capacitor-firebase-authentication';

API auf einen Blick

Methode Beschreibung
applyActionCode Wendet einen Verifizierungs-code an, den der Nutzer per E-Mail erhalten hat.
confirmPasswordReset Schließt den Passwort-Reset ab.
confirmVerificationCode Schließt die Telefonnummer-Verifizierung ab.
createUserWithEmailAndPassword Erstellt ein neues Benutzerkonto mit E-Mail und Passwort. Wenn das Konto erfolgreich erstellt wurde, wird der Benutzer automatisch angemeldet.
deleteUser Löscht den Benutzer und meldet ihn ab.
fetchSignInMethodsForEmail Ruft die Anmeldemethoden für eine E-Mail-Adresse ab.
getCurrentUser Ruft den aktuell angemeldeten Benutzer ab.
getPendingAuthResult Gibt den SignInResult falls deine App einen Web-Sign-in-Flow gestartet hat und das OS die App im Hintergrund beendet.
getIdToken Ruft das Firebase Auth ID Token für den aktuell angemeldeten Benutzer ab.
getIdTokenResult Gibt ein deserialisiertes JSON Web Token (JWT) zurück, mit dem der Benutzer gegenüber einem Firebase-Service identifiziert wird.
getRedirectResult Gibt den SignInResult aus dem redirect-basierten Sign-in-Flow.
getTenantId Tenant-ID abrufen.
isSignInWithEmailLink Prüft, ob ein eingehender Link ein für den Sign-in per E-Mail-Link geeigneter Link ist signInWithEmailLink.
linkWithApple Verknüpft das Benutzerkonto mit dem Apple Authentication Provider.
linkWithEmailAndPassword Verknüpft das Benutzerkonto mit dem E-Mail-Authentifizierungsanbieter.
linkWithEmailLink Verknüpft das Benutzerkonto mit dem E-Mail-Authentifizierungsanbieter.
linkWithFacebook Verknüpft das Benutzerkonto mit dem Facebook Authentication Provider.
linkWithGameCenter Verknüpft das Benutzerkonto mit dem Game Center Authentication Provider.
linkWithGithub Verknüpft das Benutzerkonto mit dem GitHub Authentication Provider.
linkWithGoogle Verknüpft das Benutzerkonto mit dem Google Authentication Provider.
linkWithMicrosoft Verknüpft das Benutzerkonto mit dem Microsoft Authentication Provider.
linkWithOpenIdConnect Verknüpft das Benutzerkonto mit einem OpenID-Connect-Provider.
linkWithPhoneNumber Verknüpft das Benutzerkonto mit dem Phone-Number-Authentication-Provider.
linkWithPlayGames Verknüpft das Benutzerkonto mit dem Play Games Authentication Provider.
linkWithTwitter Verknüpft das Benutzerkonto mit dem Twitter Authentication Provider.
linkWithYahoo Verknüpft das Benutzerkonto mit dem Authentifizierungsanbieter Yahoo.
reload Lädt die Benutzerkontodaten neu, falls angemeldet.
revokeAccessToken Widerruft den angegebenen Access Token. Derzeit werden nur Apple OAuth Access Tokens unterstützt.
sendEmailVerification Sendet eine Verifizierungs-E-Mail an den aktuell angemeldeten Benutzer.
sendPasswordResetEmail Sendet eine E-Mail zum Zurücksetzen des Passworts.
sendSignInLinkToEmail Sendet einen Link zum Anmelden per E-Mail an die angegebene E-Mail-Adresse des Benutzers.
setLanguageCode Legt die Sprache code für Auth-Operationen fest.
setPersistence Legt die Art der Persistenz für die aktuelle Auth-Session fest.
setTenantId Legt die Tenant-ID fest.
signInAnonymously Meldet als anonymer Benutzer an.
signInWithApple Startet den Apple-Sign-in-Flow.
signInWithCustomToken Startet den Custom-Token-Sign-in-Flow.
signInWithEmailAndPassword Startet den Sign-in-Flow mit E-Mail und Passwort.
signInWithEmailLink Meldet per E-Mail und Sign-in-Link an.
signInWithFacebook Startet den Facebook Sign-in-Flow.
signInWithGameCenter Startet den Game Center Sign-in-Flow.
signInWithGithub Startet den GitHub Sign-in-Flow.
signInWithGoogle Startet den Google Sign-in-Flow.
signInWithMicrosoft Startet den Microsoft Sign-in-Flow.
signInWithOpenIdConnect Startet den OpenID Connect Sign-in-Flow.
signInWithPhoneNumber Startet den Sign-in-Flow per Telefonnummer.
signInWithPlayGames Startet den Play Games Sign-in-Flow.
signInWithTwitter Startet den Twitter Sign-in-Flow.
signInWithYahoo Startet den Yahoo Sign-in-Flow.
signOut Startet den Sign-out-Flow.
unlink Entkoppelt einen Provider vom Benutzerkonto.
updateEmail Aktualisiert die E-Mail-Adresse des aktuell angemeldeten Benutzers.
updatePassword Aktualisiert das Passwort des angemeldeten Users.
updateProfile Aktualisiert die Profildaten eines Benutzers.
useAppLanguage Setzt die für Nutzer sichtbare Sprache code als Standardsprache der App.
useEmulator Instrumentiere deine App für die Kommunikation mit dem Authentication-Emulator.
verifyBeforeUpdateEmail Verifiziert die neue E-Mail-Adresse, bevor die E-Mail-Adresse des aktuell angemeldeten Benutzers aktualisiert wird.
checkAppTrackingTransparencyPermission Prüft den aktuellen Status der App Tracking Transparency.
requestAppTrackingTransparencyPermission Öffnet den Systemdialog, um App Tracking Transparency zu autorisieren.

Beispiele

applyActionCode()

Wendet einen Verifizierungs-code an, den der Nutzer per E-Mail erhalten hat.

import { FirebaseAuthentication } from '@capgo/capacitor-firebase-authentication';

await FirebaseAuthentication.applyActionCode({ oobCode: 'oob-code' });

confirmPasswordReset()

Schließt den Passwort-Reset ab.

import { FirebaseAuthentication } from '@capgo/capacitor-firebase-authentication';

await FirebaseAuthentication.confirmPasswordReset({
  oobCode: 'oob-code',
  newPassword: 'new-password',
});

confirmVerificationCode()

Schließt die Telefonnummer-Verifizierung ab.

import { FirebaseAuthentication } from '@capgo/capacitor-firebase-authentication';

const result = await FirebaseAuthentication.confirmVerificationCode({
  verificationId: 'phoneCodeSent',
  verificationCode: 'phoneCodeSent',
});
// The result holds sensitive values: use it without logging it.

createUserWithEmailAndPassword()

Erstellt ein neues Benutzerkonto mit E-Mail und Passwort. Wenn das Konto erfolgreich erstellt wurde, wird der Benutzer automatisch angemeldet.

import { FirebaseAuthentication } from '@capgo/capacitor-firebase-authentication';

const result = await FirebaseAuthentication.createUserWithEmailAndPassword({
  email: 'user@example.com',
  password: 'password',
});
// The result holds sensitive values: use it without logging it.

deleteUser()

Löscht den Benutzer und meldet ihn ab.

import { FirebaseAuthentication } from '@capgo/capacitor-firebase-authentication';

await FirebaseAuthentication.deleteUser();

fetchSignInMethodsForEmail()

Ruft die Anmeldemethoden für eine E-Mail-Adresse ab.

import { FirebaseAuthentication } from '@capgo/capacitor-firebase-authentication';

const result = await FirebaseAuthentication.fetchSignInMethodsForEmail({ email: 'user@example.com' });
console.log(result);

Die obige Tabelle listet die 59 Kernmethoden auf. Listener- und Version-Helper sowie der vollständige Contract jeder Methode sind in der GitHub Repository.

Events abonnieren

addListener gibt ein Handle zurück. Rufe handle.remove() auf, wenn der Screen unmountet, oder FirebaseAuthentication.removeAllListeners() auf, um alle Listener zu entfernen.

Vollständige Referenz

Weiter geht's mit Using @capgo/capacitor-firebase-authentication

Wenn du es nutzt Nutzung von @capgo/capacitor-firebase-authentication Um Authentifizierungs- und Account-Flows zu planen, verbinde es mit @capgo/capacitor-social-login für die Implementierungsdetails in @capgo/capacitor-social-login, @capgo/capacitor-passkey für die Implementierungsdetails in @capgo/capacitor-passkey, @capgo/capacitor-native-biometric für die Implementierungsdetails in @capgo/capacitor-native-biometric, Zwei-Faktor-Authentifizierung für die Implementierungsdetails zur Zwei-Faktor-Authentifizierung, und SSO (Enterprise) für die Implementierungsdetails zu SSO (Enterprise).

FAQ

Firebase Authentication Plugin FAQ

Wie installiere ich das Firebase Authentication Plugin in einer Capacitor App?

Führe "bun add @capgo/capacitor-firebase-authentication" (oder "npm install @capgo/capacitor-firebase-authentication") aus und danach "bunx cap sync", damit die iOS- und Android-Projekte das native code übernehmen. Importiere es in deiner App code aus "@capgo/capacitor-firebase-authentication".

Funktioniert @capgo/capacitor-firebase-authentication mit React, Vue und Angular?

Ja. Firebase Authentication ist ein Capacitor Package und funktioniert daher mit jedem Web-Framework, das in Capacitor läuft, einschließlich Ionic, React, Vue, Angular, Svelte und reinem JavaScript.

Welche Capacitor Version wird von @capgo/capacitor-firebase-authentication unterstützt?

Capgo Plugins folgen der Major-Version von Capacitor: Nutze die Plugin-Major-Version, die zu deiner Capacitor Major-Version passt (z. B. Plugin v8 bei Capacitor 8). Die Kompatibilitätstabelle im GitHub README listet die gepflegten Versionen auf.

Ist @capgo/capacitor-firebase-authentication kostenlos und Open Source?

Ja. Der code Quellcode ist auf GitHub unter https://github.com/Cap-go/capacitor-firebase/tree/main/packages/authentication öffentlich einsehbar und das Package kann kostenlos via npm installiert werden. Bug-Reports und Pull Requests sind willkommen.

Kann ich code mit Firebase Authentication ohne App Store Review aktualisieren?

Die Installation oder ein Upgrade des Plugins ändert den nativen code, weshalb ein neuer Store-Build nötig ist. Danach können JavaScript-, HTML- und CSS-Änderungen, die das Plugin aufrufen, sofort per Capgo Live Updates ausgeliefert werden.

Firebase Authentication-Änderungen ausrollen, ohne auf den App-Review zu warten

Sobald das Plugin in deinem Store-Build ist, bringt Capgo mit Live-Updates deine JavaScript-, HTML- und CSS-Änderungen in Minuten zu den Nutzern.

Starte mit Capgo