Firebase Google Login auf iOS

GitHub

Ein Setup-Vorschlag mit den Installationsanweisungen und der vollständigen Markdown-Anleitung für diesen Plugin kopieren.

Introduction

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

Setup-Schritte

Gehe zu deinem Projektüberblick auf Firebase-Projektübersicht
Firebase-App-Hinzufügen-Button 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.
Wählen Sie iOS
Erstellen Sie die erste Teil des Formulars
1. Erfüllen Sie Apple bundle ID
  1. Öffnen Sie Xcode in Ihrem App-Projekt npx cap open ios
  2. Klicken Sie zweimal auf App
  3. Stellen Sie sicher, dass Sie sich im Targets -> App
  4. Finden Sie Ihren Bundle Identifier
    Die hier angezeigte ID unterscheidet sich von der, die ich im 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 Button
Überspringen Sie Download config file Schritt
Überspringen Sie Add firebase SDK Schritt
Überspringen Sie Add initialization code Schritt
Klicken Sie auf den Continue to console Button
Erhalten Sie Ihre iOS-Kunden-ID und Ihre YOUR_DOT_REVERSED_IOS_CLIENT_ID
1. Gehen Sie zum Google Cloud Console bei console.cloud.google.com
2. Finden Sie Ihr Projekt
  1. Klicken Sie auf den Projektselector
  2. Suchen Sie nach Ihrem Projekt durch den 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 Nummer 2 auf dem Screenshot
4. Klicken Sie auf den iOS client for [YOUR_APP_ID] (auto created by Google Service) Nummer 1. In meinem Fall ist es sociallogin-tutorial-app.
5. Kopieren Sie Client ID ebenso die iOS URL scheme. This will be respectively your iOSClientId und YOUR_DOT_REVERSED_IOS_CLIENT_ID.
  
  Sie werden den iOSClientId im initialize den Methode der Plugin, während Sie den YOUR_DOT_REVERSED_IOS_CLIENT_ID im Info.plist Datei von Ihrem App, wie in der nächsten Teil dieser Anleitung erklärt wird.
Erhalten Sie Ihren Web Client ID
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 Schaltfläche
5. Kopieren Sie den Web client ID. This will be your webClientId in der initialize Methode der Plugin
Ändern Sie die Info.plist 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. Am unteren Ende Ihrer Plist Datei sehen Sie eine </dict> tag
4. Einfügen Sie den folgenden Fragment vor der 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 den YOUR_DOT_REVERSED_IOS_CLIENT_ID auf den Wert, den Sie in Schritt 9 (dem iOS-URL-Schema) kopiert haben
  
  Stellen Sie sicher, dass dieser Wert BEGINNT mit com.googleusercontent.apps
Ändern Sie den YOUR_IOS_CLIENT_ID zum iOS-Client-ID, die Sie in Schritt 9 kopiert haben
Speichern Sie das Datei mit Command + S

Den Modifizieren AppDelegate.swift

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

Ändern Sie die Funktion so, dass 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)
}

Die modifizierte Anwendung öffnet die URL-Funktion mit GoogleSignIn-Handling

Speichern Sie das Datei mit Command + S

Verwenden Sie den Google-Login in Ihrer App

Sie sind jetzt 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 das erste Mal anmeldet

Troubleshooting

If authentication hangs or fails:

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

Wenn Sie Firebase Google Social Login verwenden Firebase Google Login auf iOS um Authentifizierungs- und Account-Flüsse zu planen, verbinden Sie es mit Mit @capgo/capacitor-social-login für die native Fähigkeit in Verwendung von @capgo/capacitor-social-login, @capgo/capacitor-Social-Login für die Implementierungsdetail in @capgo/capacitor-social-login, @capgo/capacitor-Passkey für die Implementierungsdetail in @capgo/capacitor-passkey, @capgo/capacitor-native-biometrisch für die Implementierungsdetail in @capgo/capacitor-native-biometric, und Zwei-Faktor-Authentifizierung für die Implementierungsdetail in Zwei-Faktor-Authentifizierung.