Angular + OIDC 隐式流静默更新答案

【问题标题】：Angular + OIDC Implicit Flow Silent RenewAngular + OIDC 隐式流静默更新
【发布时间】：2019-06-12 01:21:03
【问题描述】：

我正在使用 angular-auth-oidc-client 包在我的 Angular 应用程序中与我们的 OIDC 服务器进行身份验证。我们使用隐式流程，它可以工作，但是我们的一些用户在访问令牌生命周期结束时在应用程序中执行操作时会被注销。因此，我们想要实现 Silent Renew 功能，该功能在包的文档中有详细说明。

所以，我添加了一个 silent-renew.html 文件并将其放在 Angular 应用程序的 /src 文件夹中，并尝试将其放置在 /assets 文件夹中。在 /assets 文件夹中时，我在控制台中收到 Angular 应用程序找不到匹配路由的错误：

它只显示一次，并且静默更新不起作用；你仍然被注销。如果它在/assets 文件夹中，则不会出现错误，但静默更新仍然不起作用。

我真正的问题是：我在哪里放置silent-renew.html 文件以及如何正确配置包以进行静默更新？

部署后，我们构建 Angular 应用并将其放置在由 NGINX 提供服务的 docker 容器中。在本地，我们只是使用 CLI 为应用程序提供服务。

【问题讨论】：

标签： angular openid-connect

【解决方案1】：

你可以修改angular.json如下：

{
  "projects": {
    "test2": {
      "architect": {
        "build": {
          "builder": "@angular-devkit/build-angular:browser",
          "options": {
            "assets": [
              "src/silent-renew.html" // <-- add this line
            ],
          },
        },
      }
    }
  }
}

当然，您必须有一个名为 silent-renew.html 的文件。

在构建时，此文件将被复制到 index.html 旁边的 dist 文件夹（或您正在构建的任何文件夹）中。

希望对你有帮助

法比安

【讨论】：