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

Setup-Schritte

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

   

2. Klicken Sie auf den Add app Schaltfläche

   

   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. Auswählen Android

   

4. Füllen Sie die erste Teil des Formulars

   1. Füllen Sie Android package name
      1. Öffnen Sie Android Studio für Ihr Projekt npx cap open android
      2. Am unteren Ende des Navigators finden Sie die Gradle Scripts
      3. Finden build.gradle für das Modul app
      4. Kopieren Sie den android.defaultConfig.applicationId. Dies wird Ihr package name in der Firebase-Konsole

      Hinweis

      Der hier angezeigte ID wird sich von der unterscheiden, die ich für den Rest der Anleitung verwenden werde. Ich werde app.capgo.plugin.SocialLogin für den Rest der Anleitung.

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

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

   

6. Überspringen Sie das 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. Erhalte deine SHA1-Fingerabdruck

   Folge den Schritten 10-11 aus dem Google-Login Android-Einrichtungsleitfaden:

   1. Öffne nun das Terminal. Stelle sicher, dass du dich im android Verzeichnis deiner App befindest und ./gradlew signInReport

      

   2. Rolle zum Anfang dieser Anweisung. Du solltest folgendes sehen. Kopiere den SHA1.

      

   Hinweis

   Ich werde für den Rest der Anleitung einen leicht abweichenden SHA1 verwenden, da ich seit der Erstellung des Original-Google-Login-Android-Einrichtungsleitfadens meine Berechnungen geändert habe.

   Achtung

   Der SHA1 ist sehr wichtig, um ihn richtig zu machen. Wenn Sie Fehler machen, wird die Authentifizierung auf ungewöhnliche Weise fehlschlagen. Bitte LESSEN SIE DIE ANLEITUNG ZUR EINRICHTUNG VON GOOGLE LOGIN FÜR ANDROID um es richtig zu machen.

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

    1. Klicken Sie auf den Add fingerprint Button
    2. Fügen Sie den SHA1 ein, den Sie in Schritt 1 kopiert haben
    3. Klicken Sie auf den Save Button

11. Ihre Webclient-ID erhalten

    1. Zum 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 ID. Dies wird Ihr webClientId in der initialize Methode des Plugins.
    

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

    Hinweis

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

Sie sind jetzt TECHNICALLY sind Sie jetzt technisch bereit, Google Sign-In mit Firebase Authentication auf Android zu verwenden. Es ist jedoch ratsam, die Konfiguration im Google Cloud Console noch einmal zu überprüfen, wie im nächsten Schritt erklärt wird.

Ü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. Zum console.cloud.google.com

2. Finden Sie Ihr Projekt

   1. Klicken Sie auf den Projektselector
   2. Suchen Sie Ihr Projekt genau nach dem Namen Ihres Firebase-Projekts und klicken Sie darauf. In meinem Fall ist es sociallogin-tutorial-app.

3. Öffnen Sie die Suchleiste und öffnen 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. Überprüfen Sie, ob Sie sowohl den Android- als auch den Web-Client-IDs in der Liste sehen.

   

   Achtung

   Wenn Sie weder den Android- noch den Webclient-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 den 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 den SHA1 aus dem anderen Projekt sowie auf Firebase (mit der Firebase-Konsole, um den Android-App zu entfernen) entfernen und ihn 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. Bestätigen Sie, dass der SHA1-Hash korrekt konfiguriert ist und dass er mit dem, den Sie in den vorherigen Schritten kopiert haben, übereinstimmt.

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

   1. Klicken Sie auf den Web app
   2. Stellen Sie sicher, dass der Client-ID entspricht, die Sie in den vorherigen Schritten kopiert haben.

   Hinweis

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

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

Fehlersuche

Wenn die Authentifizierung hängt oder fehlschlägt:

• Überprüfen Sie, ob die Zielgruppe Ihrem Firebase-Webclient-IDs entspricht idToken Überprüfen Sie, ob 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__
• zur Referenz example app code Abschnitt mit dem Titel “Bleiben Sie bei Firebase Google Login auf Android”

Wenn Sie Firebase Google Login auf Android verwenden, um die Authentifizierung und die Kontenflüsse zu planen, verbinden Sie es mit

Wenn Sie Firebase Google Login auf Android verwenden, um die Authentifizierung und die Kontenflüsse zu planen, verbinden Sie es mit Wenn Sie Firebase Google Login auf Android verwenden, um die Authentifizierung und die Kontenflüsse zu planen, verbinden Sie es mit Wenn Sie Firebase Google Login auf Android verwenden, um die Authentifizierung und die Kontenflüsse zu planen, verbinden Sie es mit Mit @capgo/capacitor-social-login für die native Fähigkeit in Mit @capgo/capacitor-social-login, @capgo/capacitor-social-login für die Implementierungsdetails in @capgo/capacitor-social-login, @capgo/capacitor-passkey für die Implementierungsdetails in @capgo/capacitor-passkey, @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.