Blazor身份验证项目中的自定义UI

Question

我创建了一个服务器端Blazor项目（dotnet核心3.1），并将“单用户”用于身份验证模式。 在创建的示例项目中有很多代码。

我的目标是拥有自己的UI元素（登录用户名+密码），但项目依赖于： Microsoft.AspNetCore.Identity.UI，无法更改登录名等的UI。

是否有一种简单的方法可以用自定义代码调用登录和注册功能？

谢谢！

Answer 1

您可以使用脚手架系统将Login文件添加到您的项目中，然后根据需要更改UI。

执行以下操作：

1. 右键单击Identity文件夹->添加->新脚手架项目...

2. 在“添加新的脚手架项目”对话框中，选择“通用->身份”，然后单击“添加”按钮。

3. 在“添加身份”窗口中，选中“帐户/登录”，然后在列表框中选择“数据上下文类”。单击右侧的+号以选择和更新名称，然后按添加。

4. 单击窗口底部的“添加”按钮以结束该过程。

5. 这将在“帐户”文件夹中创建Login.cshtml.cs和Login.cshtml对。

6. 根据您的想法编辑文件。您可以添加UI元素，添加其他功能等。

Answer 2

看我的例子https://marketplace.visualstudio.com/items?itemName=vb-net-com.CallMicroservicesFromBlazorWithJwtProtection 在这种情况下，我不仅在Blazor中创建了自定义AU，而且，为了调用微服务，我将AU从ASP.NET.CORE cookie更改为JWT身份验证。