Saltare al contenuto

@capgo/capacitor-login-social

Tutti i login social in un unico 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-auth. Il pacchetto originale è effettivamente archiviato, quindi Capgo mantiene questo plugin come sostituto supportato.

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

Se stai migrando da Ionic Auth Connect, utilizza il wrapper integrato per il SocialLoginAuthConnect , e auth0, azure, cognito, okta, and onelogin provider nomi:

Versione del pluginCapacitor compatibilitàMantentuto
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 il 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 - Esci.
  • isLoggedIn - IsLoggedIn.
MetodoDescrizione
initializeInizializza il plugin.
loginAccedi con il provider selezionato.
logoutEsci.
isLoggedInIsLoggedIn.
getAuthorizationCodeOttieni l'autorizzazione corrente code.
refreshRinnova il token di accesso.
refreshTokenAiuta il rinnovo del token di accesso OAuth2 per il provider OAuth2 integrato.
handleRedirectCallbackSolo web: gestisci la chiamata di callback OAuth e restituisci il risultato elaborato.
decodeIdTokenDecodifica un JWT (tipicamente un token ID OIDC) nelle sue affermazioni.
getAccessTokenExpirationDateConverte un timestamp di scadenza del token di accesso (millisecondi dal epoch) 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à

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

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