Firebase Google Login auf Android

Einführung

Dieser Leitfaden hilft Ihnen dabei, Google Sign-In mit Firebase Authentication auf Android zu integrieren. Ich gehe davon aus, dass Sie die allgemeine Firebase Google Einrichtung bereits abgeschlossen haben.

Einrichtungsschritte

Gehen Sie zu Ihrer Projektübersicht unter console.cloud.google.com
Klicken Sie auf die Add app Schaltfläche

Es ist möglich, dass Sie hier nach dieser Schaltfläche suchen müssen. Dies gilt nur, wenn Sie bereits eine andere App in der Firebase Console erstellt haben.
Wählen Sie Android
Füllen Sie den ersten Teil des Formulars aus
1. Füllen Sie den Android package name aus
  1. Öffnen Sie Android Studio bei Ihrer App mit npx cap open android
  2. Ganz unten im Navigator finden Sie die Gradle Scripts
  3. Finden Sie build.gradle für das Modul app
  4. Kopieren Sie die android.defaultConfig.applicationId. Dies wird Ihr package name in der Firebase Console sein
  Die hier gezeigte ID wird sich von der unterscheiden, die ich für den Rest des Leitfadens verwenden werde. Ich werde app.capgo.plugin.SocialLogin für den Rest des Leitfadens verwenden.
  1. Fügen Sie sie in der Firebase Console ein
2. Klicken Sie auf die Register app Schaltfläche
Überspringen Sie den Schritt Download and then add config file
Überspringen Sie den Schritt Add firebase SDK
Klicken Sie auf die Continue to console Schaltfläche
Wenn Sie nicht automatisch authentifiziert werden, gehen Sie zu settings -> general -> your apps -> finden Sie Ihre Android-App und klicken Sie darauf
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 android Ordner Ihrer App befinden und führen Sie ./gradlew signInReport aus
2. Scrollen Sie zum Anfang dieses Befehls. Sie sollten Folgendes sehen. Kopieren Sie den SHA1.
Ich werde einen leicht anderen SHA1 für den Rest des Leitfadens verwenden, da ich seit dem Schreiben der ursprünglichen Google Login Android Einrichtungsanleitung den Computer gewechselt habe.

Der SHA1 ist sehr wichtig, richtig zu bekommen. Wenn Sie einen Fehler machen, wird die Authentifizierung auf seltsame Weise fehlschlagen. Bitte LESEN SIE DIE GOOGLE LOGIN ANDROID EINRICHTUNGSANLEITUNG, um es richtig zu machen.
Fügen Sie den SHA1 zum Firebase-Projekt hinzu
1. Klicken Sie auf die Add fingerprint Schaltfläche
2. Fügen Sie den SHA1 ein, den Sie im vorherigen Schritt kopiert haben
3. Klicken Sie auf die Save Schaltfläche
Holen Sie sich Ihre Web-Client-ID
1. Gehen Sie zu Build -> Authentication
2. Klicken Sie auf die Sign-in method Schaltfläche
3. Klicken Sie auf den Google Anbieter
4. Klicken Sie auf die Web SDK configuration Schaltfläche
5. Kopieren Sie die Web client ID. Dies wird Ihre webClientId in der initialize Methode des Plugins sein.
Verwenden Sie die Web-Client-ID in JS.

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

An diesem Punkt sind Sie TECHNISCH bereit, Google Sign-In mit Firebase Authentication auf Android zu verwenden. Ich würde jedoch empfehlen, die Einrichtung in der Google Cloud Console zu überprüfen, wie im nächsten Schritt erklärt.

Einrichtung in der Google Cloud Console überprüfen

Um sicherzustellen, dass die Einrichtung korrekt ist, sollten Sie die Einrichtung in der Google Cloud Console überprüfen.

Gehen Sie zu console.cloud.google.com
Finden Sie Ihr Projekt
1. Klicken Sie auf die Projektauswahl
2. Suchen Sie Ihr Projekt nach dem genauen Namen Ihres Firebase-Projekts und klicken Sie darauf. In meinem Fall ist es sociallogin-tutorial-app.
Ö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 Option (Nummer 2 auf dem Screenshot)
Überprüfen Sie, dass Sie sowohl die Android- als auch die Web-Client-IDs in der Liste sehen.

Wenn Sie nicht sowohl die Android- als auch die Web-Client-IDs in der Liste sehen, haben Sie einen Fehler bei 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 den Android SHA1-Hash mit derselben App-ID bereits in einem anderen Projekt hinzugefügt haben. Dies führt dazu, dass Firebase keine Android-Client-ID erstellen kann. In diesem Fall müssen Sie den SHA1 aus dem anderen Projekt entfernen sowie auf Firebase (indem Sie die Firebase Console verwenden, um die Android-App zu entfernen) und ihn auf Firebase neu erstellen
Überprüfen Sie, dass die Android-Client-ID in der Firebase Console korrekt konfiguriert ist.
1. Klicken Sie auf die Android App
2. Bestätigen Sie, dass der SHA1-Hash korrekt konfiguriert ist und mit dem übereinstimmt, den Sie in den vorherigen Schritten kopiert haben.
Überprüfen Sie, dass die Web-Client-ID in der Firebase Console korrekt konfiguriert ist.
1. Klicken Sie auf die Web App
2. Bestätigen Sie, dass die Client-ID mit der übereinstimmt, die Sie in den vorherigen Schritten kopiert haben.
Bitte ignorieren Sie die restlichen Einstellungen des Web-Clients. Wir werden dies im Web-Einrichtungsleitfaden besprechen.

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

Fehlerbehebung

Wenn die Authentifizierung hängt oder fehlschlägt:

Überprüfen Sie, dass die idToken Zielgruppe mit Ihrer Firebase Web-Client-ID übereinstimmt
Prüfen Sie, dass Google Sign-In in der Firebase Console aktiviert ist
Stellen Sie sicher, dass der SHA-1-Fingerabdruck korrekt konfiguriert ist
Überprüfen Sie den Beispiel-App-Code als Referenz