谷歌的oauth2 JavaScript客户端在IE9中无法工作

7

虽然以下代码在使用Chrome时可以正常工作(显示一个弹出窗口,请求用户允许访问地图和位置数据),但在IE 9中调用handleAuthClick方法时,弹出窗口是空的。我已经尝试添加setTimeouts,但没有效果。我确保了弹出窗口被允许,并检查了弹出窗口页面的URL,在Chrome和IE中都是相同的。有人遇到过这个问题吗?或者有人能提供一个解决方法吗?

var clientId = '############.apps.googleusercontent.com';
var apiKey = '#A#A#A#A##';
var scopes = 'https://www.googleapis.com/auth/plus.me';

function handleClientLoad() {
    gapi.client.setApiKey(apiKey);
    window.setTimeout(checkAuth, 1);
}

function checkAuth() {
    gapi.auth.authorize({ client_id: clientId, scope: scopes, immediate: true }, handleAuthResult);
}

function handleAuthResult(authResult) {
    if (authResult && !authResult.error) {
        makeApiCall();
    } else {
    }
}

function handleAuthClick(event) {
    try {
        window.setTimeout(function () {
            gapi.auth.authorize({ client_id: clientId, scope: scopes, immediate: false }, handleAuthResult);
        }, 10);
    } catch (e) { alert(e.message); }
}
function makeApiCall() {
    gapi.client.load('plus', 'v1', function () {
        var request = gapi.client.plus.people.get({
            'userId': 'me'
        });
        request.execute(function (resp) {
            $(".google-signin").find("img").attr('src', resp.image.url).css('height', '32').css('width', '32');
            $("#login-msg").text('Welcome: ' + resp.displayName);
            $("img.vote").css('visibility', 'visible');

        });
    });
}
3个回答

1
增加setTimeout的持续时间从10到1000解决了这个问题。谷歌授权弹出窗口显示了正确的登录信息,而不是空白屏幕。

1
我有同样的问题,但这个解决方案没有帮助。我仍然得到空白弹出窗口而不是真正的信息... - ronen
弹出窗口已启用吗?(很遗憾,谷歌没有提供任何解决方案。) - ron tornambe
1
弹出窗口在浏览器中是允许的。弹出窗口被展示,但内容为空。 - ronen
同样的问题...我在IE 11中得到了一个空白弹出窗口。 - robert

1
可能由于区域安全性,客户端Web应用程序和Google之间的跨域脚本被阻止了。
请确保google.com和运行脚本的网页位于相同的安全区域(通常是Internet Zone)。如果不确定,请参见serverfault#612903 https://serverfault.com/questions/612903/ie11-how-to-check-into-which-zone-a-url-falls 还要确保对Web应用程序和Google所属的区域进行配置以允许脚本执行,并确保允许对google.com进行第三方cookie访问,因为这用于检查授权。

1
感谢您的详细回复,点赞。事实证明,Google已经撤销了需要OAuth的功能,因此这个问题已经不再重要。 - ron tornambe

0
请注意,您正在使用的maps/feeds范围是用于已弃用的Google Maps Data API,这与Places API不同。
关于您实际的问题,我正在重新标记,将Places API替换为Plus API,因为这是您在此处使用的API。

我已经除了 Google+ 之外删除了所有范围,但 IE(8/9)仍然不合作。 - ron tornambe

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接