使用OAuth浏览器重定向方法的AngularFire Infinite $ digest循环

时间:2015-04-06 17:42:50

标签: angularjs authentication firebase angularfire firebase-security

我尝试使用FireBase后端在我的AngularJS网络应用中使用基于重定向的OAuth流设置AngularFire登录。 我使用的是AngularJS 1.3.14,Firebase 2.2.3和AngularFire 1.0.0。

我尝试设置一个基本示例,以最简单的方式完成身份验证,遵循AngularFire库文档:https://www.firebase.com/docs/web/libraries/angular/api.html#angularfire-users-and-authentication

我完成了Google应用程序身份验证设置,如下所述:https://www.firebase.com/docs/web/guide/login/google.html

在我的控制器中我做:

    var ref = new Firebase("https://xxxxxxx.firebaseio.com");
    $scope.authObj = $firebaseAuth(ref);

然后以下例程绑定到"登录"我界面中的按钮。

    $scope.authObj.$authWithOAuthRedirect("google");

一旦我点击我的"登录"按钮,我已重定向到Google,我可以在其中授权我的应用,我可以使用我的帐户登录。然后我重定向回我的应用,但我在javascript浏览器(Chrome)控制台中看到此错误:

Error: [$rootScope:infdig] 10 $digest() iterations reached. Aborting!
Watchers fired in the last 5 iterations: []
http://errors.angularjs.org/1.3.14/$rootScope/infdig?p0=10&p1=%5B%5D
    at REGEX_STRING_REGEXP (angular.js:63)
    at Scope.$get.Scope.$digest (angular.js:14281)
    at Scope.$get.Scope.$apply (angular.js:14506)
    at bootstrapApply (angular.js:1448)
    at Object.invoke (angular.js:4185)
    at doBootstrap (angular.js:1446)
    at bootstrap (angular.js:1466)
    at angularInit (angular.js:1360)
    at angular.js:26176
    at HTMLDocument.trigger (angular.js:2744)

我无法弄清楚为什么会发生这种情况以及如何解决。看起来AngularJS引导时发生了某种循环。

如果我通过$scope.authObj.$authWithOAuthRedirect("google");电话更改$authWithOAuthPopup行(请参阅下面的确切代码),一切正常:

$scope.authObj.$authWithOAuthPopup("google")
    .then(function(authData) {
        $log.info("Logged in as:", authData.uid);
    }).catch(function(error) {
        $log.info("Authentication failed:", error);
    });

将此代码绑定到我的" login"按钮,弹出窗口,允许我使用Google登录,然后我可以在控制台中阅读预期的身份验证消息:Logged in as: google:[undisclosed-21-digit-number]

任何有助于更好地了解AngularFire auth lib的帮助将不胜感激。 提前谢谢。

1 个答案:

答案 0 :(得分:1)

我找到了解决方案/解决方法。实际上,我认为来自angularfire库的$authWithOAuthRedirect调用做了我无法理解的事情。我试过&#34; vanilla&#34; Firebase库(具有完全相同的应用程序结构),一切都是正确的。 为了使其工作,我按照他们的文档中的说明进行操作:https://www.firebase.com/docs/web/guide/user-auth.html#section-loginref.authWithOAuthRedirect("<provider>", authHandler);按预期工作,没有重定向,也没有消化循环。

我仍然想知道为什么AngularFire lib不起作用,但我解决了这个问题。

希望这有帮助。