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 Firebase Google allgemeine Einrichtung

Anmerkung

Zu diesem Zweck werde ich davon ausgehen, dass Sie Ihr Android-App in der Firebase-Konsole noch nicht erstellt haben. Wenn Sie bereits eine erstellt haben, werden Ihre Schritte leicht abweichen.

Setup Steps

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

   

2. Klicken Sie auf den Add app button

   

   Hinweis

   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.

   

3. Wählen Sie Android

   

4. Füllen Sie die erste Teil des Formulars

   1. Füllen Sie den Android package name
      1. Öffnen Sie Android Studio in Ihrem App npx cap open android
      2. Am unteren Ende des Navigators finden Sie die Gradle Scripts
      3. Finden Sie build.gradle Für das Modul app
      4. Kopieren Sie die android.defaultConfig.applicationId. This will be your package name im Firebase-Konsolen

      Hinweis

      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. Fügen Sie es in die Firebase-Konsolen
   2. Klicken Sie auf den Register app Schaltfläche

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

   

6. Überspringen Sie Add firebase SDK Schritt

   

7. Klicken Sie auf den Continue to console Schaltfläche

   

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

   

9. Erhalten Sie Ihre SHA1-Fingerabdruck

   Folgen Sie den Schritten 10-11 aus der Google-Login-Einrichtung für Android:

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

      

   2. Rollen Sie nach oben zu diesem Befehl. Sie sollten Folgendes sehen. Kopieren Sie den 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 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-ANMELDELEITFADEN 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 in Schritt 1 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 Button
    5. Kopieren Sie den Web client ID. This will be your webClientId in der initialize Methode der Erweiterung sein.
    

12. Verwenden Sie die Web Client-ID in JS.

    Hinweis

    Ich empfehle Ihnen, die authenticateWithGoogle Hilfsfunktion, die in der Datei authUtils.ts des Beispiel-Apps verfügbar ist.

Bei diesem Punkt bist du 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. Ihre Projekt finden

   1. Klicken Sie auf den Projekt-Selektor
   2. Suchen Sie Ihr Projekt nach dem genauen Namen Ihres Firebase-Projekts an 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 die APIs and Services eine (Zahl 2 auf dem Screenshot)

4. Stellen Sie sicher, dass Sie beide Android- und Web-Client-IDs in der Liste sehen.

   

   Achtung

   Wenn Sie nicht beide Android- und Web-Client-IDs in der Liste sehen, haben Sie bei der Einrichtung 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 führt dazu, dass Firebase nicht in der Lage ist, einen Android-Client-ID zu erstellen. In diesem Fall müssen Sie die SHA1 aus dem anderen Projekt sowie auf Firebase (mit der Firebase-Konsole, um den Android-App zu entfernen) entfernen und sie auf Firebase neu erstellen.

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

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

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

   1. Klicken Sie auf den Web Anwendung
   2. Bestätigen Sie, dass die Client-ID mit der, die Sie in den vorherigen Schritten kopiert haben, übereinstimmt.

   Hinweis

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

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

Schulung und Support

If authentication hangs or fails:

• Überprüfen Sie idToken Zielgruppe mit Ihrem Firebase-Web-Client-ID übereinstimmt
• 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 code zur Referenz

Fortsetzen Sie mit Firebase Google Login auf Android

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