Hemos creado un login con Google aplicando la Estrategia Modular Autónoma ( EMA ); se trata de un botón que usa Angular, Angular Material y Firebase que incorpora una autenticación completa y proporciona la gestión de usuarios en la app. A continuación explicamos el flujo de trabajo que seguiremos paso a paso.
Cuenta en Firebase.
Proyecto creado en Firebase. ( Aqui lo explicamos )
Proyecto Angular en Idx de Google. ( Aqui lo explicamos )
Inicilización de la app en main.ts ( Explicación detallada )
Creación de la colección "admins" en Firestore; son los administradores de la app.
Habilitación de Autenticación en nuestra App con Firebase.
Agregar dominios autorizados en Autenticación ( ruta )
Creación de Reglas en Firestore (roles ).
Creación del Botón Independiente en nuestra app usando Angular Material
Uso del Botón en otro componente.