it-swarm.com.de

Wie man den App-Namen für die Firebase-Authentifizierung ändert (was der Benutzer sieht)

Dank firebase v 3.9.0 funktioniert mein soziales OAuth in meiner ionischen App hervorragend. Ich habe eine kleine Änderung, die ich gerne machen würde. Bei der Aufforderung zur Anmeldung wird die Meldung "Melden Sie sich an, um mit my-real-appname-12345f.firebaseapp.com fortzufahren."

Wie ändere ich das zu etwas benutzerfreundlicherem Namen, wissen Sie, der eigentliche Name der App.

Zur Klarstellung verwende ich Firebase, um die Authentifizierung für Google und Facebook durchzuführen. Die Nachricht ist für beide gleich.

Vielen Dank! Wayne

10
Wayne F. Kaskie

Ich fragte den Firebase-Support und erhielt die folgende Antwort. Elemente in Kursivschrift sind meine Ergänzungen.

-

Hallo Jayen,

Danke, dass Sie es erreichen. Ich helfe Ihnen gerne weiter.

Um firebase-project-id.firebaseapp.com im OAuth-Einwilligungsbildschirm zu aktualisieren, benötigen Sie eine benutzerdefinierte Domäne mit Firebase-Hosting (Firebase-Konsole> Hosting> Domäne verbinden). Dies liegt daran, dass https://firebase-project-id.firebaseapp.com/__/auth/handler von Firebase Hosting gehostet wird. Sie müssen Ihre benutzerdefinierte Domäne auf firebase-project-id.firebaseapp.com verweisen.

Wenn Sie die benutzerdefinierte Domäne verbinden, wenn Sie Ihre App nicht auf Firebase hosten, verwenden Sie eine neue Unterdomäne (z. B. app.yourdomain.com) und leiten Sie sie nicht um. Firebase fordert Sie auf, einen DNS-Eintrag hinzuzufügen und das SSL-Zertifikat automatisch zu übernehmen.

Nachdem Sie Ihre benutzerdefinierte Domäne mit Ihrem Firebase-Projekt verbunden haben, sollten Sie auch die folgenden Schritte ausführen:

  1. Gehen Sie zur Firebase-Konsole> Wählen Sie Projekt> Authentifizierung> Anmeldemethode> Facebook> Kopieren Sie die URL unter "Um die Einrichtung abzuschließen, fügen Sie diesen OAuth-Weiterleitungs-URI zur Konfiguration Ihrer Facebook-App hinzu."

  2. Ersetzen Sie die Projekt-ID durch Ihre benutzerdefinierte Domäne. Es wird ungefähr so ​​aussehen: https://yourdomain.com/__/auth/handler

  3. Gehen Sie zur GCP-Konsole> Projekt auswählen> API-Manager> Anmeldeinformationen> Fügen Sie den Link in # 2 den 'Autorisierten Umleitungs-URIs' hinzu.
  4. Stellen Sie dann sicher, dass Sie yourdomain.com als authDomain in der Konfiguration Ihrer App anstelle von firebase-project-id.firebaseapp.com verwenden

    firebase.initializeApp({
        apiKey: ....,
        authDomain: 'yourdomain.com',
         ...
    });
    

Lassen Sie mich wissen, wenn Sie weitere Fragen dazu haben.

Grüße,

Ja

-

In meinem Fall ist yourdomain.com der Ort, an dem ich meine Website hoste. Daher habe ich app.yourdomain.com dort verwendet, wo ich sie brauchte.

14
Jayen

Ich glaube, ich habe herausgefunden, warum manche Leute den Anzeigenamen ändern können und andere nicht. Überprüfen Sie Ihre Hosting-Registerkarte. Wenn Sie etwas bereitgestellt haben, wird es wahrscheinlich unter derselben URL bereitgestellt, die auf Ihrer Anmeldeseite aufgeführt ist. Versuchen Sie, Ihren Domainnamen auf dieser Seite hinzuzufügen, und prüfen Sie, ob dies funktioniert.

0
Sub 6 Resources