react rainbow firebase auth

React-Rainbow-Firebase-Auth

Аутентификация пользователя часто является самой сложной частью создания любого веб -приложения, особенно если вы хотите интегрировать несколько поставщиков. Наличие профиля - одна из самых распространенных функций, которые вам понадобятся в свои проекты. Теперь вся трудная работа была проделана для вас как строительство Templete в React , которая позволит вам через несколько минут для аутентификации с использованием службы Firebase.

Проект использует:

• 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
• Пожарная база 7.4.0
• Стилизованные компоненты 4.4.1
• React-Rainbow Components 1.11.0
• Eslint 6.1.0
• StyleLint 12.0.0
• Cypress 3.7.0

Поставщики поддержали:

• Google
• Facebook

Функции:

• Идеальная аутентификация пользовательского интерфейса и решения безопасности для современных приложений для одностраничных
• Поддерживает локальный вход с помощью имени пользователя, электронной почты и пароля с использованием лучших методов безопасности
• Поддерживает социальное вход с Facebook и Google, используя лучшие методы безопасности
• Страница профиля пользователя с возможностью обновлять текущий пароль, имя пользователя и электронное письмо
• Отправляет системные электронные письма для сброса пароля
• Интеграция Facebook и Google полностью протестирована
• Интеграционный тест с Cypress

Установить и запустить

• Эти инструкции являются основными, вы можете использовать любой метод для выполнения этой работы.

1. Сделайте новую папку для вашего репо
2. Запустите экземпляр GIT и скопируйте файлы шаблонов
3. Перезаписать это чтение
4. Обязательно измените название репо
5. Обязательно измените manifest.json в public папке
6. Обязательно измените firebase.js в папке src

Разнообразный

Прежде чем начать

Добавьте Firebase в свой проект JavaScript

Будьте готовы получить Acces с поставщиком Facebook

1. На сайте Facebook для разработчиков получите идентификатор приложения и секрет приложения для вашего приложения
2. Включить вход в Facebook:
   1. В консоли Firebase откройте раздел аудитории .
   2. На вкладке «Метод подписи» включите метод входа в Facebook и укажите идентификатор приложения и App Secret, который вы получили от Facebook.
   3. Затем убедитесь, что ваш OAuth перенаправляет URI (например, my-app-12345.firebaseapp.com/__/auth/handler ), указан как один из ваших OAuth Redirect URI на странице настроек вашего приложения Facebook на Facebook для сайта разработчиков в настройках продукта> Facebook Login .

Будьте готовы получить Acces с Google Provider

1. Включить вход в Google в консоли Firebase:
   1. В консоли Firebase откройте раздел аудитории .
   2. На вкладке «Метод выхода» включите метод входа Google и нажмите «Сохранить» .

Будьте готовы получить Acces с поставщиком GitHub

1. В консоли Firebase откройте раздел аудитории .
2. На вкладке «Метод знака» включите поставщика GitHub .
3. Добавьте идентификатор клиента и секрет клиента из консоли разработчика этого поставщика в конфигурацию поставщика:
   1. Зарегистрируйте свое приложение в качестве приложения разработчика на GitHub и получите идентификатор клиента OAuth 2.0 и секрет клиента OAuth 2.0.
   2. Убедитесь, что ваша Firebase OAuth перенаправляет URI (например, my-app-12345.firebaseapp.com/__/auth/handler ) установлен в качестве URL-адреса обратного вызова авторизации на странице настроек вашего приложения в конфигурации приложения вашего приложения Github.
4. Нажмите Сохранить .

Сторонники

Это проект с открытым исходным кодом, поддерживаемый Nexxtway Corp.