react rainbow firebase auth

React-Rainbow-Firebase-auth

用户身份验证通常是构建任何Web应用程序的最难部分，尤其是在您要集成多个提供商的情况下。拥有个人资料是您需要在项目中添加的最常见功能之一。现在，所有艰巨的工作已经为您完成，因为React中的templete构建将使您在短短几分钟内使用Firebase服务进行身份验证。

该项目使用：

• 反应16.12.0
• 反应16.12.0
• React-Redux 7.1.3
• React-Router-Dom 5.1.2
• React-Intl 3.6.2
• REDUX 4.0.4
• REDUX形式8.2.6
• Firebase 7.4.0
• 样式组件4.4.1
• React-Rainbow组件1.11.0
• ESLINT 6.1.0
• Stylelint 12.0.0
• 柏树3.7.0

提供者支持：

• 谷歌
• Facebook

特征：

• 理想的身份验证UI和现代单页应用程序的安全解决方案
• 使用最佳安全惯例支持使用用户名，电子邮件和密码的本地登录
• 使用Facebook和Google使用最佳安全实践支持社交登录
• 用户个人资料页面具有更新您当前密码，用户名和电子邮件的能力
• 发送系统电子邮件以重置密码
• Facebook和Google集成完全测试
• 与柏树的集成测试

安装和运行

• 这些说明是基本的，您可以使用任何方法来完成这项工作。

1. 为您的存储库制作新文件夹
2. 启动git实例并复制模板文件
3. 覆盖此读数
4. 确保更改回购标题
5. 确保更改manifest.json public文件夹上的json
6. 确保更改src文件夹上的firebase.js

各种各样的

开始之前

将firebase添加到您的JavaScript项目中

准备好与Facebook提供商获得加速

1. 在Facebook for DeveloperS网站上，获取应用程序ID和应用程序的应用程序秘密
2. 启用Facebook登录：
   1. 在Firebase控制台中，打开Auth部分。
   2. 在“符号”选项卡上，启用Facebook登录方法并指定您从Facebook获得的应用程序ID和应用程序秘密。
   3. 然后，请确保您的OAuth重定向URI （例如my-app-12345.firebaseapp.com/__/auth/handler列出了您的OAuth Redirect URI之一，在您的Facebook应用程序设置页面上的Facebook Appings页面中的开发人员网站上的Facebook Appings页面中的一个oauth Ridiredirect> Facebook login Login Config。

准备与Google提供商获得同行

1. 在Firebase控制台中启用Google登录：
   1. 在Firebase控制台中，打开Auth部分。
   2. 在“方法”选项卡上，启用Google登录方法，然后单击“保存” 。

准备与GitHub提供商获得加速

1. 在Firebase控制台中，打开Auth部分。
2. 在“方法”选项卡上，启用GitHub提供商。
3. 将该提供商开发人员控制台中的客户ID和客户端秘密添加到提供商配置：
   1. 在GitHub上注册您的应用程序作为开发人员应用程序，并获取您的应用程序的OAuth 2.0客户端ID和客户端秘密。
   2. 确保您的firebase oauth重定向URI （例如my-app-12345.firebaseapp.com/__/auth/handler ）设置为您的github应用程序配置的应用程序设置页面中的授权回调URL 。
4. 单击保存。

支持者

这是Nexxtway Corp.维护的开源项目键盘。