Firebase Google Login auf iOS

GitHub

Kopieren Sie einen Setup-Vorschlag mit den Installationsanweisungen und der vollständigen Markdown-Anleitung für diesen Plugin.

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. Ich gehe davon aus, dass Sie bereits die allgemeine Firebase Google-Einrichtung abgeschlossen haben..

Setup-Schritte

Gehen Sie zu Ihrem Projektüberblick über bei console.cloud.google.com
Klicken Sie 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 in Ihrem App-Verzeichnis npx cap open ios
  2. Doppelklicken Sie auf App
  3. Stellen Sie sicher, dass Sie sich im Targets -> App
  4. Finden Sie Ihren Bundle Identifier
    Der hier angezeigte ID wird sich von der unterscheiden, die ich für den Rest dieses Leitfadens verwenden werde. Ich werde app.capgo.plugin.SocialLogin für den Rest dieses Leitfadens verwenden.
  5. Kopieren Sie den Bundle Identifier und fügen Sie ihn in das Firebase-Konsolenfeld ein
2. Klicken Sie auf den Register app Button
Überspringen Sie den Download config file Schritt
Überspringen Sie den Add firebase SDK Schritt
Überspringen Sie den Add initialization code Schritt
Klicken Sie auf den Continue to console Button
Erhalten Sie Ihren iOS-Kundenidentifikator und Ihren YOUR_DOT_REVERSED_IOS_CLIENT_ID
1. Zum Google Cloud Console wechseln unter console.cloud.google.com
2. Finden Sie Ihr Projekt
  1. Klicken Sie auf den Projektselector
  2. Suchen Sie Ihr Projekt nach dem genauen Namen Ihres Firebase-Projekts und klicken Sie darauf. In meinem Fall ist es sociallogin-tutorial-app.
3. Öffnen Sie die Suchleiste und öffnen Sie credentials
  1. Öffnen Sie die Suchleiste
  2. Suchen Sie nach credentials und klicken Sie auf den APIs and Services eine (Nummer 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. Die Client ID ebenso wie die iOS URL scheme. Dies wird jeweils Ihr iOSClientId und YOUR_DOT_REVERSED_IOS_CLIENT_ID.
  
  Sie werden den iOSClientId in der initialize Methode des Plugins, während Sie den YOUR_DOT_REVERSED_IOS_CLIENT_ID in der Info.plist Datei Ihres Apps verwenden, wie im nächsten Teil dieser Anleitung erläutert.
Ihre Webclient-ID erhalten
1. Zurück zur Firebase-Konsole und gehen Sie zu Build -> Authentication
2. Klicken Sie auf den Sign-in method Button
3. Klicken Sie auf den Google Anbieter
4. Klicken Sie auf den Web SDK configuration Schaltfläche
5. Kopieren Sie den Web client ID. Dies wird Ihr webClientId in der initialize Methode des Plugins.
Ändern Sie die Info.plist Ihrer App
1. Open Xcode und finden Sie das Info.plist datei
2. Recht klicken Sie auf diese Datei und öffnen Sie sie als Quellcode code
3. Am Ende Ihrer Plist datei, sehen Sie eine </dict> Schlagwort
4. Einsetzen Sie den folgenden Fragment vor der schließenden </dict> Schlagwort
```
<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 mit com.googleusercontent.apps
Ändern Sie den YOUR_IOS_CLIENT_ID auf den iOS-Client-ID, den Sie in Schritt 9 kopiert haben
Speichern Sie das Datei mit Command + S

Ändern Sie das AppDelegate.swift

Öffnen Sie das AppDelegate
Einfügen import GoogleSignIn am Anfang der Datei
Finden Sie das 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 Anwendung öffnet die URL-Funktion mit GoogleSignIn-Handling

Speichern Sie das 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 automatisch in Firebase Auth erstellt, wenn er sich zum ersten Mal anmeldet

Fehlerbehebung

Wenn die Authentifizierung hängt oder fehlschlägt:

Überprüfen Sie, ob idToken die Zielgruppe mit Ihrer Firebase-Web-Client-ID übereinstimmt
Stellen Sie sicher, dass Google Sign-In in Firebase Console aktiviert ist
Stellen Sie sicher, dass Info.plist die richtigen URL-Schemas und GIDClientID enthält
Überprüfen Sie iOSServerClientId entspricht 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 Kontoflows verwenden, verbinden Sie es mit Mit @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-social-login Using @capgo/capacitor-social-login für die native Fähigkeit in @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.