Аутентификация пользователя может быть сложным модулем для реализации и управления в Интернете и мобильных приложениях. Там много нужно учитывать, когда дело доходит до безопасности, jwts, colling и гораздо больше Отказ
К счастью, это может быть достигнуто мгновенно с
Компонент (
для реагирования родных) из «EasyBase-React» упаковка.
Конечный результат будет выглядеть так:
export default function App() { return (); } You're In!
Процесс
Создайте бесплатный аккаунт в EasyBase.io и сделать Проект Отказ Оттуда скачать свой Ebconfig
токен и поместите его в ваш реактивный проект SRC/
папка. Установите пакет с помощью NPM I EasyBase-React
Отказ
Импортируйте этот файл конфигурации вместе с EasyBaseProvider
и Автор
:
import ebconfig from './ebconfig'; import { EasybaseProvider, Auth } from 'easybase-react';
Оберните весь свой компонент в EasyBaseProvider
и место Автор
внутри этого. Дети Auth
будут загружены только и отображаться, если пользователь в настоящее время вписан.
export default function App() { return (); } You're In!
Запустите свой проект и создайте пример аккаунта, нажав « » Нет аккаунта? Зарегистрироваться ‘:
Это подпишут вас!
Компонент очень настраивается, когда дело доходит до CSS и форм, Читайте здесь для настройки .
Выйти, импортировать Используйте
и позвонить в Подпись
Функция:
function User() { const { signOut } = useEasybase() return } export default function App() { return (); }
Все пользователи появятся в интерфейсе EasyBase, под Пользователи Вкладка:
Для более глубокой ссылки Проверьте полное прохождение здесь Отказ
Оригинал: “https://dev.to/mbagley1020/instantly-add-user-authentication-to-your-react-projects-with-easybase-s-auth-component-5f1h”