在angularjs中管理登陆到家庭过渡的正确方法

Question

我正在开发一个单页应用程序，我想知道如何管理从着陆到房屋的过渡。

两种视图的布局都非常不同。 该登陆允许用户注册或登录（就像Twitter或Facebook登陆页面一样）。 主页显示我网站的内容以及有关已登录用户的信息。

用angular处理此问题的最佳方法是什么？ 我是否制作两个不同的角度应用程序（一个用于着陆，一个用于家庭）？ 还是只有一个？ 我打算使用ui-router。 与用户建立连接并选中“记住我”后，他就不应该返回登录页面，并且总是会重定向到主页（当然，除非他断开连接）。

谢谢

Answer 1

我建议不要将Angular用于您的目标网页，因为这将迫使您下载整个应用程序只是为了查看该目标网页。

就我而言，我在/ frontend下有一个登陆页面，其中包含该页面所需的所有html，css和javascript（我什至甚至在这里添加了一个Ghost博客）。 因此，只有在有人单击“登录”或“注册”按钮时才加载Angular。

我的根目录/ app目录中有两个.html页面-一个是app.html，一个是frontend.html，并且我使用Node.js / Express在它们之间进行路由。 那是棘手的部分。 这是快递代码：

// Frontend Homepage & Blog
app.get('/', function (req, res, next) {
  res.sendFile("frontend.html", {root: root + process.env.APP_PATH});
});

// Backend App
app.get('/*', function (req, res, next) {
  res.sendFile("app.html", {root: root + process.env.APP_PATH});
});