Поток аутентификации входа в систему React Redux с доступом JWT, токенами обновления, файлами Cookie

• В видео объясняется процесс аутентификации входа в систему с использованием токенов доступа JWT и обновления.  

• Используется приложение React Redux, в которое автор входит и получает токен доступа.  

• Затем автор предоставляет пяти токенам доступа срок годности, так как они имеют смехотворно низкий срок действия.  

• В процессе входа в систему автор объясняет, как настроен процесс аутентификации в React и Redux.  

• Автор создает фрагмент аутентификации, используя create slice из Redux Toolkit.  

• В фрагменте аутентификации определяются начальное состояние, редукторы и селекторы.  

• Создаются методы установки учетных данных и выхода из системы.  

• Автор создает базовый запрос с использованием запроса fetchbase из Redux Toolkit.  

• Определяются базовый URL, учетные данные и подготовленные заголовки.  

• В заголовках добавляется токен доступа, который отправляется с каждым запросом.  

• Автор создает пользовательскую функцию запроса, которая использует базовый запрос и токен обновления для получения нового токена доступа.  

• Функция обрабатывает коды состояния 403 и 401, отправленные сервером.  

• Если получен код 403, автор отправляет токен обновления для получения нового токена доступа.  

• Создание API и хранилища для аутентификации с использованием Redux Toolkit.  

• Создание базового запроса и его обертывание с помощью reauth для авторизации.  

• Создание расширенного фрагмента API для авторизации и определение конечных точек.  

• Импорт данных из магазина и настройка Redux.  

• Создание провайдера и добавление его после приложения.  

• Создание маршрутов и настройка маршрутизации внутри приложения.  

• Создание макета и общедоступной страницы для ремонтной мастерской.  

• Создание компонента входа в систему и его настройка с использованием React Router.  

• Импортируются необходимые функции из react router dom и react redux.  

• Создается пользователь, ссылка на ошибку и состояние для пользователя, пароля и сообщения об ошибке.  

• Создается функция навигации и функция отправки для формы.  

• Форма обрабатывает отправку и предотвращает дефолт.  

• Функция отправки отправляет запрос в API и устанавливает учетные данные.  

• Создается компонент аутентификации для защиты маршрутов.  

• Импортируются функции из react router и react redux.  

• Создается компонент require auth, который проверяет наличие токена и перенаправляет на нужный маршрут.  

• Создается защищенный компонент, который отображает текущего пользователя и токен.  

• Импортируются функции из react router и react redux.  

• Создается функциональный компонент приветствия, который отображает приветственное сообщение и текущего пользователя.  

• Создание приложения с использованием React и Redux, включая импорт маршрутов и компонентов.  

• Определение содержания приложения, включая приветственное сообщение, аббревиатуру токена и ссылку на список пользователей.  

• Тестирование приложения на сервере, проверка работы входа в систему и запроса данных.  

• Создание нового каталога для пользовательского API, импорт исходного фрагмента API и определение конечных точек.  

• Создание метода getusers и определение запроса с использованием rtk query.  

• Создание компонента списка пользователей с использованием запроса useGitUsers из API slice.  

• Импорт ссылки с react-router-dom.  

• Получение данных из запроса useGitUsers и их переименование в users.  

• Создание контента на основе данных users.  

• Вход в систему с неправильным паролем и получение ошибки "сервер не отвечает".  

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

• Кэширование данных с помощью RTC Query.  

• Сохранение неиспользуемых данных на пять лет.  

• Понимание работы React и Redux для аутентификации с использованием JWT.  

• Изучение курса по JS для более глубокого понимания JWT.