Firebase Google Login auf Android

Einführung

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

Hinweis

Ich gehe davon aus, dass Sie Ihr Android-App noch nicht im Firebase-Konsolen erstellt haben. Wenn Sie es bereits getan haben, werden Ihre Schritte leicht abweichen.

Einrichtungsanweisungen

1. Gehen Sie zu Ihrem Projektübersicht über bei console.cloud.google.com

   

2. Klicken Sie auf das Add app Knopf

   

   Hinweis

   Es ist möglich, dass Sie hier nach dieser Schaltfläche suchen müssen. Dies gilt nur, wenn Sie bereits eine andere App im Firebase-Konsolen erstellt haben.

   

3. Auswählen Android

   

4. Füllen Sie die erste Teil des Formulars

   1. Füllen Sie Android package name
      1. Öffnen Sie Android Studio in Ihrem App npx cap open android
      2. Am unteren Ende des Navigators finden Sie Gradle Scripts
      3. Finden build.gradle für das Modul app
      4. Kopieren Sie das android.defaultConfig.applicationIdDies wird Ihr package name im Firebase-Konsolen

      Hinweis

      Die hier angezeigte ID unterscheidet sich von der, die ich für den Rest dieses Leitfadens verwenden werde. Ich werde app.capgo.plugin.SocialLogin für den Rest dieses Leitfadens.

      5. Fügen Sie es in die Firebase-Konsole ein
   2. Klicken Sie auf den Register app Knopf

5. Überspringen Sie den Download and then add config file Schritt

   

6. Überspringen Sie den Add firebase SDK Schritt

   

7. Klicken Sie auf den Continue to console Button

   

8. Wenn Sie nicht automatisch angemeldet werden, gehen Sie zu settings -> general -> your apps -> finden Sie Ihr Android-App und klicken Sie darauf

   

9. Holen Sie sich Ihren SHA1-Fingerabdruck

   Folgen Sie den Schritten 10-11 aus der Google-Login-Android-Einrichtungsanleitung:

   1. Öffnen Sie nun das Terminal. Stellen Sie sicher, dass Sie sich im android Ordner Ihrer App befinden und das Kommando ./gradlew signInReport

      

   2. Rollen Sie nach oben zu diesem Befehl. Sie sollten Folgendes sehen. Kopieren Sie das SHA1.

      

   Hinweis

   Für den Rest dieses Leitfadens verwende ich eine leicht abweichende SHA1, da ich seit der Erstellung des ursprünglichen Google-Login-Android-Einstellungsleitfadens meine Rechenanlagen geändert habe.

   Vorsicht

   Die SHA1 ist sehr wichtig, um sie richtig zu bekommen. Wenn Sie Fehler machen, wird die Authentifizierung auf ungewöhnliche Weise fehlschlagen. Bitte READ THE GOOGLE LOGIN ANDROID EINSTELLUNGSLEITFADEN um sie richtig zu bekommen.

10. Die SHA1 zur Firebase-Projekt hinzufügen

    1. Klicken Sie auf den Add fingerprint Schaltfläche
    2. Fügen Sie den SHA1-Wert ein, den Sie im vorherigen Schritt kopiert haben
    3. Klicken Sie auf den Save Button

11. Holen Sie sich Ihren Webclient-Id

    1. Gehe 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 IDDies wird Ihr webClientId in der initialize Methode der Plugin.
    

12. Verwenden Sie die Web Client ID in JS.

    Anmerkung

    Es wird empfohlen, die authenticateWithGoogle hilfreiche Funktion, die in der authUtils.ts Datei des Beispielprojekts verfügbar ist.

Zum Zeitpunkt, an dem Sie diese Anleitung lesen, sind Sie TECHNICHEL bereit, Google Sign-In mit Firebase Authentication auf Android zu verwenden. Es wird jedoch empfohlen, die Konfiguration im Google Cloud Console noch einmal zu überprüfen, wie in der nächsten Schritt beschrieben.

Überprüfen Sie die Konfiguration im Google Cloud Console noch einmal

Um sicherzustellen, dass die Konfiguration korrekt ist, sollten Sie die Konfiguration im Google Cloud Console noch einmal überprüfen.

1. Zu console.cloud.google.com

2. Ihre Projekt finden

   1. Auf den Projektselector klicken
   2. Suchen Sie nach Ihrem Projekt unter der genauen Projektname Ihrer Firebase-App 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. Nach credentials und klicken Sie auf APIs and Services Zwei (Zahl 2 auf dem Screenshot)

4. Stellen Sie sicher, dass Sie sowohl den Android- als auch den Web-Client-IDs in der Liste sehen.

   

   Vorsicht

   Wenn Sie nicht beide Client-IDs in der Liste sehen, haben Sie einen Fehler in der Einrichtung gemacht. Bitte gehen Sie zurück und überprüfen Sie Ihre Schritte.

   Es ist auch möglich, und es ist mir passiert, dass Sie bereits die Android-SHA1-HASH mit der gleichen App-ID in einem anderen Projekt hinzugefügt haben. Dies wird dazu führen, dass Firebase nicht in der Lage ist, einen Android-Client-IDs zu erstellen. In diesem Fall müssen Sie die SHA1 aus dem anderen Projekt sowie auf Firebase (mit dem Firebase-Console, um die Android-App zu entfernen) entfernen und sie auf Firebase neu erstellen.

5. Stellen Sie sicher, dass der Android-Client-IDs korrekt in der Firebase-Konsole konfiguriert ist.

   1. Klicken Sie auf den Android Anwendung
   2. Stellen Sie sicher, dass der SHA1-Hash korrekt konfiguriert ist und dass er mit dem übereinstimmt, den Sie in den vorherigen Schritten kopiert haben.

6. Überprüfen Sie, dass der Webclient-Id korrekt in der Firebase-Konsole konfiguriert ist.

   1. Klicken Sie auf den Web App
   2. Stellen Sie sicher, dass der Client-Id mit dem übereinstimmt, den Sie in den vorherigen Schritten kopiert haben.

   Hinweis

   Bitte ignorieren Sie die restlichen Einstellungen des Webclients. Wir werden dies im Web-Setup-Leitfaden besprechen.

Jetzt bist du bereit, Google Sign-In mit Firebase Authentication auf Android zu verwenden!

Schwierigkeiten beim Einrichten

Wenn die Authentifizierung hängt oder fehlschlägt:

• Überprüfe, ob die Zielgruppe mit deinem Firebase-Webclient-Id übereinstimmt idToken Überprüfe, ob Google Sign-In in Firebase Console aktiviert ist
• Stelle sicher, dass die SHA-1-Fingerprint korrekt konfiguriert ist
• Überprüfe das
• Beispiel-App __CAPGO_KEEP_0__ example app code Fortsetze mit Firebase Google Login auf Android

Beispiel-App __CAPGO_KEEP_0__

Wenn Sie Firebase Google Login auf Android verwenden Firebase Google Login auf Android um die Authentifizierung und die Kontenflüsse zu planen, verbinden Sie es mit Verwenden Sie @capgo/capacitor-social-login Verwenden Sie @capgo/capacitor-social-login für die native Fähigkeit in Verwenden Sie @capgo/capacitor-social-login @capgo/capacitor-social-login Verwenden Sie @capgo/capacitor-social-login für die Implementierungsdetails in @capgo/capacitor-social-login @capgo/capacitor-passkey Verwenden Sie @capgo/capacitor-passkey für die Implementierungsdetails in @capgo/capacitor-passkey @capgo/capacitor-native-biometric Verwenden Sie @capgo/capacitor-native-biometric für die Implementierungsdetails in @capgo/capacitor-native-biometric Zwei-Faktor-Authentifizierung Zur Implementierungsdetail in Zwei-Faktor-Authentifizierung.