МОНИТОР СЕССИИ

Из вашего видео и сетевой трассировки я вижу, что используется управление сеансом OpenID Connect. Если вы посмотрите на метаданные OIDC, возвращенные с вашего сервера авторизации, вы увидите, что присутствует поле check_session_iframe URL. Этот URL возвращает некоторый код JavaScript.

Происходит то, что библиотека запускает скрытый iframe, который загружает этот код JavaScript, который затем делает Ajax-запрос к серверу авторизации каждые пару секунд, чтобы проверить состояние входа. Цель состоит в том, чтобы файл cookie SSO был отправлен в этом запросе.

Однако недавние ограничения браузера отменят файл cookie SSO, поскольку он относится к домену, отличному от исходного веб-сайта, и, таким образом, классифицируется как сторонний. Исходящий запрос включает параметр prompt=none. Поскольку файл cookie SSO отсутствует, сервер авторизации возвращает код ошибки login_required. Вы не можете полагаться на то, что этот поток работает в современных браузерах, поэтому вы должны отключить поведение sessionMonitor. См. соответствующий код библиотеки.

ГОСУДАРСТВЕННЫЙ МАГАЗИН

Если вы внимательно посмотрите на локальное хранилище, то увидите, что существует два типа записи. Тот, который содержит верификатор кода PKCE, содержит только состояние входа в систему, которое не требуется на нескольких вкладках браузера. Поэтому используйте хранилище сеансов, чтобы записи не накапливались. Это подход, который использует мой пример кода. Между тем, пользовательское хранилище — это место, где хранятся токены доступа и информация о пользователе — для этого может использоваться другой тип хранилища.

ОКОНЧАТЕЛЬНАЯ КОНФИГУРАЦИЯ

Обновите конфигурацию клиента oidc двумя новыми настройками здесь, чтобы решить обе проблемы.

const config = {
    authority: AUTHORITY_PROD,
    client_id: '****',
    redirect_uri: ORGIN + '/callback',
    response_type: 'code',
    scope: 'openid read write',
    post_logout_redirect_uri: ORGIN + '/',
    userStore: new WebStorageStateStore({ store: window.localStorage }),
    stateStore: new WebStorageStateStore({ store: window.sessionStorage }),
    automaticSilentRenew: false,
    sessionMonitor: false
};

ОТЛАДКА

Если проблемы не устранены, добавьте некоторые операторы console.info в саму клиентскую библиотеку oidc, например, отредактировав файлы в указанной ниже папке. Возможно, начнем с редактирования UserManager.js, чтобы понять, почему библиотека активировала управление сессиями:

node_modules/oidc-client-js

Я получил исправление по основным моментам из ответа Гэри.

Публикация здесь, так как это будет полезно любому, кто придет сюда позже.

1. Эти изменения должны идти на стороне клиента (React, Angular, SPA..)

1. Отключить automaticSilentRenew
2. Отключить monitorSession

Конечная конфигурация клиента:

const config = {
    authority: AUTHORITY_PROD,
    client_id: '****',
    redirect_uri: ORGIN + '/callback',
    response_type: 'code',
    scope: 'openid read write',
    post_logout_redirect_uri: ORGIN + '/',
    userStore: new WebStorageStateStore({ store: window.localStorage }),
    automaticSilentRenew: false,
    monitorSession: false,
    client_secret: '****',
};

2. Эти изменения должны идти на стороне сервера (какая бы серверная технология не использовалась)

Я использую IdentityServer, построенный на .NET 7, так что это необходимые изменения конфигурации.

1. Установите SameSite политику использования файлов cookie на NONE
2. Установите SecurePolicy на ALWAYS

 services.AddIdentityServer(options => {
                //Set cookie lifetime
                options.Authentication.CookieLifetime = TimeSpan.FromSeconds(config.IdentityServerCookieLifetime);
            })
            //For local testing only
            .AddDeveloperSigningCredential()
            //Configure CORS policy
            .AddCorsPolicyService<MyCORSPolicy>()
            //Fetch OAuth v2 resources from SQLServer
            .AddResourceStore<MyResourceStore>()
            //Fetch OAuth v2 clients from SQLServer
            .AddClientStore<MyClientStore>()
            //Fetch user profiles from SQLServer
            .AddProfileService<ProfileService>();

            //Set cookie policy
            services.ConfigureApplicationCookie(options => {
                options.Cookie.SameSite = SameSiteMode.None;
                options.Cookie.SecurePolicy = CookieSecurePolicy.Always;
            });