Keycloak - Краткое введение в Keycloak с использованием Vite+React, NodeJS

• Keylock - это сервис аутентификации с открытым исходным кодом.  

• Он позволяет внедрять службы аутентификации и контроля доступа в веб-приложения.  

• Keylock бесплатен и размещается на собственных серверах, в отличие от платных сервисов Auth Zero и Okta.  

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

• Интеграция с социальными сетями позволяет пользователям входить в приложения через свои учетные записи Google, Facebook или Twitter.  

• Keylock предоставляет интерфейс для управления пользователями, включая создание, удаление и экспорт пользователей.  

• Можно устанавливать время истечения срока действия пароля и предоставлять пользователям возможность его изменения.  

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

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

• Keylock позволяет централизованно управлять пользователями на собственном сервере.  

• Это удобно для использования одних и тех же учетных данных на разных платформах.  

• Для настройки сервера Keylock используется Docker.  

• Команда для запуска сервера включает загрузку изображения, установку параметров и сопоставление портов.  

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

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

• Создание нового клиента для подключения к серверу Keylock.  

• Настройка базовой аутентификации и демонстрация работы с приложением React.  

• Использование Create React App для создания приложения.  

• Установка зависимостей и создание хука useauth для обработки аутентификации.  

• Создание экземпляра Keylock и передача параметров URL, область и идентификатор клиента.  

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

• Сервер ключевых часов запускается через порт 4000.  

• Идентификатор области и клиента.  

• Перезапуск серверов для применения изменений.  

• Импорт переменных окружения.  

• Метод init с параметром login required для проверки подлинности.  

• Обработка аутентификации: перенаправление на сервер синхронизации ключей при отсутствии входа.  

• Ошибка URI перенаправления.  

• Настройка действительных URL-адресов для аутентификации.  

• Применение ограничений на подключение к сервису key clock.  

• Изменение названия проекта и отображение имени HTML.  

• Включение регистрации пользователей.  

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

• Включение функции электронной почты.  

• Настройка SMTP-сервера и параметров электронной почты.  

• Выбор темы и настройка внешнего вида страницы.  

• Настройка событий, локализации, защиты системы безопасности.  

• Настройка сеансов и токенов.  

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

• Создание пользователя через панель администратора.  

• Установка временного пароля и начального пароля.  

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

• Приложение не сохраняет состояние входа.  

• Проблема с использованием эффекта в строгом режиме.  

• Решение проблемы с помощью useref-хука.  

• Устанавливаем значение по умолчанию false.  

• Внутри useEffect проверяем значение isRun.  

• Если значение true, возвращаем false, иначе выполняем код.  

• Это предотвращает повторный запуск эффекта.  

• Keycloak позволяет управлять сеансами пользователей.  

• Можно выйти из системы, нажав кнопку "Выйти".  

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

• Создаем пользователя через панель администратора.  

• Keycloak регистрирует пользователя сразу после регистрации.  

• Можно выйти из системы через панель Keycloak.  

• На вкладке "Аутентификация" можно настроить политику паролей.  

• Можно установить минимальную длину, заглавные буквы и специальные символы.  

• Keycloak автоматически проверяет пароли на соответствие этим правилам.  

• Keycloak поддерживает двухфакторную аутентификацию.  

• Включаем двухфакторную аутентификацию через панель Keycloak.  

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

• Keycloak можно использовать для защиты маршрутов на внутреннем сервере.  

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

• Токен проверяется на действительность и срок действия.  

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

• Используем axios для вызова API.  

• Настраиваем прокси-сервер для перенаправления вызовов API.  

• Приложение React работает на порту 5173, сервер - на 5000.  

• Настраиваем прокси-сервер через конфигурационный файл.  

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

• Обновление сервера и отображение данных в консоли.  

• Желание отображать данные на экране вместо консоли.  

• Назначение разных записей разным пользователям в зависимости от входа.  

• Keycloak генерирует токен при входе.  

• Получение токена в приложении React и включение его в вызовы API.  

• Проверка действительности токена на внутреннем сервере.  

• Установка пакета json web token для аутентификации.  

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

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

• Получение открытого ключа RSA и расшифровка токена.  

• Идентификация пользователя по адресу электронной почты.  

• Назначение имени пользователя для запроса пользователя.  

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

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

• Обновление API для предоставления данных, специфичных для пользователя.  

• Создание резервной копии сервера Keycloak.  

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

• Экспорт и импорт пользователей через скрипт оболочки.  

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

• Интеграция с социальными сетями.  

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