AngularJS - 项目结构 - 混合公共和私人网页

时间:2015-11-18 08:28:30

标签: angularjs azure asp.net-web-api2 asp.net-web-api

我打算建立一个典型的信息网站,其中有许多页面不需要授权查看它们,但是我也希望有一个私人部分供员工登录。为简单起见,我希望我能做一个Web API项目,并在其中包含所有内容,以简化我的发布到azure,简化域名和证书等。

我可以将index.html作为容器并使用ui-router来浏览公共页面,或者将所有公共页面作为完整的html文件并在它们之间进行典型的href导航会更好吗?

以下是我想到的可能结构

app / - >所有angularjs东西,包括私人视图和控制器 楷模/ 控制器 Index.html - >公共主页 公共/所有公共页面

我想要实现的是所有公共视图都可以通过http访问,但是一旦访问登录页面,所有流量必须从那时起是https,有没有人有这方面的经验?

更新 我决定对所有页面强制使用https,这是否会让结构变得令人担忧,因为所有内容都在应用程序之下?

1 个答案:

答案 0 :(得分:0)

保持这种情况的最佳方式是作为完整的Angular SPA,使用ui-router在视图之间移动而不是使用静态页面(即使您的部分视图只是没有功能的纯HTML)。您可以通过使用Angular和典型的旧href导航进行动态路由交替来影响UX。您使用户重新加载页面的次数越少,他/她将获得更好的用户体验,此外,您必须保持应用程序整体流程的一致性,以便用户不会对其产生错误的印象。