Firebase Google Login auf iOS

Einen Setup-Befehl mit den Installations-Schritten und der vollständigen Markdown-Guideline für diesen Plugin kopieren.

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.

Einrichtungsschritte

Gehe zu Ihrem Projektübersicht über bei console.cloud.google.com
Klicken Sie auf den Add app Schaltfläche

Es ist möglich, dass Sie hier nach diesem Button suchen müssen. Dies gilt nur, wenn Sie bereits eine andere App im Firebase-Konsolen erstellt haben.
Wählen Sie iOS
Füllen Sie die erste Teil des Formulars
1. Füllen Sie den Apple bundle ID
  1. Öffnen Sie Xcode in Ihrem App-Projekt npx cap open ios
  2. Doppelklicken Sie auf App
  3. Stellen Sie sicher, dass Sie auf Targets -> App
  4. Finden Sie Ihr Bundle Identifier
    Der hier angezeigte ID wird sich von der ID 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 das Bundle Identifier und fügen Sie es in die Firebase-Konsole ein
2. Klicken Sie auf den Register app Schaltfläche
Überspringen Sie die Download config file Schritt
Überspringen Sie die Add firebase SDK Schritt
Überspringen Sie die Add initialization code Schritt
Klicken Sie auf die Continue to console Schaltfläche
Ermitteln Sie Ihren iOS-Kunden-ID und Ihren YOUR_DOT_REVERSED_IOS_CLIENT_ID
1. Gehen Sie zu Google Cloud Console bei 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 an 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 das APIs and Services das (Zahl 2 auf dem Screenshot)
4. Klicken Sie auf das iOS client for [YOUR_APP_ID] (auto created by Google Service) das. In meinem Fall ist es sociallogin-tutorial-app.
5. Kopieren Sie Client ID ebenso wie die iOS URL scheme. Dies wird jeweils Ihre iOSClientId und YOUR_DOT_REVERSED_IOS_CLIENT_ID.
  
  Sie werden den iOSClientId übergeben, während Sie den initialize Methoden des Plugins verwenden, während Sie den YOUR_DOT_REVERSED_IOS_CLIENT_ID übergeben, in dem Info.plist Datei Ihres Apps, wie im nächsten Teil dieser Anleitung erläutert.
Ermitteln Sie Ihren Webclient-IDs
1. Zurück zur Firebase-Konsole und gehen Sie zu Build -> Authentication
2. Klicken Sie auf den Sign-in method Schaltfläche
3. Klicken Sie auf den Google Anbieter
4. Klicken Sie auf den Web SDK configuration Button
5. Kopieren Sie Web client ID. Dies wird Ihr webClientId in der initialize Art der Plugin-Methode sein.
Ihre App’s Info.plist anpassen
1. Öffnen Sie Xcode und finden Sie das Info.plist Datei
2. Recht klicken Sie auf diese Datei und öffnen Sie sie als Quelle code
3. Am unteren Ende Ihrer Plist Datei sehen Sie ein </dict> Zeichen
4. Einfügen Sie den folgenden Fragment vor dem schließenden </dict> Tag
```
<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 das YOUR_DOT_REVERSED_IOS_CLIENT_ID auf den Wert, der in Schritt 9 (dem iOS-URL-Schema) kopiert wurde
  
  Stellen Sie sicher, dass dieser Wert MIT beginnt com.googleusercontent.apps
Ändern Sie das YOUR_IOS_CLIENT_ID auf den iOS-Client-ID-Wert, den 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 Anwendungsoffene URL-Funktion mit GoogleSignIn-Verwaltung

Speichern Sie das Datei mit Command + S

Verwenden Sie den Google-Login in Ihrer App

Bei diesem Schritt sind Sie bereit, den 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

Schwierigkeiten beim Einloggen

Wenn die Authentifizierung hängt oder fehlschlägt:

Überprüfen Sie, ob die idToken Zielgruppe Ihren Firebase-Web-Client-IDs entspricht
Überprüfen Sie, ob Google Sign-In in der Firebase-Konsole aktiviert ist
Stellen Sie sicher, dass Info.plist die richtigen URL-Schemas und GIDClientID enthält
Überprüfen iOSServerClientId stimmt mit Ihrem Webclient-Id überein
Überprüfen Sie das Beispiel-App code zur Referenz

Wenn Sie Firebase Google Login auf iOS verwenden um die Authentifizierung und die Kontenflüsse zu planen, verbinden Sie es mit Firebase Google Login auf iOS Mit @capgo/capacitor-social-login zur nativen Fähigkeit in Mit @capgo/capacitor-social-login, @capgo/capacitor-social-login zur Implementierungsdetail in @capgo/capacitor-social-login, @capgo/capacitor-passkey zur Implementierungsdetail in @capgo/capacitor-passkey, @capgo/capacitor-native-biometric zur Implementierungsdetail in @capgo/capacitor-native-biometric, und Zwei-Faktor-Authentifizierung zur Implementierungsdetail in Zwei-Faktor-Authentifizierung.