Firebase Google Login auf Android

Kopieren Sie einen Einrichtungsvorschlag mit den Installationsanweisungen und der vollständigen Markdown-Guide für diesen Plugin.

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. Hinweis

Abschnitt mit dem Titel „Einrichtungsschritte“

Gehe zu deinem Projektübersicht auf console.cloud.google.com
Klicke auf den Add app Button

Es ist möglich, dass du hier nach diesem Button suchen musst. Dies gilt nur, wenn du bereits eine andere App in der Firebase-Konsole erstellt hast.
Wähle Android
Füllen Sie die erste Teil des Formulars
1. Füllen Sie Android package name
  1. Öffnen Sie Android Studio für Ihr App 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 die android.defaultConfig.applicationId. Dies wird Ihre package name im Firebase-Konsolen
  Die 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 verwenden.
  1. Fügen Sie es in der Firebase-Konsole ein
2. Klicken Sie auf den Register app Button
Überspringen Sie den Download and then add config file Schritt
Überspringen Sie den Add firebase SDK Schritt
Klicken Sie auf den Continue to console Button
Wenn Sie nicht automatisch angemeldet werden, gehen Sie zu settings -> general -> your apps -> finden Sie Ihr Android-App und klicken Sie darauf
Erhalten Sie Ihre SHA1-Fingerprint

Folgen Sie den Schritten 10-11 aus der Google Login Android setup guide:
1. Öffnen Sie nun das Terminal. Stellen Sie sicher, dass Sie sich im Verzeichnis Ihres Apps befinden und führen Sie android Verzeichnis des Projekts und führen Sie ./gradlew signInReport
2. Rollen Sie zum Anfang dieses Befehls. Sie sollten Folgendes sehen. Kopieren Sie den SHA1.
Ich werde für den Rest der Anleitung einen leicht abweichenden SHA1 verwenden, da ich seit der Erstellung des Original-Google-Login-Android-Einstellungsleitfadens meine Computern geändert habe.

Der SHA1 ist sehr wichtig, um ihn richtig zu bekommen. Wenn Sie Fehler machen, wird die Authentifizierung auf ungewöhnliche Weise fehlschlagen. Bitte LESEN SIE DEN GOOGLE-LOGIN-ANDROID-EINSTELLUNGSLEITFADEN um es richtig zu machen.
Fügen Sie die SHA1 zum Firebase-Projekt hinzu
1. Klicken Sie auf den Add fingerprint Button
2. Fügen Sie die SHA1 ein, die Sie im vorherigen Schritt kopiert haben
3. Klicken Sie auf den Save Button
Holen Sie sich Ihren Webclient-ID
1. Gehen Sie 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 Web client IDDies wird Ihre webClientId in der initialize Methode des Plugins.
Verwenden Sie den Webclient-Id in JS.

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

In diesem Punkt seid Sie TECHNICALLY bereit zum Einsatz mit Google Sign-In und Firebase Authentication auf Android. 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

Um sicherzustellen, dass die Konfiguration korrekt ist, sollten Sie die Konfiguration im Google Cloud Console noch einmal überprüfen.

Zum console.cloud.google.com
Finden Sie Ihr Projekt
1. Klicken Sie auf den Projektselector
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 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)
Stellen Sie sicher, dass Sie beide Android- und Web-Kunden-IDs in der Liste sehen.

Wenn Sie nicht beide Android- und Web-Kunden-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 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-Kunden-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.
Stellen Sie sicher, dass die Android-Kunden-ID korrekt in der Firebase-Konsole konfiguriert ist.
1. Klicken Sie auf den Android Anwendung
2. Stellen Sie sicher, dass die SHA1-HASH korrekt konfiguriert ist und dass sie mit der, die Sie in den vorherigen Schritten kopiert haben, übereinstimmt.
Stellen Sie sicher, dass die Web-Kunden-ID korrekt in der Firebase-Konsole konfiguriert ist.
1. Klicken Sie auf den Web Anwendung
2. Stellen Sie sicher, dass die Kunden-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-Setup-Leitfaden.

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üfen Sie, ob idToken die Zielgruppe Ihren Firebase-Web-Client-Id entspricht
Stellen Sie sicher, dass 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 code als Referenz