Saltare al contenuto

@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 generali, 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-authsegui le istruzioni del guida di migrazione Auth Google legacy.

Se stai migrando da Ionic Auth Connect, utilizza il wrapper integrato per il SocialLoginAuthConnect e segui le istruzioni del auth0, azure, cognito, oktaguida di migrazione Auth Google legacy onelogin provider nomi:

Versione del pluginCompatibilità CapacitorMantenne
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.
logoutDisconnetti.
isLoggedInEsegui il login.
getAuthorizationCodeOttieni l'autorizzazione corrente code.
refreshRinnova il token di accesso.
refreshTokenAiuto per il rinnovo del token OAuth2 per il provider OAuth2 integrato.
handleRedirectCallbackSolo web: gestisci la chiamata di callback di OAuth e restituisci il risultato elaborato.
decodeIdTokenDecodifica un JWT (tipicamente un token ID OIDC) nelle sue dichiarazioni.
getAccessTokenExpirationDateConverti un timestamp di scadenza del token di accesso (millisecondi dal epoch) in una stringa di data ISO.
isAccessTokenAvailableVerifica se è disponibile un token di accesso (non vuoto).
isAccessTokenExpiredVerifica se un token di accesso è scaduto.
isRefreshTokenAvailableControlla se è disponibile un token di aggiornamento (non vuoto).
providerSpecificCallEsegui chiamate specifiche del provider.
getPluginVersionOttieni la versione nativa del plugin Capacitor.
openSecureWindowApre una finestra protetta per l'autenticazione OAuth2. Per il web, dovresti avere il code nella pagina di reindirizzamento per utilizzare un canale di broadcast per inviare l'URL di reindirizzamento all'app. Qualcosa come: 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 i dispositivi mobili, dovresti avere un URI di reindirizzamento che apre l'app, qualcosa come: myapp://oauth_callback/ E assicurati di registrarlo nel file info.plist dell'app: xml <key>CFBundleURLTypes</key> <array> <dict> <key>CFBundleURLSchemes</key> <array> <string>myapp</string> </array> </dict> </array> E nel file AndroidManifest.xml: 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> .

Questa referenza è sincronizzata da src/definitions.ts in capacitor-social-login.

Se stai utilizzando @capgo/capacitor-social-login per pianificare l'autenticazione e le flussi di account, connettilo con Utilizzando @capgo/capacitor-social-login per la capacità nativa in Utilizzando @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, L'autenticazione a due fattori per i dettagli di implementazione in due fattori di autenticazione, e SSO (azienda) per i dettagli di implementazione in SSO (azienda).