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

Видео | создано: 6/11/2020 | опубликовано: 6/11/2020 | обновлено: 11/16/2022 | просмотров: 70

В этом видео про: аутентификация, авторизация, authentication, authorization, AspNetCore, basics, explanation, tutorial, обучение, roles, роли, разрешения, claims, permission, EntityFramework, NetCore, OAuth2, Bearer, IdentityServer, ClientCredentials, refresh_token, token_exprire, spa, login, logout, JavaScript

Описание

ключевые понятия: #аутентификация, #авторизация, #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://github.com/Calabonga/Authorization-Exercises - репозиторий с исходным кодом

Стать спонсором:
https://www.youtube.com/channel/UCWqjyIe9-ukFyG7I3eMVt4A/join

Благодарности помощь каналу принимаются:
https://www.calabonga.net/site/thanks