Personaliza el dominio de autenticación de Firebase 🔥

Consigue que tu dominio aparezca en la ventana de inicio de sesión en tu proyecto de Firebase

Si tienes deplegada tu web o tu aplicación web en Firebase seguro que te gustaría que cuando un usuario quisiera autenticarse con su cuenta de Google le apareciera tu dominio en lugar del dominio por defecto de firebase firebaseapp.com.

A continuación verás lo que conseguiremos 🎉

Modifica la variable de entorno authDomain

En tu proyecto debes de cambiar la url del authDomain por tu dominio personalizado. A continuación verás el contenido del típico fichero de environment de Angular 🅰

Consola de Firebase

En la consola de Firebase en la sección de Authentication pulsa sobre la pestaña de Sign-in-method y agrega el dominio personalizado con el que quieres autenticarte.

Google Cloud Platform

1. Accede a tu proyecto en Google Cloud Platform y del panel izquierdo selecciona API y servicios y después Credenciales

   

2. Pulsa en Web Client (auto created by Google Service)

   

3. Añade tu dominio personalizado como origen autorizado de JavaScript, añade el uri https://tu-dominio.com/__/auth/handler y guarda.

   

Y listo, con esto ya lo tendríamos 🚀

Hasta luego 🖖