Identity Server 4 - 检查 iframe 会话问题 - oidc 客户端

Question

我在我的 Angular 应用程序中使用 OIDC Client 对身份服务器 4 进行身份验证。一切正常，直到我点击退出。

我已启用监控会话（默认启用），以便其他浏览器可以检测到注销，并且我可以在同一浏览器的其他选项卡中注销用户。当我从一个选项卡中注销时，另一个选项卡会向身份服务器发出请求以获取静默刷新令牌，并获得成功。我希望其他浏览器也能注销。如果我在另一个选项卡中按 F5，那么是的，它会被重定向到再次登录。但不是自动的。

Answer 1

更新

要从共享同一身份服务器frontChannel 的其他客户端注销，您可以在您的身份中添加一个 iframe 以通知您的客户注销（oidc-client.js 支持前通道注销强>)

前端渠道服务器端客户端

要通过前端通道规范从服务器端客户端应用程序中注销用户，IdentityServer 中的“注销”页面必须呈现一个通知客户端用户已注销。希望收到通知的客户端必须设置 FrontChannelLogoutUri 配置值。 IdentityServer 跟踪用户已登录的客户端，并在 IIdentityServerInteractionService 上提供名为 GetLogoutContextAsync 的 API（详细信息）。此 API 返回一个带有 SignOutIFrameUrl 属性的 LogoutRequest 对象，您的注销页面必须将其呈现为 .

反向通道服务器端客户端

要通过反向通道规范从服务器端客户端应用程序注销用户，IdentityServer 中的 SignOutIFrameUrl 端点将自动触发服务器到服务器调用，将签名的注销请求传递给客户端。这意味着即使没有前端通道客户端，IdentityServer 中的“注销”页面仍必须如上所述向 SignOutIFrameUrl 呈现一个。希望收到通知的客户端必须设置 BackChannelLogoutUri 配置值。

基于浏览器的 JavaScript 客户端

考虑到会话管理规范的设计方式，您无需在 IdentityServer 中执行任何特殊操作来通知这些客户端用户已退出。但是，客户端必须对 check_session_iframe 进行监控，这由 oidc-client JavaScript 库实现。

之后，您可以在所有客户端中监听 oidc-client 的事件 addUserSignedOut 并触发 signoutRedirect 以注销您的客户端

this._userManager.events.addUserSignedOut(() => {
    this._userManager
      .signoutRedirect()
       .then(resp => {
         console.log('Success');
       })
       .catch(err => {
         console.log(err);
       });
 });

查看documentation了解更多详情