Firebase Google Login auf Android

GitHub

Eine Einrichtungshinweis mit den Installationsanweisungen und der vollständigen Markdown-Anleitung für diesen Plugin kopieren.

Einleitung

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

Einrichtungs-Schritte

Gehen Sie zu Ihrem Projektüberblick auf console.cloud.google.com
Klicken Sie auf das Add app Knopf

Es ist möglich, dass Sie hier nach dieser Schaltfläche suchen müssen. Dies gilt nur, wenn Sie bereits eine andere App im Firebase-Konsolen erstellt haben.
Wählen Sie Android
Füllen Sie die erste Teil des Formulars
1. Füllen Sie Android package name
  1. Öffnen Sie Android Studio in Ihrer 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 die android.defaultConfig.applicationIdDies wird Ihre package name in der Firebase-Konsole
  Die hier angezeigte ID unterscheidet sich von der, die ich für den Rest dieses Leitfadens verwenden werde. Ich werde app.capgo.plugin.SocialLogin für den Rest dieses Leitfadens verwenden
  1. Fügen Sie es in die Firebase-Konsole ein
2. Klicken Sie auf den Register app Knopf
Ü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
Holen Sie sich Ihre 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 Verzeichnis Ihrer App befinden und android Terminal zeigt gradlew signInReport-Befehl an ./gradlew signInReport
2. protectedTokens SHA1.
Für den Rest dieses Leitfadens verwende ich eine leicht abweichende SHA1, da ich seit der Erstellung des Originalleitfadens für die Google-Anmeldeseite auf Android die 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 LESEN SIE DEN LEITFADEN ZUR GOOGLE-ANMELDSEITE AUF ANDROID um sie richtig zu bekommen.
Fügen Sie die SHA1 zum Firebase-Projekt hinzu
1. Klicken Sie auf den Add fingerprint Schaltfläche
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. 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 IDDies wird Ihr webClientId in der initialize Methode der Plugin.
Verwenden Sie die Web Client ID in JS.

Ich empfehle Ihnen, die authenticateWithGoogle Hilfsfunktion, die im authUtils.ts Datei des Beispielprojekts verfügbar ist.

Sie sind jetzt TECHNICHELL 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 in der 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.

Gehe zu console.cloud.google.com
Finde dein Projekt
1. Klicke auf den Projektselector
2. Suche nach deinem Projekt unter der genauen Projektname deiner Firebase-App 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 auf APIs and Services Zwei (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 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-Client-IDs zu erstellen. In diesem Fall müssen Sie die SHA1 aus dem anderen Projekt sowie auf Firebase (mit dem Firebase-Console, um die Android-App zu entfernen) entfernen und sie neu erstellen.
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 die SHA1-HASH korrekt konfiguriert ist und dass sie der im vorherigen Schritt kopierten entspricht.
Stellen Sie sicher, dass die Webclient-ID korrekt in der Firebase-Konsole konfiguriert ist.
1. Klicken Sie auf das Web Anwendung
2. Bestätigen Sie, dass die Client-ID der im vorherigen Schritt kopierten entspricht.
Bitte ignorieren Sie die restlichen Einstellungen der Webclient. Wir werden dies im Web-Einrichtungshandbuch.

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

Fehlertreiber

Wenn die Authentifizierung hängt oder fehlschlägt:

Überprüfen Sie, ob die Zielgruppe Ihrem Firebase-Web-Client-Id entspricht idToken Stellen Sie sicher, dass Google Sign-In in Firebase Console aktiviert ist
Stellen Sie sicher, dass die SHA-1-Fingerprint korrekt konfiguriert ist
Überprüfen Sie das
Beispiel-App __CAPGO_KEEP_0__ example app code Fortsetzen Sie von Firebase Google Login auf Android

Wenn Sie Firebase Google Login auf Android zur Planung der Authentifizierung und der Kontoflows verwenden, verbinden Sie es mit Verwenden Sie @capgo/capacitor-social-login für die native Fähigkeit in Verwenden Sie @capgo/capacitor-social-login Verwenden Sie @capgo/capacitor-social-login für die Implementierungsdetails in @capgo/capacitor-social-login Verwenden Sie @capgo/capacitor-passkey für die Implementierungsdetails in @capgo/capacitor-passkey Verwenden Sie @capgo/capacitor-native-biometric für die Implementierungsdetails in @capgo/capacitor-native-biometric und Zweifaktor-Authentifizierung für die Implementierungsdetails in Zweifaktor-Authentifizierung.