react rainbow firebase auth

React-Rainbow-Firebase-Auth

La autenticación del usuario es a menudo la parte más difícil de construir cualquier aplicación web, especialmente si desea integrar múltiples proveedores. Tener un perfil es una de las características más comunes que necesitará agregar en sus proyectos. Now all the tough work has been done for you as a templete build in React that will allow you in just a few minutes to authenticate using Firebase service.

El proyecto usa:

• reaccionar 16.12.0
• React-Dom 16.12.0
• React-Redux 7.1.3
• React-Router-DOM 5.1.2
• React-INTL 3.6.2
• Redux 4.0.4
• Redux-Forms 8.2.6
• Firebase 7.4.0
• componentes de estilo 4.4.1
• React-Rainbow-Components 1.11.0
• Eslint 6.1.0
• Stylelint 12.0.0
• Cypress 3.7.0

Proveedores apoyados:

• Google
• Facebook

Características:

• La interfaz de usuario de autenticación ideal y la solución de seguridad para aplicaciones modernas de una sola página
• Admite el inicio de sesión local con nombre de usuario, correo electrónico y contraseña utilizando las mejores prácticas de seguridad
• Admite el inicio de sesión social con Facebook y Google utilizando las mejores prácticas de seguridad
• Página de perfil de usuario con la capacidad de actualizar su contraseña, nombre de usuario y correo electrónico actuales
• Envía correos electrónicos del sistema para restablecer la contraseña
• Integración de Facebook y Google Totalmente probada
• Prueba de integración con ciprés

Instalar y ejecutar

• Estas instrucciones son básicas, puede usar cualquier método para hacer este trabajo.

1. Haz una nueva carpeta para tu repositorio
2. Iniciar una instancia de GIT y copiar archivos de plantilla
3. Sobrescribir este readme
4. Asegúrese de cambiar el título de repositorio
5. Asegúrese de cambiar el manifest.json en la carpeta public
6. Asegúrese de cambiar el firebase.js en la carpeta src

Misceláneas

Antes de comenzar

Agregue Firebase a su proyecto JavaScript

Esté listo para obtener acces con el proveedor de Facebook

1. En el sitio de Facebook para desarrolladores, obtenga la identificación de la aplicación y un secreto de la aplicación para su aplicación
2. Habilitar el inicio de sesión de Facebook:
   1. En la consola Firebase, abra la sección de autores .
   2. En la pestaña Método de registro , habilite el método de inicio de sesión de Facebook y especifique el ID de aplicación y el secreto de la aplicación que obtuvo de Facebook.
   3. Luego, asegúrese de que su URI de redirección OAuth (por ejemplo, my-app-12345.firebaseapp.com/__/auth/handler ) aparezca como uno de sus URI de redirigir OAuth en la página de configuración de su aplicación de Facebook en el sitio de Facebook para desarrolladores en la configuración de inicio de sesión de Facebook .

Esté listo para obtener acces con el proveedor de Google

1. Habilite el inicio de sesión de Google en la consola Firebase:
   1. En la consola Firebase, abra la sección de autores .
   2. En la pestaña Método de registro , habilite el método de inicio de sesión de Google y haga clic en Guardar .

Esté listo para obtener acces con el proveedor de Github

1. En la consola Firebase, abra la sección de autores .
2. En la pestaña Método de registro , habilite el proveedor de GitHub .
3. Agregue la identificación del cliente y el secreto del cliente de la consola de desarrollador de ese proveedor a la configuración del proveedor:
   1. Registre su aplicación como una aplicación de desarrollador en GitHub y obtenga la ID de cliente OAuth 2.0 de su aplicación y el secreto del cliente .
   2. Asegúrese de que su URI de redirección de Firebase OAuth (por ejemplo, my-app-12345.firebaseapp.com/__/auth/handler ) esté configurado como URL de devolución de llamada de su autorización en la página de configuración de su aplicación en la configuración de su aplicación GitHub.
4. Haga clic en Guardar .

Seguidores

Este es un proyecto de código abierto mantenido por Nexxtway Corp.