Firebase Google Login auf Android

Abschnitt mit dem Titel „Einführung“

Includes install, sync, and the source markdown guide. This guide will help you integrate Google Sign-In with Firebase Authentication on Android. I assume you have already completed the general Firebase Google setup.

Hinweis

Ich werde annehmen, dass Sie Ihr Android-App noch nicht im Firebase-Konsolen erstellt haben. Wenn Sie es 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 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 den android.defaultConfig.applicationId. Dies wird Ihr package name in der Firebase-Konsole

      Hinweis

      Der hier angezeigte ID wird sich von der ID unterscheiden, 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 die Register app Button

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. Erhalten Sie Ihre SHA1-Fingerprint

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

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

      

   2. Rollen Sie nach oben in diesem Befehl. Sie sollten Folgendes sehen. Kopieren Sie den SHA1.

      

   Hinweis

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

   Vorsicht

   Der SHA1 ist sehr wichtig, um ihn richtig zu bekommen. Wenn Sie Fehler machen, wird die Authentifizierung auf ungewöhnliche Weise fehlschlagen. Bitte DEN GOOGLE-LOGIN-ANDROID-EINRICHTUNGSLEITFADEN lesen Sie, um ihn richtig zu bekommen.

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

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

11. Erhalten Sie Ihren Webclient-IDs

    1. Gehe zu Build -> Authentication
    2. Klicken Sie auf den Sign-in method Schaltfläche
    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 verfügbar in der Datei "authUtils.ts" des Beispiel-Apps. authUtils.ts Zum Zeitpunkt haben Sie die technische Möglichkeit, 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 im nächsten Schritt beschrieben.

Sie sind technisch 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 im nächsten Schritt beschrieben. Überprüfen Sie die Konfiguration im Google Cloud Console. Ü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.

console.cloud.google.com

1. Suchen Sie nach Ihrem Projekt Finden Sie Ihr Projekt

2. Finden Sie Ihr Projekt

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

4. Überprüfen Sie, ob Sie sowohl den Android- als auch den Web-Client-ID in der Liste sehen.

   

   Vorsicht

   Wenn Sie beide Android- und Web-Client-IDs in der Liste nicht sehen, haben Sie beim Setup 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, einen Android-Client-ID 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-ID in der Firebase-Konsole korrekt konfiguriert ist.

   1. Klicken Sie auf den Android App
   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 Web-Client-ID in der Firebase-Konsole korrekt konfiguriert ist.

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

   Hinweis

   Bitte ignorieren Sie die restlichen Einstellungen des Webclients. Wir werden dies im web setup guide.

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

Fehlersuche

Wenn die Authentifizierung hängt oder fehlschlägt:

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

Fortsetze von Firebase Google Login on Android

Wenn du Firebase Google Login on Android verwendest Firebase Google Login on Android 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