Firebase Google Login auf Android

Kopiere einen Setup-Prompt mit den Installationsschritten und dem vollständigen Markdown-Guide für dieses Plugin.

Einführung

Diese Anleitung hilft dir bei der Integration von Google Sign-In mit Firebase Authentication unter Android. Ich gehe davon aus, dass du die allgemeine Firebase Google Einrichtung

Setup-Schritte

Gehe zu deiner Projektübersicht unter console.cloud.google.com
Klicke auf die Add app Button

Eventuell musst du hier nach diesem Button suchen. Das gilt nur, wenn du bereits eine andere App in der Firebase Console erstellt hast.
Wähle Android
Fülle den ersten Teil des Formulars aus
1. Fülle das Android package name
  1. Öffne deine App in Android Studio mit npx cap open android
  2. Ganz unten im Navigator findest du den Gradle Scripts
  3. Finde build.gradle für das Modul app
  4. Kopiere den android.defaultConfig.applicationId. Das wird deine package name in der Firebase Console
  Die hier angezeigte ID unterscheidet sich von der, die ich im weiteren Verlauf der Anleitung verwende. Ich nutze app.capgo.plugin.SocialLogin für den Rest der Anleitung.
  1. In der Firebase Console einfügen
2. Klicke auf die Register app Button
Überspringe den Download and then add config file Schritt
Überspringe den Add firebase SDK Schritt
Klicke auf die Continue to console Button
Falls die Authentifizierung nicht automatisch erfolgt, gehe zu settings -> general -> your apps -> finde deine Android-App und klicke darauf
SHA1-Fingerabdruck abrufen

Folgen Sie den Schritten 10-11 der Google Login Android Setup-Anleitung:
1. Öffne nun das Terminal. Stelle sicher, dass du dich im android Ordner deiner App und führe aus ./gradlew signInReport
2. Scrolle in der Ausgabe dieses Befehls nach oben. Du solltest Folgendes sehen. Kopiere die SHA1.
Ich werde für den Rest der Anleitung einen leicht anderen SHA1 verwenden, da ich seit der Erstellung der ursprünglichen Google Login Android Setup-Anleitung meine Rechner gewechselt habe.

Der SHA1-Fingerabdruck muss absolut korrekt sein. Fehler führen sonst zu unvorhersehbaren Authentifizierungsfehlern. Bitte DEN GOOGLE LOGIN ANDROID SETUP GUIDE LESEN um alles richtig einzustellen.
Füge den SHA1 zum Firebase-Projekt hinzu
1. Klicke auf die Add fingerprint Button
2. Füge den kopierten SHA1 aus dem vorherigen Schritt ein
3. Klicke auf die Save Button
Web-Client-ID abrufen
1. Gehe zu Build -> Authentication
2. Klicke auf die Sign-in method Button
3. Klicke auf die Google Provider
4. Klicke auf die Web SDK configuration Button
5. Kopiere den Web client ID. Das wird deine webClientId im initialize Methode des Plugins.
Verwende die Web-Client-ID in JS.

Ich empfehle die Nutzung der authenticateWithGoogle Helper-Funktion aus der authUtils.ts Datei der Beispiel-App.

An diesem Punkt bist du TECHNISCH bereit, Google Sign-In mit Firebase Authentication auf Android zu nutzen. Ich empfehle jedoch, das Setup in der Google Cloud Console noch einmal zu überprüfen, wie im nächsten Schritt erklärt.

Setup in der Google Cloud Console prüfen

Um sicherzustellen, dass das Setup korrekt ist, solltest du die Konfiguration in der Google Cloud Console noch einmal überprüfen.

Gehe zu console.cloud.google.com
Projekt finden
1. Klicke auf die Projektauswahl
2. Suche nach deinem Projekt über den exakten Namen deines Firebase-Projekts und klicke darauf. In meinem Fall ist es sociallogin-tutorial-app.
Öffne die Suchleiste und öffne credentials
1. Suchleiste öffnen
2. Suche nach credentials und klicke auf APIs and Services eines (Nummer 2 im Screenshot)
Vergewissere dich, dass sowohl die Android- als auch die Web-Client-IDs in der Liste erscheinen.

Falls Sie nicht sowohl die Android- als auch die Web-Client-ID in der Liste sehen, ist beim Setup ein Fehler unterlaufen. Bitte gehen Sie zurück und prüfen Sie Ihre Schritte.
Es kann auch vorkommen – das ist mir selbst schon passiert –, dass Sie den Android-SHA1-Hash mit derselben App-ID bereits in einem anderen Projekt hinzugefügt haben. In diesem Fall kann Firebase keine Android-Client-ID erstellen. Sie müssen den SHA1 dann sowohl aus dem anderen Projekt als auch bei Firebase (über die Firebase Console, um die Android-App zu entfernen) entfernen und ihn in Firebase neu erstellen.
Stellen Sie sicher, dass die Android-Client-ID in der Firebase Console korrekt konfiguriert ist.
1. Klicke auf die Android App
2. Prüfen Sie, ob der SHA1-Hash korrekt konfiguriert ist und mit dem in den vorherigen Schritten kopierten Wert übereinstimmt.
Stellen Sie sicher, dass die Web-Client-ID in der Firebase Console korrekt konfiguriert ist.
1. Klicke auf die Web App
2. Stelle sicher, dass die Client ID mit der aus den vorherigen Schritten übereinstimmt.
Bitte ignoriere den Rest der Web-Client-Einstellungen. Wir besprechen dies im Web-Setup-Guide.

Fertig! Du kannst jetzt Google Sign-In mit Firebase Authentication auf Android nutzen.

Fehlerbehebung

If authentication hangs or fails:

Prüfen Sie, ob der idToken Audience entspricht deiner Firebase Web Client ID
Prüfe, ob Google Sign-In in der Firebase Console aktiviert ist
Stelle sicher, dass der SHA-1 Fingerprint korrekt konfiguriert ist
Überprüfe die Beispiel-App code als Referenz

Wenn du es nutzt Firebase Google Login auf Android Um Authentifizierungs- und Account-Flows zu planen, verbinde es mit @capgo/capacitor-social-login verwenden für die native Funktion bei der Verwendung von @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 zur Zwei-Faktor-Authentifizierung.