Crear Autentificación de Usuario Firebase

[francoaguilar22]

Utilizar Firebase para hacer la autentificación de los usuarios registrados (en la vista Registar , datos que se almacenan en un Firestore en Firebase)

[francoaguilar22]

El día de ayer revise dos videos:(edit: encontre otros 2 que pueden ser de ayuda)

Video 1 Video 2 Video 3

[francoaguilar22]

El día de ayer logré que los datos ingresados en el formulario de Registrar se guarden en la BD de Firebase y que la autentificación de este mismo agregando la validación del correo y la contraseña por parte de la autentificación.

[francoaguilar22]

Hoy agregué la validación a los datos con Firebase y con expresiones regulares para el nombre del usuario y numero telefónico , y fui avanzando con la parte de login y logout.

[francoaguilar22]

Haz el momento se a logrado , registrar los datos de los usuarios en una BD de firebase , como también registrar correo y contraseña de estos mismo en un autentificación de usuario de Firebase.

• Autentificación de usuario:

• Registro de datos en BD de los datos de los usuarios:

• Autentificación de Administradores:

[francoaguilar22]

• Las vistas de Registro , Login y Login Administrador , se descartaron como vistas , ya que la autentificación de Firebase solo nos deja hacer una autentificacion por vista.

• En su reemplazo , se crearon 2 ventanas modales en vista principal (Index). Las cuales son las siguientes:

1) Modal de Registro:

2) Modal Iniciar sesión:

• La tercera ventana modal es "Login Administrador" y esta está es ubicada en la sección de "Gestionar libros" y "Crear Blog"

3) Modal Login Administrador:

• Gestionar libros:

• Crear Blog:

[francoaguilar22]

• Se cambió la manera de alertar sobre algún dato invalido o problema en la autentificación o registro en alguno de los 3 formularios creados , ya que la función "Toastify" no funcionaba , no corre en el modelo MVC , pero si la construcción del template. De esta manera se procede a quitar esta función y alertar al usuario que esta ingresando un dato invalido o que algo salió mal en la autentificacion o en el registro atravéz de alerts.

-Imágenes del código Toastify:

****Reemplazo de codigo:

-Antes con Toastify:

-Después con Alerts:

• Antes usando Toastify en la construcción del template sin transformarlo al modelo MVC:

• Ahora usando alertas en vez de Toastify :

[francoaguilar22]

• Para terminar con la tarea se reemplazá el firebaseConfig de los archivos js llamados : firebase3.js , firebase2.js y configuracion.js .Se reemplazaran ya que se reanalizó los proyecto en firebase con mi cuenta personal institucional y se reemplazá por la cuenta de la pagina Stose.

• firebase3.js firebaseConfig:

• firebase2.js firebaseConfig:

• configuracion.js firebaseConfig:

---------------------------- AGREGANDO firebaseConfig CON CUENTA STOSE ------------------------------

• firebase3.js firebaseConfig con cuenta Stose:

• firebase2.js firebaseConfig con cuenta Stose:

• configuracion.js firebaseConfig con cuenta Stose: