ASP.NET Zero--前端应用程序

前端应用程序

ASP.NET Zero包含可以作为您的公共网站或应用程序着陆页的起点的前端页面。首次运行项目时,您会看到主页如下所示:

前端主页

这里有两页:主页和关于。这些页面的内容只是占位符和演示目的。您可以根据需要完全删除内容并构建页面。此外,你应该改变的标志与贵公司的标志。

请参阅 metronic前端主题 ,为所有可能性和组件构建一个更丰富的网站。

菜单在 FrontEndNavigationProvider 类中定义。当您在此添加新菜单项时,将自动显示在菜单中。 右上角有一个登录链接。此链接将使我们进入登录页面 以进入后端应用程序。

布局

前端页面的布局位于.Web项目的“ 视图/布局”文件夹下 :

前端布局视图

_Layout是包含脚本和样式的主要布局文件。语言标志和菜单在 位于共享/组件下的标题组件中呈现。_PreFooter不使用,但如果需要,您可以将其添加到_Layout。

租户注册

当您点击前端应用程序中的“新租户”链接时,您可以注册成为新的租户:

租户注册

在这里,您可以创建一个新的租户。TenantRegistration控制器是用来注册一个新的租户。可以启用/禁用租户注册,并可以在后端应用程序的设置页面中更改某些设置。

Account控制器

AccountController提供登录,注册, 忘记密码和电子邮件激活页面。

布局

帐户管理页面在Views / Account文件夹下有一个分隔的_Layout视图 :

帐户查看

位于view-resources / Views / Account文件夹下的 相关脚本和样式资源 :

帐户查看资源

类似地,应用程序的所有视图都具有wwwroot / view-resources文件夹下的对应样式和脚本文件。

登录

AccountController的主视图是“登录”页面:

登录页面

登录部分上方的租户选择部分仅显示在 多租户应用程序中,并且“子域名租赁户名称检测” 不可用(请参阅主机设置部分)。当我们单击更改链接时,出现租户更改对话框,我们可以更改租户。 在初始数据库中有一个名为Default的租户(请参阅初始种子数据的实体框架部分)。将租户名称输入留为空,用host登录。

我们可以先使用admin用户名和123qwe 密码来运行应用程序。首先登录后,我们应该更改管理员密码,因为123qwe不是很安全:

更改密码

更改密码后,我们将重定向到后端应用程序。

社交登录

ASP.NET Zero支持社交媒体登录。要启用它,我们应该改变如下设置一个ppsettings.json文件。

  “Authentication”:{
       “Facebook”:{
       “IsEnabled”:“false”,
       “AppId”:“”, “AppSecret”:“” }, “Google”:{ “IsEnabled”:“false”, “ClientId”:“”, “ClientSecret”:“” }, “Twitter”:{ “IsEnabled”:“false”, “ConsumerKey”:“”, “ConsumerSecret”:“” }, “Microsoft”:{ “IsEnabled”:“false”, “ConsumerKey”:“”, “ConsumerSecret”:“” } },

您可以在网络上找到许多文档,以了解如何获取社交平台的身份验证密钥。因此,我们不会详细介绍在社交媒体上制作应用程序的细节。一旦你得到你的key,你可以把它们写入appsettings.json。启用它后,社交媒体标志会自动显示在登录页面上,如下所示:

社交登录图标

OPENID连接登录

除了社交登录,ASP.NET Zero还包括OpenId Connect Login集成。它的配置可以在 appsettings.json中更改:

“OpenId”:{
   “IsEnabled”:“false”,
   “Authority”:“”, “ClientId”:“”, “ClientSecret”:“” }

启用后,登录页面会显示一个徽标(与上述社交徽标相似)。

双因素登录

ASP.NET Zero可以提供两个因素登录,但是默认情况下禁用。您可以在主机设置页面(安全选项卡)中轻松启用它:

注意:在多租户应用程序中,只有在主机设置中启用了双重身份验证才可以向租户提供。此外,电子邮件验证和短信验证设置仅在主机端可用。这仅是设计。

启用后,输入用户名和密码后,系统会要求用户选择验证方式:

发送安全码

然后将确认码发送到所选提供商,用户在下一页中输入代码:

验证安全码

电子邮件验证

如果用户具有确认的电子邮件地址,则可用。由于电子邮件发送在调试模式下被禁用,您可以在日志中看到代码。在发布模式下,电子邮件将被发送(您可以更改此信息并使电子邮件可用于调试,请参阅发送电子邮件部分)。

短信验证

如果用户具有确认的电话号码,则可以使用此功能。SMS发送实际上没有实现(因为它需要与SMS供应商集成)。当前的实现只是将安全代码写入日志。您应该在解决方案中完成 IdentitySmsMessageService类,使其可用。否则,在设置中禁用短信验证。

用户锁定

如上一节所述,您可以配置用户锁定设置。用户在指定的计数和持续时间输入错误的密码时锁定。

注册

当我们点击登录页面中的“ 创建帐户 ”链接时,会显示一个注册表单:

报名表格

用户可以注册租户,而不是Host,如果这是一个多租户应用程序。如果是单租户,这里就不会有租户名称。

Recaptcha(安全问题)是可选的。它使用Google的recaptcha服务。每个域名Recaptcha服务工作。因此,为了使其正常工作,您应该在https://www.google.com/recaptcha上为您的域创建自己的私钥和公钥, 并在appsettings.json文件中替换密钥。

电子邮件激活

当用户如上所示注册时,电子邮件确认码将发送到他的电子邮件地址。如果用户因某些原因未收到此电子邮件,可以点击电子邮件激活并重新发送确认码。

电子邮件激活屏幕

再次,租户名称输入未显示为单租户应用程序,或租户名称通过子域名(如tenancyname.mydomain.com)已知。

忘记密码

如果用户忘了他的密码,他可以点击“忘记密码”链接获取电子邮件重置密码。

忘记密码

转载于:https://www.cnblogs.com/liyongke/p/6820232.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值