使用Google-Sign in Javascript时,不会调用data-onsuccess函数

Question

使用Google-Sign in Javascript时,不会调用data-onsuccess函数

我希望用户能够在他的网络浏览器中使用他的Google帐户登录.但是,未调用data-onsuccess方法.

我将带有登录代码的.html文件上传到我的网站空间,创建了一个包含相关设置的Google API项目.我可以看到登录按钮.我可以点击它并输入我的Google帐户数据,并允许我的应用访问我的帐户.但是,不调用data-onsuccess方法,因此我无法对成功登录做出反应.

我尝试使用来自Google 的umodified示例代码和我自己的代码登录,在那里我添加了一些调试以查看JS是否正在运行:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="google-signin-scope" content="profile email">
        <meta name="google-signin-client_id" content="CORRECT_VALUE_HERE.apps.googleusercontent.com">
        <script src="https://apis.google.com/js/platform.js" async defer></script>
        <title>Google sign in test</title>
    </head>
    <body>
        <h1>Google sign in test</h1>
        <div class="g-signin2" data-onsuccess="onSignIn"></div>
        <br>
        <a href="#" onclick="signOut();">Sign out</a>
        <br>
        <a href="index.html">Back</a>
        <br>
        <a href="#" onclick="someTest()">JavaScript Test</a>
        <br>
        <ul>
            <li id="gID">Google ID, temporary</li>
            <li id="gFullName">Full Name</li>
            <li id="gGivenName">Given Name</li>
            <li id="gFamilyName">FamilyName</li>
            <li id="gImg">Image URL</li>
            <li id="gEMail">E-Mail</li>
            <li id="gToken">Google Token, permanent</li>
        </ul>
        <script>
            function onSignIn(googleUser) {
                alert('in onSignIn');
                // Useful data for your client-side scripts:
                var profile = googleUser.getBasicProfile();
                document.getElementById('gID').textContent = profile.getId();
                document.getElementById('gFullName').textContent = profile.getName();
                document.getElementById('gGivenName').textContent = profile.getGivenName();
                document.getElementById('gFamilyName').textContent = profile.getFamilyName();
                document.getElementById('gImg').textContent = profile.getImageUrl();
                document.getElementById('gEMail').textContent = profile.getEmail();

                // The ID token you need to pass to your backend:
                var id_token = googleUser.getAuthResponse().id_token;
                document.getElementById('gToken').textContent = id_token;
            };
            function someTest() {
                alert('js is working');
                var x = {};
                x.getBasicProfile = function() {
                    var y = {};

                    y.getId = function() { return 'fake id'; };
                    y.getName = function() { return 'fake fake full name'; };
                    y.getGivenName = function() { return 'fake fake given name'; };
                    y.getFamilyName = function() { return 'fake fake family name'; };
                    y.getImageUrl = function() { return 'fake image'; };
                    y.getEmail = function() { return 'fake e-mail'; };

                    return y;
                };

                x.getAuthResponse = function() {
                    var z = {}

                    z.id_token = 'fake id token';

                    return z;
                };

                onSignIn(x);

            };
            function signOut() {
                var auth2 = gapi.auth2.getAuthInstance();
                auth2.signOut().then(function () {
                    console.log('User signed out.');
                });
            };
        </script>
    </body>
</html>

Run Code Online (Sandbox Code Playgroud)

我在浏览器或我的http服务器中看不到任何错误消息.谁能告诉我我做错了什么？

我已经尝试/检查过的事情:

我检查了meta标签中的client_id是否正确,多次.
我确信我设置了正确的"授权JavaScript来源".否则我会在登录屏幕中看到并显示错误消息.
我确信我正在使用正确的登录信息.我可以在我的Google帐户设置中的授权网站中查看我的示例应用程序.
我尝试将脚本标记移动到div-tags上方.没关系.我确定onSignIn()是一个顶级的JS函数.
我尝试在其他地方托管这个.html文件(如果Heroku以某种方式阻止了这个过程).它没有帮助.
我在Linux和Windows上使用最新版本的Firefox和Chrome进行了尝试.没有不同.

Answer 1

HAS*_*ing 5

我发现了问题:当用户在浏览器中禁用第三方cookie时,整个过程不起作用.

@HASSeering 我的第 3 方 cookie 已启用但它仍然不起作用 (3认同)

归档时间：	9 年，11 月前
查看次数：	2892 次
最近记录：	9 年，11 月前