Аутентификация: JavaScript, SPA и IdentityServer4 (часть 8)

ключевые понятия: #аутентификация, #авторизация, #authentication, #authorization, #AspNetCore, #basics, #explanation, #tutorial, #обучение, #roles, #роли, #разрешения, #claims, #permission, #EntityFramework, #NetCore, #OAuth2, #Bearer, #IdentityServer, #ClientCredentials, #refresh_token, #token_exprire, #swagger, #swaggerUI

В этом ролике создадим новый проект, в котором будем использовать JavaScript. На этот раз это будет ASP.NET Core со статичными файлами (JavaScript + HTML). Реализуем вход и выход через IdentityServer4, который находится в другом проекте. Для реализации будет использован "old school" подход для разработки JavaScript-приложений.

[00:57] Постановка задачи для видео
[01:30 ] Знакомство с oidc-client для JavaScript
[02:58] Создание проекта для SPA на ASP.NET Core
[07:16] Настройка нового js-клиента в IdentityServer4
[32:21] Call API: Вызываем метод на другом сервесе.
[37:32] Побеждаем CORS!
[39:58] Кнопка Refresh: разметка и скрипты
[46:50] Когда обновлять токен?
[49:46] Refresh token и IFrame
[50:36] Кнопка Logout: разметка и скрипты
[55:44] IdentityServer4 и localStorage
[58:18] Logout везде: addUserSignout()
[59:25] Интересное про check_session_iframe и 2 секунды
[61:30] Интересное про check_session_iframe и 2 секунды

Ссылки:

ВНИМАНИЕ: Репозиторий обновился. Теперь в ветке `master` используется IdentityServer4 с версией 4.х.х. А для сохранения исходного кода, который показан на видео создана метка (tag) - IdentityServer4_v.3.1.3, где, соответственно, используется версия IdentityServer4 v3.1.3.

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

Благодарности и помощь каналу принимаются:

[mkinfrared]

Лучи добра за такую классную серию видео!!

[Дмитрийсекрет-но]

Классный урок на выходные))) Эх. еще бы 5-к шт на длинные праздники))

[nickholden]

Получается мы храним часть UI по аутентификации на IS4? Нет способа хранить его на клиенте? И в случаи изменения UI придётся менять его и на фронте и на IS4?

[КатяМалафеева-шк]

Подскажите пожалуйста, почему не нужно было настраивать CORS в Authorization.Orders.Api в примере с Authorization.Client.Mvc в предыдущем видео? Извините я только учусь, не все в голове помещается.

[ЮлианаШилько]

привет) у меня вопрос: "страница в которой форма с login, где вводится юзер и пароль", ее отдельно надо делать? и куда указывать ее, чтоб при нажатии на кнопку log in в начале переходить на странцу с формой?
спасибо за ответ

[TheHardPotter]

Все же веб лучше было бы сделать на ангуляре или вью))