将 IdentityServer 与 ASP.NET + 嵌入式 SPA JS 框架一起使用

Question

如果标题不是很清楚，我很抱歉。

我所拥有的：来自此存储库的“嵌入式”Vue.js 2 的 ASP.NET 应用程序：https://github.com/MarkPieszak/aspnetcore-Vue-starter

我已经研究过 Identity Server 4 手册，因此我尝试了使用纯 ASP.NET 的混合流和使用带有纯 JS 的 oidc-client 的隐式流。两种流程都适合我。

但我想要的是使用托管在 ASP.NET 中的 JS 页面来获取访问令牌和刷新令牌并将它们存储在 ASP.NET 中。在这种情况下，ASP.NET 充当后端（但不是资源 API！）。

也许（可选）有一种方法可以创建自定义登录表单。用户填写此表单，JS 将登录名和密码发送到 ASP.NET 后端，然后将它们传输到 Identity Server 并检索令牌。

我想知道是否有可能使用这样的场景，以及它是否可行且足够安全。

欢迎提出任何假设！

编辑： 我真正想要的是使用 Vue 来显示我的数据，同时使用 ASP.NET 作为从资源 API 收集信息的后端客户端。

Answer 1

关于登录页面 - 不，你不能。原因 - 使用 OIDC 身份验证时，您将登录功能委托给提供者（在您的情况下为身份服务器），它负责登录页面等。

现在关于您的 Vue 应用程序。 Vue 是一个 SPA。 SPA 只能使用 Implicit 授权类型，因此 - 它们不会被授予刷新令牌。

您的解决方案是在您的 Vue 应用程序中使用 oidc-client-js 库。我们已经实现了这个场景（Vue 在 aspnet 核心之上）并且运行良好。