重新设计 Abp.IdentityServer 的 UI（身份服务器 4）

Question

我已经使用 Angular 前端创建了 Tiered 解决方案，并使用 abp.io 框架将 IdentityServer 分开，我已经为我的主题购买了 material我已经集成到我的 angular 应用程序中的应用程序，但 IdentityServer 仍然使用它的默认值 UI 由 Abp 提供，我没有找到任何有前途的文章展示如何改变它的布局设计。

任何人都可以提出建议吗？

Answer 1

Angular 使用单独 IdentityServer 的应用程序仍然使用 server-side IdentityServer4 UI。由于它是服务器端（Razor 页面），您可以手动覆盖登录页面。 article about how to customize login page 可能会有帮助。

如果您想将 IdentityServer UI 更改为 angular，那将需要大量 re-write 的基本代码。这个 SO 问题可能会有所帮助，Angular-based login page for IdentityServer。

Answer 2

除了@gterdem 的回答和感谢@KishoreSahasranaman，我还意识到..

这需要添加到 Login.cshtml 页面，以便呈现良好（并且也可以工作！）

@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
@addTagHelper *, Volo.Abp.AspNetCore.Mvc.UI
@addTagHelper *, Volo.Abp.AspNetCore.Mvc.UI.Bootstrap
@addTagHelper *, Volo.Abp.AspNetCore.Mvc.UI.Bundling

该文档有点误导，因为当它在后端使用 IS4 时它会让您做 angular 工作

重新设计 Abp.IdentityServer 的 UI（身份服务器 4）

Restyle the UI of Abp.IdentityServer (identity server 4)

asp.net-core

identityserver4

abp