Práctico y sencillo el proceso de autentificación con google
Bienvenida e Introducción
Qué aprenderas sobre Firebase para web
¿Qué es Firebase?
El proyecto que crearás
Consola Web de Administración
Consola de administración
Configuración de Firebase en el proyecto
Autenticación de Usuarios
Servicios de autenticación y configuración de usuarios
Habilitar en la consola los servicios de autenticación por email y Google
Probar creación de usuario y autenticación
Servicios de autenticación con google
Firebase Web Login con Facebook
Gestionando el estado del usuario
Gestión de usuarios
Exportación e importación de usuarios
Gestión de la Base de Datos
Firestore
Firebase Realtime Database vs Firestore
Configuración de Firestore al proyecto
Desarrollando la inserción de datos
Consultas en real time
Realizando inserciones, consultas compuestas, límites y ordenamiento
Reglas de seguridad
Índices
Almacenamiento de archivos
Almacenamiento de Archivos en Firebase
Subiendo archivos de nuestro blog
Reglas de seguridad para el almacenamiento
Hosting
Qué nos brinda el Hosting de Firebase
Desplegando la app al hosting
Redirects, rewrites y headers
Notificaciones Push
Qué son las notificaciones en Firebase y cómo es su arquitectura
Implementando las notificaciones en el proyecto
Agregar funciones para recibir las notificaciones
Probando las notificaciones desde la aplicación
Conclusiones
Conclusiones
Aún no tienes acceso a esta clase
Crea una cuenta y continúa viendo este curso
Cuando añadimos autenticación con Google Accounts (o cualquier otra red social soportada por Firebase) el proceso de registro/inicio de sesión es un poco diferente: en vez de llenar un formulario y esperar un correo electrónico vamos a abrir una nueva ventana del navegador para llenar los datos que nos piden estas cuentas, así que, vamos a utilizar el método signInWithPopup()
definiendo anteriormente el proveedor que necesitamos.
Aportes 22
Preguntas 8
Práctico y sencillo el proceso de autentificación con google
NOTA IMPORTANTE: a los que usen navegadores nuevos como BRAVE, este ejemplo del popup no les funcionará, sin embargo si usan **CHROME **podrán seguir tranquilamente con el ejemplo.
hola alguien podría orientarme con esta parte? me da el siguiente error al querrer autentifcarme con gloolge:
lo {code: "auth/unauthorized-domain", message: "This domain (127.0.0.1) is not authorized to run t…se console -> Auth section -> Sign in method tab."}
por cierto trabajo con el web server from chrome
Si tienen errores deben cambiar a localhost de esta manera
Cuando abrimos la app en un celular creo que se ve mejor el redireccionamiento para la autenticación. Después en pantallas de escritorio ahí si los Popups.
Muy buena clase, pero no me corre la app, ya cheque el código en varias ocasiones pero tengo problemas
que genail es firebase
actualmente ya no permite usar localhost como dominio en google y fb, como se puede solucionar eso?
Wow, es increíble lo realmente fácil que fue autenticarse con Google usando firebase… en un servidor backend probablemente tuvieras que haber descargado el SDK y hacer más configuraciones…
Por ahora todo bien. Excelente curso
Tengo un problema, una vez hago la autenticación con google, y despues hago el SignOut, como puedo hacer para que se borren las credenciales ya ingresadas anteriormente, ya que se queda grabado en memoria y ya al abrir la ventana emergente inmediatamente me hace el SignIn, sin pedirme la contraseña ni nada, ya ingresa de una con mis credenciales a pesar de que ya hice el signOut previamente!
Aqui dejo mi commit de esta clase con mi practica de NextJs
yo instale font-awesome pero la version free ahora no traen los logotipos de las redes sociales, no lo instalen si no quieren. Tampoco puse la foto de perfil porque no he construido el componente del header, yo el login y registro lo hago con paginas separadas y se puede acceder con /login o /register. Me parece mas divertido hacerlo asi 😃
para los que usan visual estudio con Live Server
cambiar de 127.0.0.0 a localhost
buscar Live Server>Settings:Host
quiere decir que si habilito esta funcion… cualquier persona en el mundo puede logearse a la parte ‘privada’ de mi app con solo tener (o crear una cuenta falsa en google?) … si es asi como lo evito?.. podria crear ‘reglas’ para decir que cuenta google son permitidas a usar db calls… pero, igual (basado en lo que vi aqui) pueden crear cuentas (usuarios) ilimitados usando esta ventana de validacion? estoy malinterpretando algo?
Hola, que tal.
Alguien tiene el repo con el proyecto terminado ?
Si un usuario perdiera el acceso a su cuenta de Google y nosotros como Propietarios del proyecto, quisieramos devolverle el acceso a la Aplicación Web para que no pierda su información, ¿Cómo lo podríamos hacer? ¿Sería posible cambiar de cuenta fe google para el usuario o de repente pasarlo a la modalidad email/contraseña?
SLDS
Listo implementado en algunos proyectos personales en Firebase
Alguien podría ayudarme me marca error al momento de realizar la prueba. me aparece de la siguiente manera.
muy bien simplificado!
muy claro la explicación pero el ejemplo se me queda a medias
Si te da el error porque no está autorizado el localhost del web serve que estas utilizando, si tienes Apache instalado lo puedes utilizar desde ahi y funciona la autenticación
Me gusta porque ya tiene la información del usuario (Como la foto y nombre) en cambio con correo y contraseña el usuario debe mandar esos datos y nosotros hacer el update.
¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.