Firebase Google Login auf iOS

GitHub

Einen Setup-Befehl mit den Installationsanweisungen und der vollständigen Markdown-Anleitung für diesen Plugin erstellen.

Einführung

Diese Anleitung hilft Ihnen, Google Sign-In mit Firebase Authentication auf iOS zu integrieren. Ich gehe davon aus, dass Sie bereits die allgemeine Firebase Google-Einrichtung abgeschlossen haben. allgemeine Firebase Google-Einrichtung.

Setup-Schritte

Gehe zu deinem Projektüberblick auf console.cloud.google.com
Klicke auf den Add app Button

Es ist möglich, dass Sie hier nach diesem Button suchen müssen. Dies gilt nur, wenn Sie bereits eine andere App im Firebase Console erstellt haben.
Auswählen iOS
Füllen Sie die erste Teil des Formulars
1. Füllen Sie Apple bundle ID
  1. Öffnen Sie Xcode für Ihr Projekt npx cap open ios
  2. Doppelklicken Sie auf App
  3. Stellen Sie sicher, dass Sie sich im Targets -> App
  4. Finden Sie Ihr Bundle Identifier
    Der hier angezeigte ID wird sich von der ID unterscheiden, die ich für den Rest der Anleitung verwenden werde. Ich werde app.capgo.plugin.SocialLogin für den Rest der Anleitung verwenden.
  5. Kopieren Sie den Bundle Identifier und fügen Sie ihn in der Firebase-Konsole ein
2. Klicken Sie auf den Register app Button
Überspringen Download config file Schritt
Überspringen Sie den Add firebase SDK Schritt
Überspringen Sie den Add initialization code Schritt
Klicken Sie auf die Continue to console Schaltfläche
Holen Sie sich Ihren iOS-Kundenidentifikator und Ihren YOUR_DOT_REVERSED_IOS_CLIENT_ID
1. Gehe zu Google Cloud Console bei console.cloud.google.com
2. Finde dein Projekt
  1. Klicke auf den Projektselector
  2. Suche nach deinem Projekt unter der genauen Namen deines Firebase-Projekts und klicke darauf. In meinem Fall ist es sociallogin-tutorial-app.
3. Öffne die Suchleiste und öffne credentials
  1. Öffne die Suchleiste
  2. Suche nach credentials und klicke darauf APIs and Services eine (Zahl 2 auf dem Screenshot)
4. Klicken Sie auf den iOS client for [YOUR_APP_ID] (auto created by Google Service) eine. In meinem Fall ist es sociallogin-tutorial-app.
5. Kopieren Sie den Client ID ebenso wie den iOS URL schemeDies wird jeweils Ihr iOSClientId und YOUR_DOT_REVERSED_IOS_CLIENT_ID.
  
  Sie werden die iOSClientId in der initialize Methode des Plugins, während Sie das YOUR_DOT_REVERSED_IOS_CLIENT_ID in der Info.plist Datei Ihres Apps, wie im nächsten Teil dieser Anleitung beschrieben.
Holen Sie sich Ihren Webclient-ID
1. Gehen Sie zurück zum Firebase-Konsolen und gehen Sie zu Build -> Authentication
2. Klicken Sie auf den Sign-in method Firebase-Authentifizierung-Anmeldemethode-Button
3. Authentifizierungsmethode-Button Google Anbieter
4. Klicken Sie auf den Web SDK configuration Button
5. Kopieren Sie den Web client ID. Dies wird Ihr webClientId im initialize Methode des Plugins.
Ändern Sie die Info.plist Ihres Apps
1. Öffnen Sie Xcode und finden Sie das Info.plist Datei
2. Rechtsklick auf diese Datei und öffnen Sie sie als Quelltext code
3. Unten an Ihrer Plist Datei sehen Sie ein </dict> Tag
4. Fügen Sie den folgenden Fragment vor dem Schließen des Schlüsselwort-Tags ein </dict> Info.plist mit URL-Schemata __CAPGO_KEEP_0__ eingeschlossen vor dem Schließen des Schlüsselwort-Tags
```
<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. Ändern Sie den YOUR_DOT_REVERSED_IOS_CLIENT_ID auf den in Schritt 9 kopierten Wert (die iOS-URL-Scheme)
  
  Stellen Sie sicher, dass dieser Wert MIT STARTEN mit com.googleusercontent.apps
Ändern Sie den YOUR_IOS_CLIENT_ID auf den iOS-Client-ID, die Sie in Schritt 9 kopiert haben
Speichern Sie das Datei mit Command + S

Ändern Sie die AppDelegate.swift

Öffnen Sie das AppDelegate
Einfügen import GoogleSignIn am Anfang der Datei
Finden Sie die func application(_ app: UIApplication, open url: URL, options: [UIApplication.OpenURLOptionsKey: Any] = [:]) Funktion

Ändern Sie die Funktion, damit sie wie folgt aussieht

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)
}

Modifizierte AnwendungsopenURL-Funktion mit GoogleSignIn-Handling

Speichern Sie die Datei mit Command + S

Mit dem Google-Login in Ihrer App verwenden

Sie sind jetzt bereit, das Google-Login in Ihrer App zu verwenden. Bitte verwenden Sie das authUtils.ts Datei der Beispiel-App, um mit Google zu authentifizieren.

Der Benutzer wird bei der ersten Anmeldung automatisch in Firebase Auth erstellt

Schwierigkeitsfälle

Wenn die Authentifizierung hängt oder fehlschlägt:

Überprüfen Sie, ob idToken die Zielgruppe mit Ihrem Firebase-Web-Client-ID übereinstimmt
Stellen Sie sicher, dass Google Sign-In in Firebase Console aktiviert ist
Stellen Sie sicher, dass Info.plist die korrekten URL-Schemas und GIDClientID enthält
Überprüfen iOSServerClientId passt Ihrem Web-Client-ID
Überprüfen Sie das Beispiel-App code zur Referenz

Wenn Sie Firebase Google Login auf iOS zur Planung der Authentifizierung und Kontenflüsse verwenden Verbinden Sie es mit Mit @capgo/capacitor-social-login für die native Fähigkeit in Mit @capgo/capacitor-social-login, @capgo/capacitor-social-login für die Implementierungsdetails in @capgo/capacitor-social-login @capgo/capacitor-passkey für die Implementierungsdetails in @capgo/capacitor-passkey @capgo/capacitor-native-biometric für die Implementierungsdetails in @capgo/capacitor-native-biometric und Zwei-Faktor-Authentifizierung für die Implementierungsdetails in Zwei-Faktor-Authentifizierung.