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

Демонстрация аутентификации MSAL | Доступ фронтенд-приложения к защищенному API Azure AD бэкенд-п...

Harshalkumar Jain

0:00 / 0:00

Демонстрация аутентификации MSAL | Доступ фронтенд-приложения к защищенному API Azure AD бэкенд-п...

1 433 просмотра · 7 месяцев назад
Harshalkumar Jain
6,36 тыс. подписчиков
1 433 просмотра · 7 месяцев назад
Для просмотра онлайн-тренингов и записей, пожалуйста, посетите https://www.harshalkumarjain.com/ 00:00 – Обзор архитектуры: Azure AD, фронтенд, бэкенд и Postman 05:54 – Обзор бэкенд-API и тестирование ошибки 401 Unauthorized в Swagger/Postman 09:40 – Генерация JWT-токена Azure AD в Postman и тестирование бэкенд-API 15:10 – Создание пустого проекта фронтенда ASP.NET Core 18:20 – Роли фронтенд- и бэкенд-разработчиков и отраслевые тенденции 24:00 – Настройка регистрации приложения Azure для одностраничного приложения (SPA) на фронтенде 28:00 – Настройка разрешений API и предоставление согласия администратора 32:10 – Интеграция MSAL.js во фронтенд (index.html и MSAL Config) 42:48 – Отладка и устранение проблем CORS в бэкенд-API 47:20 – Тестирование Сквозная авторизация и получение продуктов через MSAL 51:25 – Проверка идентификатора объекта участника пользователя из JWT-токена 55:00 – Рефакторинг кода фронтенда на отдельные страницы авторизации и продуктов 01:12:15 – Сквозная корпоративная архитектура: шлюз приложений, виртуальные сети и безопасность PaaS В этом видео мы рассматриваем бэкэнд-API, защищенный аутентификацией Azure AD. С помощью Postman мы можем войти в систему как пользователь Azure AD, сгенерировать JWT-токен и вызвать API. Примечание: это API с аутентификацией пользователя. Далее мы рассмотрим, как вызвать тот же API из приложения с пользовательским интерфейсом, используя библиотеку MSAL. Мы выполним следующие действия: Создадим простое приложение с пользовательским интерфейсом в Visual Studio Добавим аутентификацию MSAL Войдём в систему, используя учётную запись Azure AD Сгенерируем токен JWT Используем этот токен для вызова защищённого бэкэнд-API На этом завершается процесс вызова защищённого бэкэнд-API приложением с пользовательским интерфейсом. Таким образом, это приложение пользовательского интерфейса + приложение бэкенда (с API) — составляет наш полноценный веб-сайт. Исходный код бэкенда: https://github.com/harshaljainnet/Bac... Исходный код приложения пользовательского интерфейса: https://github.com/harshaljainnet/Jan... Примечание: В этом видео я скопировал код пользовательского интерфейса из документа Word. Этот документ доступен по адресу: https://github.com/harshaljainnet/Jan... --------------------------------------------------------------------------------------------------------------------------- Ниже приведена ссылка на все мои плейлисты: https://www.youtube.com/@Harshalkumar... Вы можете связаться со мной в LinkedIn по адресу:   / harshalkumar-jain-63554715   Если это видео оказалось для вас полезным, пожалуйста, поставьте лайк и подпишитесь на мой канал. Если у вас есть что-то интересное для меня, пожалуйста, свяжитесь со мной по адресу: Harshal.Jain.Net@gmail.com Присоединяйтесь к моей группе в WhatsApp: chat.whatsapp.com/IFIPc34blDPDHnp3JeiJHL Я очень хочу, чтобы все мои уроки были «бесплатными и доступными для всех». Для создания качественного контента требуются усилия, поэтому вы также можете угостить меня кофе, если мои уроки/видео окажутся для вас полезными. https://buymeacoffee.com/harshalkumar... --------------------------------------------------------------------------------------------------------------------------- ------------------------------------------------------------------------------------------------------ Некоторые из моих плейлистов: Урок по функциям Azure:    • Azure Functions Tutorial   Учебное пособие по Azure Logic Apps:    • Azure Logic Apps Tutorial   Учебное пособие по управлению API Azure -    • Azure API Management Tutorial   Учебное пособие по Azure IoT Hub на C# -    • Azure IoT Hub Tutorial   Учебное пособие по Azure Cosmos DB на C# -    • Azure Cosmos DB Tutorial   'Учебное пособие по аутентификации Azure AD (OAuth 2.0) с нуля' -    • Azure AD Authentication (OAuth 2.0) Tutori...   Учебное пособие по сетевым технологиям Azure -    • Azure Networking Tutorial For .NET Developers   ------------------------------------------------------------------------------------------------------