AngularJS 验证一次以使用多个应用程序

Question

我正在尝试做的事情

我将要构建一个门户风格的应用程序，很像 this SO post 中描述的内容。 .
我希望通过下面的模型序列最好地描述我正在寻找的行为:




总结一下我所追求的行为:

用户访问 mainsite.com/并被要求登录，一旦通过身份验证，就会显示三个指向三个不同应用程序的链接。

单击任何给定的应用程序(上面示例中的 mainsite.com/app1/)将对每个应用程序执行一个，但要记住用户已登录。如果可以嵌套 ngApps 但我不知道可以嵌套，这将起作用。

潜在的方法(我能想到的)

将身份验证逻辑和数据附加到 $window(有点像 this post )。页面刷新大概会杀死这个，它会涉及在页面中有 4 个应用程序(三个子应用程序和一个扮演主页面应用程序的 Angular 色。

删除一个带有相关 session 信息的 cookie，每当一个人访问任何子应用程序以及它们之间的子应用程序时，该信息就会被拾取。我对此感到不安，但表现出一些 promise ？

目前我没有第三个想法。

我想我正在寻找的是真棒 http-auth-interceptor 的扩展。模块，但具有跨应用程序的持久性。

有没有人遇到过这个问题并解决了它，或者对如何解决它有任何其他想法？解决方案甚至可能会出现在我为使门户工作而想到的设计中，但我看不到它。

欢迎任何想法，非常感谢。

Answer 1

让我们从错误的答案开始，但要坚持这个问题目前是如何解决的:通常，开发人员依赖于服务器端身份验证，考虑到与全客户端编程不同的应用程序和不同的问题。

现在，如果您只想在客户端执行此操作，它仍然是可行的，但您必须记住，未经身份验证的用户始终可以访问模板。这里是 an article关于主题及其相关 github repository .它不会支持多个应用程序，而是通过调整 this service你可以达到目的。正如您提到的，此解决方案使用 cookie。

这是 very relevant blog article这完成了您问题的答案:潜在的方法是什么。简而言之:使用 token 。