Самый простой и бесплатный способ добавить службу входа в любой проект.



Шаг 1A: Зарегистрируйтесь на сайте logify.id

После входа в систему вы получите этот экран, нажмите «Продолжить как отдельный пользователь».

Описание изображения

Шаг 1B: Зарегистрируйте свою организацию

Нажмите на вкладку «Работа» в правом верхнем углу.

Нажмите «Создать новую организацию» на левой панели навигации.

Примечание: если вы не являетесь организацией, вы можете зарегистрироваться под названием своего проекта.

Описание изображения
Заполните реквизиты организации. Давайте возьмем пример того, куда пользователи идут в поисках работы. Здесь действительно назначенный сотрудник будет регистрировать организацию.

Описание изображения

Описание изображения
Шаг 1C: Зарегистрируйте свой домен

Нажмите на название организации (т.е. действительно) в верхнем левом углу.

Описание изображения
Нажмите «Домен» на левой панели навигации.

Нажмите «Добавить новый домен», который находится вверху справа.

Описание изображения
Заполните форму и создайте домен.

Описание изображения
После создания домена в правом верхнем углу появится кнопка «Просмотреть домен». Нажмите на эту кнопку, чтобы получить ключ домена.

Описание изображения

Описание изображения
Шаг 2: Настройте проект React
Создайте новую папку с именем react-logify-basic

Откройте react-logify-basic в коде Visual Studio

Запустите git-клон . в терминале для клонирования репозитория. Репозиторий Github

Установите все зависимости с помощью npm i

Описание изображения
Создать файл .env

Вставьте REACT_APP_LOGIFY_DOMAINKEY = YOUR_DOMAIN_KEY

Описание изображения
Шаг 3: Запустите проект
Начните свой проект с npm start

Описание изображения

Если я нажму на кнопку входа, я увижу экран входа

Описание изображения
После авторизации я вижу свои данные.

Описание изображения