Урок 63. Авторизация как таковая (TypeScript, Node.js, React)

• Урок посвящен реализации авторизации в приложении.  

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

• Цель урока: сделать пользователя авторизованным после регистрации или входа.  

• Добавление кнопки для выхода из аккаунта.  

• Автор признает, что сначала код может быть непонятным.  

• Важно продолжать писать сервис, проверяя авторизацию пользователя.  

• Установка необходимых библиотек для авторизации в Node.js.  

• Установка типов и начало работы с эндпоинтами signup и signin.  

• Генерация токена для пользователя после успешного прохождения signup.  

• Использование JWT для шифрования и расшифровки данных.  

• Обработка токенов на страницах signup и signin.  

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

• Установка и использование библиотеки js-cookie.  

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

• Использование React Router для управления роутами.  

• Настройка навигации и удаление ненужных сообщений об успехе.  

• Добавление эндпоинта getMe для получения информации о пользователе.  

• Использование контекста для получения данных о пользователе.  

• Подключение и настройка паспорта для авторизации.  

• Создание файла passport.js для подключения паспорта.  

• Применение функции passport.authenticate для авторизации пользователя.  

• Импорт и использование функции passport.authenticate в приложении.  

• Паспорт позволяет использовать разные стратегии авторизации, включая соцсети.  

• В данном случае используется стратегия JWT.  

• Паспорт расшифровывает токен с помощью секретного ключа.  

• В запросах передаются хедеры, включая токен авторизации.  

• Паспорт проверяет токен и расшифровывает его, получая ID пользователя.  

• Если пользователь найден, вызывается метод для работы с пользователями.  

• Паспорт используется в Express для авторизации запросов.  

• Если в запросе нет хедера с авторизацией, паспорт не применяется.  

• При наличии хедера с авторизацией, паспорт авторизует пользователя и добавляет его в запрос.  

• Пользователь добавляется в запрос и доступен в формате req.user.  

• В бэкенде создается функция для передачи пользователя в API.  

• Пользователь добавляется в контекст API для использования в запросах.  

• Создается тип для пользователя в Express.  

• Пользователь добавляется в тип, если он есть, или используется значение null.  

• Тип импортируется в API для корректного использования пользователя.  

• В фронтенде добавляются хедеры с токеном авторизации.  

• Паспорт на бэкенде расшифровывает токен и возвращает ID пользователя.  

• Пользователь используется в запросах для отображения кнопок меню.  

• Проверяется авторизация пользователя через GET-запрос.  

• При авторизации пользователя, кнопки меню меняются на соответствующие.  

• При перезагрузке страницы, пользователь снова проверяется на авторизацию.  

• При авторизации пользователя, все предыдущие запросы помечаются как невалидные.  

• Инвалидация перезапрашивает данные, если пользователь авторизован.  

• Логика инвалидации добавляется на страницы входа и выхода для корректной работы.  

• Удаление куки приводит к повторной авторизации.  

• Обновление страницы показывает, что пользователь не авторизован.  

• Добавление страницы выхода для автоматического удаления куки.  

• Страница выхода возвращает текст "LOGOUT".  

• Использование хука useEffect для удаления куки и перезапроса эндпоинтов.  

• Редирект на страницу входа после удаления куки.  

• Страница выхода предотвращает ошибки при перезапросе эндпоинтов.  

• Добавление роута для страницы выхода.  

• Страничка выхода должна быть отдельной от страницы входа.  

• Проверка работы страницы выхода и редиректа на страницу входа.  

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

• Проверка работы регистрации и выхода.  

• Процесс создания и хранения токена.  

• Перезапрос эндпоинтов при удалении куки.  

• Проверка наличия пользователя и отображение кнопок входа и выхода.  

• Настройка авторизации требует комплексного подхода.  

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

• Использование авторизации становится проще после настройки.