具有 OAuth 浏览器重定向方法的 AngularFire 无限 $digest 循环

Question

我正在尝试在我的 AngularJS Web 应用程序中使用基于重定向的 OAuth 流程设置 AngularFire 登录，使用 FireBase 后端。我正在使用 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);

然后下面的例程绑定到我界面中的一个"login"按钮。

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

只要我点击我的 "login" 按钮，我就会被重定向到 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 bootstraps 时似乎发生了某种循环。

如果我用 $authWithOAuthPopup 调用更改我的 $scope.authObj.$authWithOAuthRedirect("google"); 行（请参阅下面的确切代码），一切正常：

$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 授权库的帮助将不胜感激。提前谢谢你。

Answer 1

我想出了一个 solution/workaround。实际上，我认为来自 angularfire 库的 $authWithOAuthRedirect 调用做了一些我无法理解的事情。我尝试使用 "vanilla" Firebase 库（具有完全相同的应用程序结构），一切正常。为了让它工作，我按照他们文档中的说明操作：https://www.firebase.com/docs/web/guide/user-auth.html#section-login 和 ref.authWithOAuthRedirect("<provider>", authHandler); 按预期工作，没有重定向，也没有摘要循环。

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

希望对您有所帮助。

具有 OAuth 浏览器重定向方法的 AngularFire 无限 $digest 循环

AngularFire Infinite $digest Loop with OAuth browser redirect method

authentication

angularjs

firebase

firebase-security

angularfire