Авторизация: IdentityServer4 и JavaScript (SPA)

Сайтостроение | создано: 11.06.2020 | опубликовано: 11.06.2020 | обновлено: 13.01.2024 | просмотров: 2488

Настройка IdentityServer4 на работу с браузерными приложениями.

Ключевые понятия

#аутентификация, #авторизация, #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

[05:44] Подключение oidc-client.js

[07:16] Настройка нового js-клиента в IdentityServer4

[08:36] Создание разметки в Index.html и main.js (output метод). Кнопка Login: разметка и скрипты

[11:59] настройки клиента и UserManager.signinRedirect()

[24:06] Создаем страницу callback.html и обработчик callback.js

[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 секунды

Ссылки:

https://github.com/IdentityModel/oidc-client-js/ - oidc client для JavaScript-приложений или (браузерных-приложений) https://github.com/Calabonga/Authorization-Exercises - репозиторий с исходным кодом
https://openid.net/specs/openid-connect-core-1_0.html#Authentication - описание типов аутентификации
https://identityserver4.readthedocs.io/ - документация по IdentityServer4 (en)
https://github.com/IdentityModel/oidc-client-js/wiki - oidc-client для JavaScript
https://paypal.me/calabonga - Сказать спасибо

Видео