我正在尝试在具有FireBase后端的AngularJS Web应用程序中使用基于重定向的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
在我的 Controller 中,我这样做:
var ref = new Firebase("https://xxxxxxx.firebaseio.com");
$scope.authObj = $firebaseAuth(ref);
然后将以下例程绑定(bind)到我的界面中的“登录”按钮。
$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);
});
将此代码绑定(bind)到我的“登录”按钮后,会出现一个弹出窗口,允许我使用Google登录,然后可以在控制台中读取所需的身份验证消息:
Logged in as: google:[undisclosed-21-digit-number]
。任何有助于更好地了解AngularFire auth库的帮助将不胜感激。
先感谢您。
最佳答案
我想出了一个解决方案/解决方法。实际上,我认为从angularfire库调用$authWithOAuthRedirect
会执行某些我无法理解的操作。我尝试使用“香草” Firebase库(具有相同的应用程序结构),一切正常。
为了使其工作,我按照他们在这里的文档中的说明进行操作:https://www.firebase.com/docs/web/guide/user-auth.html#section-login和ref.authWithOAuthRedirect("<provider>", authHandler);
可以按预期工作,没有重定向,也没有摘要循环。
我仍然想知道为什么AngularFire库不起作用,但是我解决了这个问题。
希望这可以帮助。
关于angularjs - 带有OAuth浏览器重定向方法的AngularFire Infinite $ digest循环,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/29476486/