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

提供者支持：

• Google
• 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.維護的開源項目鍵盤。