2

我想在一个角度应用程序中集成谷歌身份工具包,但在流程之后不是,谷歌身份工具包小部件对谷歌 API 的调用返回错误。这是重定向后的路由,它是一个空页面http://localhost:8000/?mode=select/#/GoogleIdentity

发布/验证断言

{
   "error": {
       "errors": [
            {
            "domain": "global",
            "reason": "invalid",
            "message": "INVALID_RESPONSE"
            }
        ],
        code": 400,
        "message": "INVALID_RESPONSE"
    }
}

这是我的代码:

.controller('GoogleIdentityCtrl', ['$scope', '$rootScope', function ($scope, $rootScope, localStorageService) {
    var config = {
        apiKey: 'dkfjdslfjeoi-not-real-api-key',
        signInSuccessUrl: '/',
        idps: ['google'],
        oobActionUrl: 'http://localhost:8000/#/GoogleIdentity',
        siteName: 'this site',
    };
    window.google.identitytoolkit.start('#gitkitWidgetDiv', config, 'JAVASCRIPT_ESCAPED_POST_BODY');
}]);

window.google.identitytoolkit.signInButton('#navbar', { widgetUrl: 'http://localhost:8000/#/GoogleIdentity', signOutUrl: '/'' });
4

1 回答 1

1

带有小部件 URL 的页面必须?mode=select在其末尾,否则您将收到 INVALID_RESPONSE 错误。

我认为本教程给出的流程是您有一个带有登录按钮的页面,然后重定向到其中包含小部件模板的页面(我们称之为 callback.html)。callback.html 需要是开发者控制台中的小部件 URL,您需要将 callback.html 设置为允许的引荐 URL。

于 2015-06-02T19:22:26.823 回答