Firebase Google Login auf Android

Einleitung

Diese Anleitung hilft Ihnen, 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 noch keinen Android-App in der Firebase-Konsole erstellt haben. Wenn Sie das getan haben, werden Ihre Schritte leicht abweichen.

Einrichtungs-Schritte

1. Gehen Sie zu Ihrem Projektüberblick auf console.cloud.google.com

   

2. Klicken Sie auf das Add app Schaltfläche

   

   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 in der Firebase-Konsole

      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 verwenden

      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-Fingerprint

   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 ausführen Sie ./gradlew signInReport

      

   2. Rollen Sie nach oben zu diesem Befehl. Sie sollten Folgendes sehen. Kopieren Sie 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-Einrichtungsleitfadens die Computern 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 LESEN SIE DEN GOOGLE-LOGIN-ANDROID-EINRICHTUNGSLEITFADEN um sie richtig zu bekommen.

10. Fügen Sie die SHA1 zum Firebase-Projekt hinzu

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

11. Holen Sie sich Ihren Web-Client-Id

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

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 dieser Anleitung TECHNICHEL bereit, Google Sign-In mit Firebase Authentication auf Android zu verwenden. Es wird jedoch empfohlen, die Einrichtung im Google Cloud Console noch einmal zu überprüfen, wie in der nächsten Schritt beschrieben.

Überprüfen Sie die Einrichtung im Google Cloud Console

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

1. Gehe zu console.cloud.google.com

2. Finde dein Projekt

   1. Klicke auf den Projektselector
   2. Suche nach deinem Projekt unter der genauen Namen deines Firebase-Projekts und klicke darauf. In meinem Fall ist es sociallogin-tutorial-app.

3. Öffne die Suchleiste und öffne credentials

   1. Öffne die Suchleiste
   2. Suche nach credentials und klicke auf APIs and Services eine (Zahl 2 auf dem Screenshot)

4. Stellen Sie sicher, dass Sie sowohl die Android- als auch die Web-Anmeldedaten in der Liste sehen.

   

   Achtung

   Wenn Sie nicht beide Android- und Web-Anmeldedaten 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-Anmeldedaten 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 neu erstellen.

5. Stellen Sie sicher, dass die Android-Anmeldedaten korrekt in der Firebase-Konsole konfiguriert sind.

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

6. Stellen Sie sicher, dass der Webclient-Id korrekt in der Firebase-Konsole konfiguriert ist.

   1. Klicken Sie auf den Web Anwendung
   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-Einrichtungshandbuch.

Willkommen! Sie sind jetzt bereit, Google Sign-In mit Firebase Authentication auf Android zu verwenden.

Problemlösung

Wenn die Authentifizierung hängt oder fehlschlägt:

• Überprüfen Sie, ob die Zielgruppe mit Ihrem Firebase-Web-Client-ID übereinstimmt idToken Stellen Sie sicher, dass Google Sign-In in Firebase Console aktiviert ist
• Stellen Sie sicher, dass die SHA-1-Fingerabdruck korrekt konfiguriert ist
• Überprüfen Sie das
• Beispiel-App __CAPGO_KEEP_0__ example app code Fortsetzen Sie mit Firebase Google Login auf Android

Problemlösung

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 Zweifaktor-Authentifizierung für die Implementierungsdetails in Zweifaktor-Authentifizierung.