Firebase Google Login auf iOS

GitHub

Eine Einrichtungsvorschlag mit den Installationsanweisungen 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 abgeschlossen haben. Hinweis.

Abschnitt mit dem Titel „Einrichtungsschritte“

Gehe zu deiner Projektübersicht auf console.cloud.google.com
Klicke auf den Add app Button

Es ist möglich, dass du hier nach diesem Button suchen musst. Dies gilt nur, wenn du bereits eine andere App in der Firebase-Konsole erstellt hast.
Wähle iOS
Füllen Sie die erste Teil des Formulars
1. Füllen Sie Apple bundle ID
  1. Öffnen Sie Xcode für Ihr App 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.
  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 Sie den Download config file Schritt
Überspringen Sie den Add firebase SDK Schritt
den Add initialization code Schritt
Auf den Continue to console Button
Ermitteln Sie Ihren iOS-Kunden-ID und Ihre 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 genau nach dem Namen Ihres Firebase-Projekts und klicken Sie darauf. In meinem Fall ist es sociallogin-tutorial-app.
3. Öffnen Sie die Suchleiste und öffnen credentials
  1. Öffnen Sie die Suchleiste
  2. Suchen Sie nach credentials und klicken Sie auf das APIs and Services eine (Zahl 2 auf dem Screenshot)
4. Klicken Sie auf das iOS client for [YOUR_APP_ID] (auto created by Google Service) eine. In meinem Fall ist es sociallogin-tutorial-app.
5. Kopieren Sie Client ID sowie die iOS URL schemeDies wird jeweils Ihre iOSClientId und YOUR_DOT_REVERSED_IOS_CLIENT_ID.
  
  Sie werden den iOSClientId im initialize Methode der Plugin, während Sie den YOUR_DOT_REVERSED_IOS_CLIENT_ID im Info.plist Datei Ihres Apps, wie im nächsten Teil dieser Anleitung erläutert.
Ermitteln Sie Ihren Webclient-IDs
1. Gehen Sie zurück in die Firebase-Konsole und gehen Sie zu Build -> Authentication
2. Klicken Sie auf den Sign-in method Firebase-Anmeldemethode-Button
3. Anbieter Google Firebase-Anmeldemethode-Cloud-Provider
4. Button Web SDK configuration Firebase-Anmeldemethode Google-Provider
5. Kopieren Sie den Web client IDDies wird Ihr webClientId in der initialize Methode des Plugins.
Ändern Sie die Info.plist-Datei Ihres Apps
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. Unten an deiner Plist Datei siehst du ein </dict> Tag
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. Ändere den YOUR_DOT_REVERSED_IOS_CLIENT_ID zu dem Wert, der in Schritt 9 (dem iOS-URL-Schema) kopiert wurde
  
  Stellen Sie sicher, dass dieser Wert STARTS 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 File mit Command + S

Ändern Sie den 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 openURL-Funktion mit GoogleSignIn-Handling

Speichern Sie das Datei mit Command + S

Mit dem Google-Login in Ihrer App arbeiten

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

Fehlerbehebung

Wenn die Authentifizierung hängt oder fehlschlägt:

Überprüfen Sie, ob die idToken Zielgruppe Ihren Firebase-Webclient-Id entspricht
Stellen Sie sicher, dass Google Sign-In in Firebase Console aktiviert ist
Stellen Sie sicher, dass Info.plist die korrekten URL-Schemes und GIDClientID enthält
Überprüfen Sie, ob iOSServerClientId Ihre Zielgruppe Ihren Webclient-Id entspricht
Überprüfen Sie das Beispiel-App code für Referenz

Wenn Sie Firebase Google Login auf iOS für die Planung der Authentifizierung und der Kontenflüsse verwenden Using @capgo/capacitor-social-login 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 @capgo/capacitor-native-biometrische für die Implementierungsdetails in @capgo/capacitor-native-biometrische, und Zwei-Faktor-Authentifizierung für die Implementierungsdetails in Zwei-Faktor-Authentifizierung.