Firebase Google Login auf Android

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

Einführung

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

Setup-Schritte

Gehen Sie zu Ihrem Projektübersicht über bei console.cloud.google.com
Klicken Sie auf die Add app Button

Es ist möglich, dass Sie hier nach diesem Button suchen müssen. Dies gilt nur, wenn Sie bereits eine andere App im Firebase-Konsolen erstellt haben.
Auswählen Android
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 das Gradle Scripts
  3. Finden build.gradle für das Modul app
  4. Kopieren Sie den android.defaultConfig.applicationIdDies wird Ihr package name in der Firebase-Konsole
  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
  1. Fügen Sie es in die 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 Schaltfläche
Wenn Sie nicht automatisch angemeldet werden, gehen Sie zu settings -> general -> your apps -> finden Sie Ihr Android-App und klicken Sie darauf
Holen Sie sich Ihren SHA1-Fingerabdruck

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 das SHA1.
Für den Rest dieses Leitfadens werde ich eine leicht abweichende SHA1 verwenden, da ich seit der Erstellung des Originalleitfadens für die Google-Anmeldung auf Android meine Computern geändert habe.

Die SHA1 ist sehr wichtig, um sie richtig zu bekommen. Wenn Sie Fehler machen, wird die Authentifizierung auf ungewöhnliche Weise fehlschlagen. Bitte DEN GOOGLE-LOGIN-ANDROID-LEITFADEN lesen um sie richtig zu bekommen.
Die SHA1 zur Firebase-Projekt hinzufügen
1. Auf den Add fingerprint Button klicken
2. Den SHA1-Wert, den Sie im vorherigen Schritt kopiert haben, einfügen
3. Klicken Sie auf den Save Button
Erhalten Sie 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 Schaltfläche
5. Kopieren Sie den Web client ID. Dies wird Ihr webClientId in der initialize Methode des Plugins.
Verwenden Sie die Web-Client-ID in JS.

Ich empfehle Ihnen, authenticateWithGoogle die Hilfsfunktion in der authUtils.ts

Datei des Beispielprojekts zu verwenden. Zum jetzigen Zeitpunkt sind Sie TECHNICALLY

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 in der nächsten Schritt beschrieben.

Abschnitt mit dem Titel “Die Konfiguration im Google Cloud Console überprüfen”

Gehe zu console.cloud.google.com
Finde dein Projekt
1. Klicke auf den Projektselector
2. Suche nach deinem Projekt mit dem genauen Namen deines Firebase-Projekts und klicke darauf. In meinem Fall ist es sociallogin-tutorial-app.
Öffne die Suchleiste und öffne credentials
1. Öffne die Suchleiste
2. Suche nach credentials und klicke darauf APIs and Services eine (Zahl 2 auf dem Screenshot)
Stellen Sie sicher, dass Sie sowohl den Android- als auch den Web-Client-IDs in der Liste sehen.

Wenn Sie nicht beide 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 den 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-IDs zu erstellen. In diesem Fall müssen Sie den SHA1 aus dem anderen Projekt sowie auf Firebase (mit dem Firebase-Console, um den Android-App zu entfernen) entfernen und ihn auf Firebase neu erstellen.
Stellen Sie sicher, dass der Android-Client-IDs korrekt in der Firebase-Konsole konfiguriert ist.
1. Klicken Sie auf den Android App
2. Bestätigen Sie, dass die SHA1-Hash-Einstellung korrekt konfiguriert ist und dass sie mit der, die Sie in den vorherigen Schritten kopiert haben, übereinstimmt.
Überprüfen Sie, dass der Webclient-Id korrekt in der Firebase-Konsole konfiguriert ist.
1. Klicken Sie auf den 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 Webclients. Wir werden dies im Web-Setup-Leitfaden besprechen.

Jetzt bist du bereit, Google Sign-In mit Firebase Authentication auf Android zu verwenden!

Problembehandlung

Wenn die Authentifizierung hängt oder fehlschlägt:

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

Wenn Sie Firebase Google Login auf Android für die Planung der Authentifizierung und der Kontenflüsse verwenden, 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.