Перейти к содержимому

Двухфакторная аутентификация и JWT | Spring Boot + Angular | Полноценное приложение

Ali Bouali

0:00 / 0:00

Двухфакторная аутентификация и JWT | Spring Boot + Angular | Полноценное приложение

36 508 просмотров · 3 года назад
Ali Bouali
78,9 тыс. подписчиков
36 508 просмотров · 3 года назад
Поддержите меня, купив кофе: https://ko-fi.com/boualiali 🔥 Забронируйте место прямо сейчас и начните свой путь к становлению мастером Spring Boot!🔥 https://aliboucoding.com/p/spring-boo... 🎁 🚀 Код купона: EARLY_BIRD_30 Исходный код: https://github.com/ali-bouali/tfa-spr... 🎟 Присоединяйтесь к этому каналу, чтобы получить доступ к бонусам:    / @boualiali   Рекомендуемые курсы: 🎬 Безопасность Spring Boot и JWT-токены:    • Spring boot 3.0 - Secure your API with JWT...   🎬 Безопасность Spring — роли и разрешения:    • Spring boot 3 & Spring security 6 - Roles ...   🎬 Spring Boot - микросервисная архитектура:    • Microservices tutorial with Spring boot 3 ...   🎬 DevOps - Github Actions CI/CD:    • GitHub Actions CI/CD pipeline | Step by St...   🎬 Spring Security - интеграция с KeyCloak:    • Spring boot 3 Keycloak integration for beg...   🎬 DevOps - Docker для начинающих:    • Docker tutorial for beginners | [In 2 Hours]   🎬 DevOps - развертывание на AWS EC2:    • 🚀 Deploy Spring boot application to AWS Cl...   🎬 Angular - полный курс с нуля:    • Angular Tutorial For Beginners | 3 Hours C...   🎬 Websocket - Чат-приложение один на один:    • WebSocket Tutorial with Spring Boot | Buil...   🎬 Spring Security - Двухфакторная аутентификация (TFA):    • Two Factor Authentication & JWT | Spring b...   🎬 Spring Boot - Swagger UI и документация OpenApi:    • Spring boot 3 - OpenApi Documentation | Sw...   🎬 Spring Boot - Реактивное программирование и WebFlux:    • Reactive Programming with Spring Boot | A ...   🎬 Spring Data JPA и Hibernate:    • Spring Data JPA - The Introduction course   🎬 Apache Kafka:    • Apache Kafka Tutorial with Spring Boot Rea...   СВЯЖИТЕСЬ СО МНОЙ: 👨‍💻. Веб-сайт: https://aliboucoding.com 👨‍🏫 Facebook:   / 589612651142975   📸 Instagram:   / alibou_coding   🎮 GitHub: https://github.com/ali-bouali 🏘️ Discord:   / discord   Добро пожаловать на мой канал! В этом видео мы с удовольствием представляем инновационное и безопасное приложение, реализованное с использованием Spring Boot, Angular, JWT (JSON Web Tokens), Google Authenticator и двухфакторной аутентификации (2FA). 🚀 В этом передовом проекте мы объединили возможности Spring Boot и Angular для создания надежного и удобного веб-приложения. Spring Boot обеспечивает прочную основу для бэкенда, предлагая простую настройку и бесшовную интеграцию с различными библиотеками. 🎨 На фронтенде Angular блистает своим динамичным и отзывчивым пользовательским интерфейсом, обеспечивая плавный и привлекательный пользовательский опыт. Мы расскажем вам, как создать элегантный и современный интерфейс, дополняющий функциональность бэкенда приложения. 🔒 Безопасность — наш главный приоритет, поэтому мы внедрили JWT для безопасной аутентификации и авторизации пользователей. JSON Web Tokens позволяют нам выдавать пользователям защищенные токены при входе в систему, устраняя необходимость хранения конфиденциальных данных, таких как пароли, на стороне клиента или сервера. 💡 Но мы на этом не остановились! Мы сделали все возможное, чтобы обеспечить максимальную защиту с помощью Google Authenticator и двухфакторной аутентификации (2FA). 2FA обеспечивает пользователям дополнительный уровень безопасности помимо паролей. Мы продемонстрируем, как включить Google Authenticator в качестве второго фактора аутентификации, сделав ваше приложение практически непроницаемым для несанкционированного доступа. 🔧 На протяжении всего видео мы шаг за шагом будем объяснять реализацию кода, делиться лучшими практиками и рассматривать потенциальные проблемы. 🎯 К концу этого урока вы получите полное понимание того, как создать приложение с идеальным сочетанием производительности, безопасности и удобства использования, используя Spring Boot, Angular, JWT, Google Authenticator и двухфакторную аутентификацию. #Angular #jwt #2fa #2factorauthentication #alibou #aliboucoding Содержание ----------------------------------------------- 00:00 Введение 02:11 Что вам нужно для лучшего понимания курса 04:24 Что такое двухфакторная аутентификация? 08:53 Процесс двухфакторной аутентификации 11:01 Расширение запроса пользователя и регистрации 13:24 Обновление процесса регистрации 16:00 Реализация сервиса двухфакторной аутентификации 24:37 Адаптация метода регистрации 28:28 Процесс входа в систему с двухфакторной аутентификацией 29:39 Реализация процесса входа в систему 31:17 Добавление метода подтверждения кода 33:16 Реализация метода подтверждения кода 36:08 Создание нового проекта Angular 37:16 Генерация компонентов и создание маршрутов 39:50 Создание формы регистрации 42:40 Реализация сервиса аутентификации 46:02 Реализация регистрации 55:57 Генерация кода с помощью Google Authenticator 57:28 Реализация процесса проверки 01:03:17 Тестирование полного процесса регистрации 01:06:00 Реализация и тестирование процесса входа в систему 01:12:50 Добавление аутентификации охранник 01:17:21 Полное тестирование приложения 01:...