Zum Hauptinhalt springen
@capgo/capacitor-social-login Authentifizierung & Sicherheit Open Source

Social Login Capacitor Plugin

Nutzer mit Google, Facebook und Apple Sign-In authentifizieren – für einfachen Social Login

Installieren

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

Anleitung

Social Login in Capacitor nutzen

@capgo/capacitor-social-login verwenden

Alle Social Logins in einem Plugin für Web, iOS und Android. Unterstützt Google, Apple, Facebook, Twitter/X sowie generische OAuth2/OIDC-Provider wie GitHub, Microsoft Entra ID, Auth0, Okta und Keycloak.

Installieren

npm install @capgo/capacitor-social-login
npx cap sync

Was dieses Plugin bereitstellt

  • initialize - Plugin initialisieren.
  • login - Mit dem gewählten Provider einloggen.
  • logout - Ausloggen.
  • isLoggedIn - IsLoggedIn.

Anwendungsbeispiel

initialize

Plugin initialisieren.

import { SocialLogin } from '@capgo/capacitor-social-login';

await SocialLogin.initialize({ telegram: { botId: '123456789' } });

login

Mit dem gewählten Provider einloggen.

import { SocialLogin } from '@capgo/capacitor-social-login';

const result = await SocialLogin.login({
  provider: 'facebook',
  options: { permissions: ['permission'] },
});
// The result holds sensitive values: use it without logging it.

logout

Ausloggen.

import { SocialLogin } from '@capgo/capacitor-social-login';

await SocialLogin.logout({} as {
    provider: 'apple' | 'google' | 'facebook' | 'twitter' | 'oauth2';
    providerId?: string;
  });

isLoggedIn

IsLoggedIn.

import { SocialLogin } from '@capgo/capacitor-social-login';

const result = await SocialLogin.isLoggedIn({ provider: 'apple' });
console.log(result);

Vollständige Referenz

Weiter mit @capgo/capacitor-social-login

Wenn du es nutzt @capgo/capacitor-social-login verwenden Um Authentifizierungs- und Account-Flows zu planen, verbinde es mit @capgo/capacitor-social-login für die Implementierungsdetails in @capgo/capacitor-social-login, Erste Schritte für die Implementierungsdetails in Erste Schritte, @capgo/capacitor-passkey für die Implementierungsdetails in @capgo/capacitor-passkey, @capgo/capacitor-native-biometric für die Implementierungsdetails in @capgo/capacitor-native-biometric, und Zwei-Faktor-Authentifizierung für die Implementierungsdetails zur Zwei-Faktor-Authentifizierung.

FAQ

Social Login Plugin FAQ

Wie installiere ich das Social Login Plugin in einer Capacitor App?

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

Funktioniert @capgo/capacitor-social-login mit React, Vue und Angular?

Ja. Social Login 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-social-login 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-social-login kostenlos und Open Source?

Ja. Der code Code ist öffentlich auf GitHub unter https://github.com/Cap-go/capacitor-social-login/ einsehbar und das Package kann kostenlos via npm installiert werden. Bug-Reports und Pull Requests sind willkommen.

Kann ich code mit Social Login aktualisieren, ohne ein App Store Review zu durchlaufen?

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.

Social-Login-Änderungen deployen, 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