使用 ui-router 处理 Firebase 身份验证答案

【问题标题】：Firebase authentication handling with ui-router使用 ui-router 处理 Firebase 身份验证
【发布时间】：2017-05-07 05:43:23
【问题描述】：

我正在尝试让 Firebase 身份验证与路由器（ui-router）一起使用，如 this 示例中所示。我希望有多个页面，您无需进行身份验证即可获得。

当用户在需要身份验证的页面上登录并signs out 时，我如何设法将用户重定向到“主”状态？

在run函数中想到了如下代码：

firebase.auth().onAuthStateChanged(function(user) {
    if(user == null) {
        $state.go('home');
    }
});

不幸的是，当您通过 URL 访问时，您无法访问不需要身份验证的页面。

您可以找到完整的代码示例here。

任何想法如何解决这个问题？

【问题讨论】：

版本信息在这里会有所帮助。另见Authenticating with routers in Angular 1.x 和Routing example in Angular 2.x for master/detail view with List Observable resolve。
我使用的是 Angular 1 和 Firebase 3.6.4。正如我在帖子中所说，我使用了您的第一个链接，但是当我注销时不会将我重定向到家庭状态。
如果没有重现，就不可能帮助调试。见how to ask 和creating an mcve。
这里是示例code。创建组时，您已登录并发送到共享状态。当您注销时，您应该被送回家庭状态。

【解决方案1】：

建议您同时满足以下条件 undefined 和 null

if(user == null || user == undefined ) {
        $state.go('home');
    }

在您不想通过身份验证的页面的 resolve 属性中添加以下内容（允许匿名用户进入）

resolve : {
       user: undefined;
}

但如果允许用户再次进行身份验证，他应该登录

添加您的用户 JSON 对象以帮助您摆脱此错误。

【讨论】：