Мгновенно добавьте аутентификацию пользователя в свои реагирующие проекты с помощью EasyBase’s Компонент

Аутентификация пользователя может быть сложным модулем для реализации и управления в Интернете и мобильных приложениях. Там много нужно учитывать, когда дело доходит до безопасности, 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 Sign Out
}

export default function App() {
  return (
    
      
        
      
    
  );
}

Все пользователи появятся в интерфейсе EasyBase, под Пользователи Вкладка:

Для более глубокой ссылки Проверьте полное прохождение здесь Отказ

Оригинал: “https://dev.to/mbagley1020/instantly-add-user-authentication-to-your-react-projects-with-easybase-s-auth-component-5f1h”