Firebase Google Login auf Android

Einführung

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 Ihr Android-App noch nicht im Firebase-Konsolen erstellt haben. Wenn Sie es getan haben, werden Ihre Schritte leicht abweichen.

Einrichtungs-Schritte

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

   

2. Klicken Sie auf die 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 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 Verzeichnis Ihrer App befinden und android Terminal zeigt gradlew signInReport-Befehl an ./gradlew signInReport

      

   2. protectedTokens SHA1.

      

   Hinweis

   Für den Rest dieses Leitfadens verwende ich eine leicht abweichende SHA1, da ich seit der Erstellung des Originalleitfadens für die Google-Anmeldeseite für Android 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 LESEN SIE DEN LEITFADEN ZUR GOOGLE-ANMELDUNG FÜR ANDROID 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. 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.

    Hinweis

    Ich empfehle Ihnen, die authenticateWithGoogle Hilfsfunktion, die im authUtils.ts Datei des Beispielprojekts verfügbar ist.

Sie sind jetzt TECHNICHELL bereit, Google Sign-In mit Firebase Authentication auf Android zu verwenden. Ich empfehle jedoch, 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

Um sicherzustellen, dass die Konfiguration korrekt ist, sollten Sie die Konfiguration 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 Zwei (Zahl 2 auf dem Screenshot)

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

   

   Vorsicht

   Wenn Sie weder die Android- noch die Web-Anmelde-ID in der Liste sehen, haben Sie beim Einrichten einen Fehler 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, eine Android-Anmelde-ID 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 die Android-Anmelde-ID korrekt in der Firebase-Konsole konfiguriert ist.

   1. Klicken Sie auf den Android Anwendung
   2. Bestätigen Sie, dass die SHA1-HASH korrekt konfiguriert ist und dass sie der im vorherigen Schritt kopierten entspricht.

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

   1. Klicken Sie auf die Web Anwendung
   2. Bestätigen Sie, dass die Client-ID der im vorherigen Schritten kopierten entspricht.

   Hinweis

   Bitte ignorieren Sie die restlichen Einstellungen der Webclient. Wir werden dies im Web-Einrichtungsleitfaden besprechen.

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

Fehlertreiber

Wenn die Authentifizierung hängt oder fehlschlägt:

• Überprüfen Sie, ob die Zielgruppe mit Ihrem Firebase-Webclient-Id übereinstimmt idToken Stellen Sie sicher, dass Google Sign-In in Firebase Console aktiviert ist
• Stellen Sie sicher, dass die SHA-1-Fingerprint korrekt konfiguriert ist
• Überprüfen Sie das Beispiel-App __CAPGO_KEEP_0__
• zur Referenz example app code __CAPGO_KEEP_0__

__CAPGO_KEEP_0__

Wenn Sie Firebase Google Login auf Android zur Planung der Authentifizierung und der Kontoflows verwenden, verbinden Sie es mit Verwenden Sie @capgo/capacitor-social-login für die native Fähigkeit in Verwenden Sie @capgo/capacitor-social-login Verwenden Sie @capgo/capacitor-social-login für die Implementierungsdetails in @capgo/capacitor-social-login Verwenden Sie @capgo/capacitor-passkey für die Implementierungsdetails in @capgo/capacitor-passkey Verwenden Sie @capgo/capacitor-native-biometric für die Implementierungsdetails in @capgo/capacitor-native-biometric und Zweifaktor-Authentifizierung für die Implementierungsdetails in Zweifaktor-Authentifizierung.