Saltare alla navigazione principale

@capgo/capacitor-login-social

Tutti i login social in un plugin.

@capgo/capacitor-social-login è il plugin di autenticazione sociale tuttofare per Web, iOS e Android.

Esegue:

  • Google Sign-In con Android Credential Manager
  • Accedi con Apple, incluso OAuth su Android
  • Facebook Login con il corrente Facebook SDK
  • Twitter/X attraverso OAuth 2.0
  • Provideri OAuth2 e OIDC generici, inclusi GitHub, Microsoft Entra ID, Auth0, Okta, Keycloak e altri server conformi

È anche il percorso di migrazione Capgo per le app che passano da Ionic Appflow Social Login o Ionic Auth Connect.

Questo plugin è iniziato come una forchetta di @codetrix-studio/capacitor-google-authIl pacchetto originale è effettivamente archiviato, quindi Capgo mantiene questo plugin come sostituto supportato.

Se stai ancora utilizzando @codetrix-studio/capacitor-google-auth segui le istruzioni del guida di migrazione Google Auth legacy.

Se stai migrando da Ionic Auth Connect, utilizza il wrapper integrato per il SocialLoginAuthConnect e auth0, azure, cognito, oktaSe stai migrando da Ionic Appflow Social Login, utilizza il wrapper integrato per il onelogin provider names:

Versione del pluginCompatibilità CapacitorMantentuto
v8.xv8.x
v7.xv7.xA richiesta
v6.xv6.xNo
v5.xv5.xNo

La versione maggiore di questo plugin segue la versione maggiore di Capacitor. Ad esempio, utilizzare plugin v8 con Capacitor 8. Solo la versione maggiore più recente è attivamente mantenuta.

Guarda un demo veloce della configurazione e del flusso di accesso del plugin in azione.

  • initialize - Inizializza il plugin.
  • login - Accedi con il provider selezionato.
  • logout - Disconnetti.
  • isLoggedIn - IsLoggedIn.
MetodoDescrizione
initializeAvvia il plugin.
loginAccedi con il provider selezionato.
logoutEsci.
isLoggedInÈ effettuata l'accesso.
getAuthorizationCodeOttieni l'autorizzazione corrente code.
refreshRinnova il token di accesso.
refreshTokenAiuto per il rinnovo del token di accesso OAuth2 per il provider OAuth2 integrato.
handleRedirectCallbackWeb solo: gestisci la chiamata di callback OAuth e restituisci il risultato elaborato.
decodeIdTokenDecodifica un JWT (tipicamente un token ID OIDC) nelle sue affermazioni.
getAccessTokenExpirationDateConverti un timestamp di scadenza del token di accesso (millisecondi dal momento di inizio dell'era attuale) in una stringa di data ISO.
isAccessTokenAvailableControlla se è disponibile un token di accesso (non vuoto).
isAccessTokenExpiredControlla se un token di accesso è scaduto.
isRefreshTokenAvailableVerifica se è disponibile un token di aggiornamento (non vuoto).
providerSpecificCallEsegui chiamate specifiche del provider.
getPluginVersionOttieni la versione nativa del plugin Capacitor.
openSecureWindowOpens a secured window for OAuth2 authentication. For web, you should have the code in the redirected page to use a broadcast channel to send the redirected url to the app Something like: html <html> <head></head> <body> <script> const searchParams = new URLSearchParams(location.search) if (searchParams.has("code")) { new BroadcastChannel("my-channel-name").postMessage(location.href); window.close(); } </script> </body> </html> Per il web, dovresti avere il __CAPGO_KEEP_0__ nella pagina di reindirizzamento per utilizzare un canale di trasmissione per inviare l'URL di reindirizzamento all'app. Qualcosa come: myapp://oauth_callback/ Per i dispositivi mobili, dovresti avere un URI di reindirizzamento che apre l'app, qualcosa come: xml <key>CFBundleURLTypes</key> <array> <dict> <key>CFBundleURLSchemes</key> <array> <string>myapp</string> </array> </dict> </array> E assicurati di registrarlo nell'info.plist dell'app: xml <activity> <intent-filter> <action android:name="android.intent.action.VIEW" /> <category android:name="android.intent.category.DEFAULT" /> <category android:name="android.intent.category.BROWSABLE" /> <data android:host="oauth_callback" android:scheme="myapp" /> </intent-filter> </activity> .

E nel file AndroidManifest.xml:

Fonte di Verità

Sottosezione intitolata “Fonte di Verità” src/definitions.ts Questa referenza è sincronizzata da capacitor-social-login.

Se stai utilizzando @capgo/capacitor-login-social per pianificare l'autenticazione e le flussi di account, connettilo con Utilizza @capgo/capacitor-login-social per la capacità nativa in Utilizza @capgo/capacitor-login-social, @capgo/capacitor-passkey per il dettaglio di implementazione in @capgo/capacitor-passkey, @capgo/capacitor-biometric-nativo per il dettaglio di implementazione in @capgo/capacitor-biometric-nativo, Autenticazione a due fattori per i dettagli di implementazione in due fattori di autenticazione, e SSO (aziendale) per i dettagli di implementazione in SSO (aziendale).