react rainbow firebase auth

React-Rainbow-FireBase-Auth

A autenticação do usuário geralmente é a parte mais difícil da criação de qualquer aplicativo da Web, especialmente se você deseja integrar vários provedores. Ter um perfil é um dos recursos mais comuns que você precisará adicionar aos seus projetos. Agora, todo o trabalho difícil foi feito para você como uma construção tempeita no React que permitirá que você em apenas alguns minutos se autentique usando o serviço Firebase.

O projeto usa:

• React 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-Form 8.2.6
• Firebase 7.4.0
• Componentes com estilo 4.4.1
• React-Rainbow-Components 1.11.0
• Eslint 6.1.0
• Stylelint 12.0.0
• Cypress 3.7.0

Provedores suportados:

• Google
• Facebook

Características:

• UI de autenticação ideal e solução de segurança para aplicativos modernos de página única
• Suporta login local com nome de usuário, e-mail e senha usando as melhores práticas de segurança
• Suporta o login social com o Facebook e o Google usando as melhores práticas de segurança
• Página de perfil de usuário com a capacidade de atualizar sua senha atual, nome de usuário e e-mail
• Envia e -mails do sistema para redefinição de senha
• Facebook e Google Integration totalmente testados
• Teste de integração com cipreste

Instale e execute

• Essas instruções são básicas, você pode usar qualquer método para fazer este trabalho.

1. Faça uma nova pasta para o seu repo
2. Inicie uma instância git e copie os arquivos de modelo
3. Substitua este readme
4. Certifique -se de mudar o título do repo
5. Certifique -se de mudar o manifest.json na pasta public
6. Certifique -se de alterar o firebase.js na pasta src

Variado

Antes de começar

Adicione o Firebase ao seu projeto JavaScript

Esteja pronto para obter acessos com o provedor do Facebook

1. No site do Facebook for Developers, obtenha o ID do aplicativo e um segredo para o seu aplicativo
2. Ativar login do Facebook:
   1. No console do Firebase, abra a seção de autenticação .
   2. Na guia Método de entrada , ativar o método de login do Facebook e especifique o ID do aplicativo e o segredo do aplicativo que você recebeu do Facebook.
   3. Em seguida, verifique se o seu OAuth redirecionou URI (por exemplo, my-app-12345.firebaseapp.com/__/auth/handler ) está listado como um dos seus Uris Redirecionados OAuth na página Configurações do seu aplicativo do Facebook no site do Facebook para desenvolvedores nas configurações do produto> Facebook Login Config.

Esteja pronto para obter acesos com o provedor do Google

1. Ativar login do Google no console do Firebase:
   1. No console do Firebase, abra a seção de autenticação .
   2. Na guia Método de login , ative o método de assinatura do Google e clique em Salvar .

Esteja pronto para obter acessos com o provedor do GitHub

1. No console do Firebase, abra a seção de autenticação .
2. Na guia Sign in Method , ative o provedor do GitHub .
3. Adicione o ID do cliente e o segredo do cliente do console do desenvolvedor desse provedor à configuração do provedor:
   1. Registre seu aplicativo como um aplicativo de desenvolvedor no Github e obtenha o ID do cliente OAuth 2.0 do seu aplicativo.
   2. Verifique se o seu Firebase OAuth Redirect URI (por exemplo, my-app-12345.firebaseapp.com/__/auth/handler ) está definido como URL de retorno de chamada de autorização na página de configurações do seu aplicativo na configuração do seu aplicativo Github.
4. Clique em Salvar .

Apoiadores

Este é um projeto de código aberto mantido pela Nexxtway Corp.