Login Google Firebase sur iOS

Copiez le prompt de configuration avec les étapes d'installation et la guide markdown complet pour ce plugin.

Introduction

Cette guide vous aidera à intégrer l'authentification Google avec l'authentification Firebase sur iOS. Je suppose que vous avez déjà terminé la configuration Firebase Google générale.

Étapes de configuration

Allez dans votre vue d'ensemble de projet sur console.cloud.google.com
Cliquez sur le Add app bouton

Il est possible que vous deviez chercher ici pour ce bouton. Cela s'applique uniquement si vous avez déjà créé une application différente dans la Console Firebase.
Sélectionner iOS
Remplissez la première partie du formulaire
1. Remplissez le Apple bundle ID
  1. Ouvrez Xcode à votre application en utilisant npx cap open ios
  2. Double-cliquez sur App
  3. Assurez-vous d'être sur Targets -> App
  4. Trouvez votre Bundle Identifier
    L'ID affiché ici diffèrera de celui que j'utiliserai pour le reste de ce guide. J'utiliserai app.capgo.plugin.SocialLogin pour le reste de ce guide.
  5. Copiez le Bundle Identifier et collez-le dans la console Firebase
2. Cliquez sur le Register app bouton
Passer à la suite Download config file étape
Ignorer l' Add firebase SDK étape
Ignorer l' Add initialization code étape
Cliquez sur le Continue to console bouton
Obtenez votre ID client iOS et votre YOUR_DOT_REVERSED_IOS_CLIENT_ID
1. Allez à la console Google Cloud à console.cloud.google.com
2. Trouvez votre projet
  1. Cliquez sur le sélecteur de projet
  2. Recherchez votre projet en utilisant le nom exact de votre projet Firebase et cliquez dessus. Dans mon cas, il s'agit de sociallogin-tutorial-app.
3. Ouvrez la barre de recherche et ouvrez credentials
  1. Ouvrez la barre de recherche
  2. Recherchez credentials et cliquez dessus APIs and Services un (le numéro 2 sur l'écran d'affichage)
4. Cliquez sur le iOS client for [YOUR_APP_ID] (auto created by Google Service) un. Dans mon cas, c'est sociallogin-tutorial-app.
5. Copiez le Client ID ainsi que le iOS URL scheme. Cela sera respectivement votre iOSClientId et YOUR_DOT_REVERSED_IOS_CLIENT_ID.
  
  Vous passerez par le iOSClientId dans la méthode du plugin, tandis que vous utiliserez le initialize dans le YOUR_DOT_REVERSED_IOS_CLIENT_ID fichier de votre application, comme expliqué dans la partie suivante de ce guide. Info.plist Identifiant client iOS de Google Cloud Console Credentials Copier
Retournez au console Firebase et allez à
1. Menu d'authentification Firebase Build -> Authentication
2. bouton Sign-in method bouton d'authentification Firebase Sign-in
3. bouton d'authentification Firebase Sign-in Google fournisseur
4. Cliquez sur le Web SDK configuration bouton
5. Copiez le Web client ID. Cela sera votre webClientId dans le initialize méthode du plugin.
Modifiez les informations de votre application Info.plist
1. Ouvrez Xcode et trouvez le Info.plist fichier
2. Cliquez avec le bouton droit sur ce fichier et ouvrez-le en tant que source code
3. En bas de votre Plist fichier, vous verrez un </dict> tag
4. Insérez le fragment suivant juste avant le tag de fermeture </dict> Fichier Info.plist avec les schémas de URL __CAPGO_KEEP_0__ insérés avant le tag de fermeture
```
<key>CFBundleURLTypes</key>
<array>
<dict>
  <key>CFBundleURLSchemes</key>
  <array>
    <string>YOUR_DOT_REVERSED_IOS_CLIENT_ID</string>
  </array>
</dict>
</array>
<key>GIDClientID</key>
<string>YOUR_IOS_CLIENT_ID.apps.googleusercontent.com</string>
```
5. Changer la YOUR_DOT_REVERSED_IOS_CLIENT_ID à la valeur copiée dans l'étape 9 (le schéma d'URL iOS)
  
  S'assurer que cette valeur COMMENCE par com.googleusercontent.apps
Changer la YOUR_IOS_CLIENT_ID à l'ID Client iOS que vous avez copié dans l'étape 9
Enregistrer le fichier avec Command + S

Modifier le AppDelegate.swift

Ouvrez le fichier AppDelegate
Insérer import GoogleSignIn en haut du fichier
Trouvez la func application(_ app: UIApplication, open url: URL, options: [UIApplication.OpenURLOptionsKey: Any] = [:]) fonction

Modifiez la fonction pour qu'elle ressemble à ceci

func application(_ app: UIApplication, open url: URL, options: [UIApplication.OpenURLOptionsKey: Any] = [:]) -> Bool {
    // Called when the app was launched with a url. Feel free to add additional processing here,
    // but if you want the App API to support tracking app url opens, make sure to keep this call

    var handled: Bool

    handled = GIDSignIn.sharedInstance.handle(url)
    if handled {
      return true
    }

    return ApplicationDelegateProxy.shared.application(app, open: url, options: options)
}

La fonction d'ouverture d'application modifiée avec prise en charge de GoogleSignIn

Enregistrez le fichier avec Command + S

Utiliser l'authentification Google dans votre application

À ce stade, vous êtes prêt à utiliser l'authentification Google dans votre application. Veuillez utiliser le fichier __CAPGO_KEEP_0__ pour vous authentifier avec Google.

Le compte utilisateur sera créé automatiquement dans Firebase Auth lors de la première connexion

Section de dépannage

Vérifiez que

__CAPGO_KEEP_0__ idToken correspond à l'ID client Firebase web
Vérifiez que l'authentification Google est activée dans le console Firebase
Assurez-vous que le fichier Info.plist contient les schémas URL corrects et l'ID client GID
Vérifiez iOSServerClientId correspond à votre ID du client web
Examinez l'application d'exemple code en tant que référence

Si vous utilisez Firebase Google Login on iOS pour planifier l'authentification et les flux de compte, connectez-le avec En utilisant @capgo/capacitor-social-login pour la capacité native dans En utilisant @capgo/capacitor-social-login, @capgo/capacitor-social-login pour les détails d'implémentation dans @capgo/capacitor-social-login, @capgo/capacitor-passkey pour les détails d'implémentation dans @capgo/capacitor-passkey, @capgo/capacitor-native-biometric pour les détails d'implémentation dans @capgo/capacitor-native-biometric, et Authentification à deux facteurs pour les détails d'implémentation dans Authentification à deux facteurs.