使用.net核心react模板修改oidc-client的签名/登录用户界面

Question

使用vscode或VS2019与.net核心3.1，我创建了新的项目与身份验证个人

使用此命令，dotnet new react --auth Individual需要更改登录屏幕UI，我无法为Login组件UI找到任何UI

是否有任何方法可以更改或修改登录、注册或用户配置文件UI？

Answer 1

身份服务器和OIDC也有类似的问题，但我不确定设置是否完全相同。对我们来说，生成的登录/auth页面位于：

(项目)>区域>标识>页面>帐户

这里有一个截图，您也可以尝试搜索项目中的一些文件名。

​

​

然而，尽管使用了React模板，并且在React中做了所有的事情，但是auth组件都是MVC (或者Razor之类的东西，不记得了)。因此，我们最终构建了自己的客户端页面，设置了路由，并构建了自定义控制器操作，以便与身份服务器对话。我们最终还是让它发挥作用了，但老实说，它比它应该有的麻烦要大得多。

Answer 2

模板使用ASP.NET核心标识对用户进行身份验证和存储，并结合IdentityServer实现开放ID连接。所以你需要ASP.NET核心项目中的脚手架身份来修改用户界面，比如登录，注册用户.

请试着遵循以下步骤：

1. 使用模板创建项目：dotnet new react --auth Individual并构建项目。
2. 如果以前没有安装ASP.NET核心支架程序，请将其安装在vs代码中的终端中： dotnet tool install -g dotnet-aspnet-codegenerator
3. 向项目添加必需的NuGet包引用： dotnet add package Microsoft.VisualStudio.Web.CodeGeneration.Design dotnet add package Microsoft.EntityFrameworkCore.SqlServer
4. 您可以列出可以使用dotnet aspnet-codegenerator identity --listFiles构建的文件
5. 使用您想要的选项运行标识支架，使用--files构建特定的文件，为DB上下文使用正确的完全限定名称： dotnet aspnet-codegenerator identity -dc ProjectName.Data.ApplicationDbContext --files "Account.Register;Account.Login" 如果您在没有指定--files标志或--useDefaultUI标志的情况下运行标识支架，那么将在项目中创建所有可用的标识UI页面。

现在，如果您想修改登录UI，可以修改your project --> Areas-->Identity -->Pages-->Account -->Login.cshtml页面中的相关页面。