Angular + OIDC隐式流静默更新

Question

我在我们的OIDC服务器上的Angular应用程序中使用angular-auth-oidc-client包进行身份验证。我们使用隐式流，它是有效的，但我们的一些用户在访问令牌生命周期结束时在应用程序中执行操作时被注销。因此，我们希望实现Silent Renew功能，该功能在该软件包的文档中有详细介绍。

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

​

​

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

我真正的问题是:我将silent-renew.html文件放在哪里，如何正确配置包以执行静默续订？

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

Answer 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文件夹(或您要构建到的任何文件夹)中。

希望这能有所帮助

Fabian