Passer au contenu

@capgo/capacitor-social-login

Tous les connecteurs de réseaux sociaux en un plugin.

@capgo/capacitor-social-login est le plugin d'authentification sociale omnicanal pour Web, iOS et Android.

Cela implémente :

  • L'inscription Google avec le gestionnaire de crédit Android
  • S'inscrire avec Apple, y compris OAuth sur Android
  • L'inscription Facebook avec le Facebook SDK actuel
  • Twitter/X via OAuth 2.0
  • Les fournisseurs OAuth2 et OIDC génériques, y compris GitHub, Microsoft Entra ID, Auth0, Okta, Keycloak et autres serveurs conformes

C'est également la voie de migration Capgo pour les applications en train de passer de Ionic Appflow Social Login ou Ionic Auth Connect.

Ce plugin a commencé comme une branche de @codetrix-studio/capacitor-google-auth Le paquet d'origine est effectivement archivé, donc Capgo maintient ce plugin comme la remplaçante prise en charge.

Si vous utilisez toujours @codetrix-studio/capacitor-google-auth, suivez le guide de migration de l'authentification Google legacy.

Si vous migrez depuis Ionic Auth Connect, utilisez le SocialLoginAuthConnect wrapper intégré pour le auth0, azure, cognito, okta, et les noms de fournisseurs : onelogin Guide de migration d'Auth Connect

Version du pluginCompatibilité CapacitorEntretenu
v8.xv8.xOui
v7.xv7.xSur demande
v6.xv6.xNon
v5.xv5.xNon

La version majeure de ce plugin suit la version majeure de Capacitor. Par exemple, utilisez le plugin v8 avec Capacitor 8. Seule la dernière version majeure est activement maintenue.

Regardez une démo rapide de la configuration et de la connexion du plugin en action.

  • initialize - Initialiser le plugin.
  • login - Se connecter avec le fournisseur sélectionné.
  • logout - Se déconnecter.
  • isLoggedIn - IsLoggedIn.
MéthodeDescription
initializeInitialiser le plugin.
loginSe connecter avec le fournisseur sélectionné.
logoutSe déconnecter.
isLoggedInIsLoggedIn.
getAuthorizationCodeObtenez l'autorisation actuelle code.
refreshRafraîchir le jeton d'accès.
refreshTokenAssistant de jeton de rafraîchissement OAuth2 pour le fournisseur OAuth2 intégré.
handleRedirectCallbackSeulement web : gérer l'appel de rappel de redirection OAuth et retourner le résultat analysé.
decodeIdTokenDécodez un JWT (généralement un jeton ID OIDC) en ses revendications.
getAccessTokenExpirationDateConvertissez un timestamp d'expiration de jeton d'accès (millisecondes depuis l'époque) en une chaîne de date ISO.
isAccessTokenAvailableVérifiez si un jeton d'accès est disponible (non vide).
isAccessTokenExpiredVérifiez si un jeton d'accès est expiré.
isRefreshTokenAvailableVérifiez si un jeton de rafraîchissement est disponible (non vide).
providerSpecificCallExécutez des appels spécifiques au fournisseur.
getPluginVersionObtenez la version native du plugin Capacitor.
openSecureWindowOuvrez une fenêtre sécurisée pour l'authentification OAuth2. Pour le web, vous devriez avoir le code dans la page redirigée pour utiliser un canal de diffusion pour envoyer l'URL redirigée vers l'application. Exemple : 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> Pour les appareils mobiles, vous devez avoir une URI de redirection qui ouvre l'application, quelque chose comme : myapp://oauth_callback/ Et assurez-vous de l'enregistrer dans l'info.plist de l'application : xml <key>CFBundleURLTypes</key> <array> <dict> <key>CFBundleURLSchemes</key> <array> <string>myapp</string> </array> </dict> </array> Et dans le fichier 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> .

Cette référence est synchronisée à partir de src/definitions.ts dans capacitor-connexion sociale.

Continuez d'ici à @capgo/capacitor-connexion sociale

Section intitulée “Continuez d'ici à @capgo/capacitor-connexion sociale”

Si vous utilisez @capgo/capacitor-connexion sociale pour planifier l'authentification et les flux de compte, connectez-le avec En utilisant @capgo/capacitor-login-social pour la capacité native dans En utilisant @capgo/capacitor-login-social, @capgo/capacitor-passkey pour le détail d'implémentation dans @capgo/capacitor-passkey, @capgo/capacitor-biométrique-natif pour le détail d'implémentation dans @capgo/capacitor-biométrique-natif, L'authentification à deux facteurs pour le détail d'implémentation dans L'authentification à deux facteurs, et SSO (Entreprise) pour le détail d'implémentation dans SSO (Entreprise).