web-dev-qa-db-fra.com

Comment changer le nom de l'application pour l'authentification Firebase (ce que voit l'utilisateur)

Grâce à firebase v 3.9.0, mon application sociale OAuth fonctionne parfaitement dans mon application ionique. J'ai un petit changement que j'aimerais faire. Lorsque vous êtes invité à vous connecter, il vous indique "Connectez-vous pour continuer sur my-real-appname-12345f.firebaseapp.com."

Comment changer cela en quelque chose de plus convivial, comme son nom, vous savez.

Pour clarifier, j'utilise firebase pour gérer l'authentification à la fois pour Google et Facebook. Le message est le même pour les deux.

Merci! Wayne

authenticationfirebaseionic-frameworkoauth-2.0
10
Wayne F. Kaskie

J'ai demandé au support firebase et j'ai obtenu la réponse suivante. Les éléments en italiques sont mes ajouts.

-

Salut Jayen,

Merci de tendre la main. Je serai heureux de vous aider.

Pour mettre à jour firebase-project-id.firebaseapp.com dans l'écran de consentement de OAuth, vous avez besoin d'un domaine personnalisé avec hébergement Firebase (Console Firebase> Hébergement> Connexion au domaine). En effet, https://firebase-project-id.firebaseapp.com/__/auth/handler est hébergé par Firebase Hosting. Vous devez indiquer votre domaine personnalisé à firebase-project-id.firebaseapp.com.

Lorsque vous connectez le domaine personnalisé, si vous n'hébergez pas votre application sur Firebase, utilisez un nouveau sous-domaine (par exemple, app.votredomaine.com) et ne le redirigez pas. Firebase vous invitera à ajouter une entrée DNS et à prendre automatiquement le certificat SSL.

Après avoir connecté votre domaine personnalisé à votre projet Firebase, vous devez également suivre les étapes ci-dessous:

  1. Accédez à la console Firebase> Sélectionnez Projet> Authentification> Méthode de connexion> Facebook> Copier l'URL sous 'Pour terminer la configuration, ajoutez cet URI de redirection OAuth à la configuration de votre application Facebook.'

  2. Remplacez l'ID de projet par votre domaine personnalisé. Cela ressemblera à quelque chose comme: https://votredomaine.com/__/auth/handler

  3. Accédez à la console GCP> Sélectionnez un projet> Gestionnaire d’API> Informations d’identification> Ajoutez le lien n ° 2 aux "URI de redirection autorisés".

  4. Assurez-vous ensuite d’utiliser votredomaine.com comme étant authDomain dans la configuration de votre application au lieu de firebase-project-id.firebaseapp.com.

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

Faites-moi savoir si vous avez d'autres questions à ce sujet.

Cordialement,

Toujours

-

Dans mon cas, votredomaine.com est l’endroit où j’héberge mon site, j’ai donc utilisé app.votredomaine.com là où j’en avais besoin.

14
Jayen

Je pense que j'ai peut-être trouvé pourquoi certaines personnes sont capables de changer le nom d'affichage et d'autres pas. Vérifiez votre onglet Hébergement. Si vous avez déployé quelque chose, il est probablement déployé dans la même URL que celle indiquée sur votre page de connexion. Essayez d'ajouter votre nom de domaine sur cette page et voyez si cela fonctionne.

0
Sub 6 Resources