如何使用Angular个人用户帐户身份验证自定义ASP.NET Core Web应用程序的登录页面?

ca9163d9

(环境:Visual Studio 2019 v16.4.3)

我使用以下选项创建一个新的“ ASP.NET Core Web应用程序”

  1. ASP.Net Core 3.1
  2. 角度的
  3. 单个用户帐户的身份验证(使用“在应用程序中存储用户帐户”,唯一选项)

在Visual Studio中运行该应用程序并在浏览器中单击“登录”将转到下一页。https:// localhost:44343 / Identity / Account / Login?returnUrl =%2Fauthentication%2Flogin

我在Angular或ASP.NET Core代码中找不到该页面。如何自定义登录页面?

Nan Yu

该模板使用ASP.NET Core Identity进行身份验证和存储,并与IdentityServer结合使用以实现Open ID Connect。因此您需要在ASP.NET Core项目中使用Scaffold Identity来修改UI,例如login,register user等等。

如果使用Visual Studio:

  1. 在解决方案资源管理器中,右键单击 project > Add > New Scaffolded Item
  2. 在“添加脚手架”对话框的左窗格中,选择Identity > Add

  3. 选择要覆盖的文件,例如,登录相关:Account \ Login。

  4. 选择数据上下文类:ApplicationDbContext默认情况下。
  5. 点击Add按钮。

如果使用.net core CLI

  1. 使用模板创建项目:dotnet new angular --auth Individual并构建项目。

  2. 如果您以前尚未安装ASP.NET Core脚手架,请在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. 使用所需的选项运行Identity脚手架,用于--files脚手架特定文件,为数据库上下文使用正确的标准名称:

    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页面中修改相关页面。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何使用自定义身份验证和内存托管进行ASP.NET Web API集成测试

来自分类Dev

如何使用WebListener和Windows身份验证将ASP.NET Core应用程序托管在IIS下?

来自分类Dev

在ASP.NET Core中使用Authorize属性和自定义Cookie身份验证

来自分类Dev

如何创建.NET Core库我可以从.NET Core应用程序(Web API)引用

来自分类Dev

如何对ASP.NET Core Web应用程序(.Net Framework)进行单元测试?

来自分类Dev

如何从Linux上运行的.NET Core应用程序对Windows域用户进行身份验证

来自分类Dev

在.NET Core Web API中使用自定义属性进行JWT身份验证

来自分类Dev

在Blazor应用程序中使用Azure Active Directory时如何自定义ASP Net Core 3.1中的注销页面

来自分类Dev

Cookie身份验证在ASP.NET Core应用程序中不起作用

来自分类Dev

“自定义错误”页面.Net Core Web应用程序未显示500错误

来自分类Dev

具有IdentityServer4,Asp.Net Core身份和不带实体框架的自定义提供程序的Blazor WebAssembly身份验证

来自分类Dev

使用.NET Core Web API作为ASP.NET Web窗体应用程序的子路由

来自分类Dev

ASP.NET Core 3.1的自定义身份验证处理程序的授权失败?

来自分类Dev

ASP Net Core Web API自定义模型验证

来自分类Dev

带有应用程序内商店的ASP.NET Core WebAPI项目个人用户帐户Visual Studio 2019

来自分类Dev

.Net Core 3.1自定义身份验证

来自分类Dev

从外部库登录ASP.NET Web应用程序

来自分类Dev

如何使用WebListener和Windows身份验证将ASP.NET Core应用程序托管在IIS下?

来自分类Dev

ASP.NET Core:作为其他应用程序的外部身份验证源

来自分类Dev

使用.Net Core中的Windows经过身份验证的应用程序填充来自SQL的自定义声明

来自分类Dev

缺少ASP.NET Core Web应用程序(.NET Core)不同和缺少的模板

来自分类Dev

如何在asp.net core MVC应用程序中添加页面列表?

来自分类Dev

在 Web 应用程序中使用 Web api 的 .Net Core

来自分类Dev

使用 Active Directory 身份验证在 ASP.NET Core Web 应用程序中创建用户

来自分类Dev

ASP .Net Core Web 应用程序调用 Web API

来自分类Dev

Web 应用程序和 API AzureAD 身份验证流程 ASP.NET Core

来自分类Dev

ASP.NET Core Web 应用程序的 Azure AD 身份验证

来自分类Dev

.NET Core Web 应用程序使用 .NET Framework 业务层与 .NET Standard 之间

来自分类Dev

获取社交登录提供商返回的流量,以在我的 .net core 2.2 Web 应用程序上创建本地帐户

Related 相关文章

  1. 1

    如何使用自定义身份验证和内存托管进行ASP.NET Web API集成测试

  2. 2

    如何使用WebListener和Windows身份验证将ASP.NET Core应用程序托管在IIS下?

  3. 3

    在ASP.NET Core中使用Authorize属性和自定义Cookie身份验证

  4. 4

    如何创建.NET Core库我可以从.NET Core应用程序(Web API)引用

  5. 5

    如何对ASP.NET Core Web应用程序(.Net Framework)进行单元测试?

  6. 6

    如何从Linux上运行的.NET Core应用程序对Windows域用户进行身份验证

  7. 7

    在.NET Core Web API中使用自定义属性进行JWT身份验证

  8. 8

    在Blazor应用程序中使用Azure Active Directory时如何自定义ASP Net Core 3.1中的注销页面

  9. 9

    Cookie身份验证在ASP.NET Core应用程序中不起作用

  10. 10

    “自定义错误”页面.Net Core Web应用程序未显示500错误

  11. 11

    具有IdentityServer4,Asp.Net Core身份和不带实体框架的自定义提供程序的Blazor WebAssembly身份验证

  12. 12

    使用.NET Core Web API作为ASP.NET Web窗体应用程序的子路由

  13. 13

    ASP.NET Core 3.1的自定义身份验证处理程序的授权失败?

  14. 14

    ASP Net Core Web API自定义模型验证

  15. 15

    带有应用程序内商店的ASP.NET Core WebAPI项目个人用户帐户Visual Studio 2019

  16. 16

    .Net Core 3.1自定义身份验证

  17. 17

    从外部库登录ASP.NET Web应用程序

  18. 18

    如何使用WebListener和Windows身份验证将ASP.NET Core应用程序托管在IIS下?

  19. 19

    ASP.NET Core:作为其他应用程序的外部身份验证源

  20. 20

    使用.Net Core中的Windows经过身份验证的应用程序填充来自SQL的自定义声明

  21. 21

    缺少ASP.NET Core Web应用程序(.NET Core)不同和缺少的模板

  22. 22

    如何在asp.net core MVC应用程序中添加页面列表?

  23. 23

    在 Web 应用程序中使用 Web api 的 .Net Core

  24. 24

    使用 Active Directory 身份验证在 ASP.NET Core Web 应用程序中创建用户

  25. 25

    ASP .Net Core Web 应用程序调用 Web API

  26. 26

    Web 应用程序和 API AzureAD 身份验证流程 ASP.NET Core

  27. 27

    ASP.NET Core Web 应用程序的 Azure AD 身份验证

  28. 28

    .NET Core Web 应用程序使用 .NET Framework 业务层与 .NET Standard 之间

  29. 29

    获取社交登录提供商返回的流量,以在我的 .net core 2.2 Web 应用程序上创建本地帐户

热门标签

归档