重新设计 Abp.IdentityServer 的 UI（身份服务器 4）
Posted
技术标签:
【中文标题】重新设计 Abp.IdentityServer 的 UI（身份服务器 4）【英文标题】：Restyle the UI of Abp.IdentityServer (identity server 4) 【发布时间】：2021-01-13 18:12:46 【问题描述】：我已经使用Angular 前端创建了Tiered 解决方案，并使用abp.io 框架分离了IdentityServer，我已经为我的应用程序购买了一个材质主题，我已经集成到我的角度应用程序中，但IdentityServer 仍然使用这是 Abp 提供的默认 UI，我没有找到任何有前途的文章来展示如何更改其布局设计。
谁能给点建议？
【问题讨论】：
【参考方案1】：使用单独 IdentityServer 的 Angular 应用程序仍然使用服务器端 IdentityServer4 UI。由于它是服务器端（Razor 页面），您可以手动覆盖登录页面。这是一个article about how to customize login page，可能会有所帮助。
如果您想将 IdentityServer UI 更改为 Angular，则需要大量重写基本代码。这个 SO 问题可能会有所帮助，Angular-based login page for IdentityServer。
【讨论】：
@Arkadi 似乎 PageLayout 没有按预期工作。我们会检查的。同时你也可以使用ViewData["Title"] = "My Title"来更改页面标题。
我在.HttpApi.Host 项目中尝试过。但不工作.. imgur.com/a/DwfjvWS @galiperdem 我认为这与标签助手有关，但不知道如何解决。
@KishoreSahasranaman 我无法遵循 .HttpApi.Host 中不起作用的内容。如果您仍然有问题，您可以创建一个包含详细信息的新问题吗？
谢谢，@gterdem。我修复了一些更改。您可以在这里找到它diffchecker.com/LSzIPkMG
TYVM @KishoreSahasranaman 您提供了难题的缺失部分！【参考方案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 时，它会让你做角度工作
【讨论】：
以上是关于重新设计 Abp.IdentityServer 的 UI（身份服务器 4）的主要内容，如果未能解决你的问题，请参考以下文章