谷歌登录(网站）-javascript

Google Sign-In (website) - javascript

本文关键字：-javascript 网站 登录 谷歌      更新时间：2023-09-26

我面临一个问题已经有很长一段时间了，我找不到解决方案。

我想把谷歌登录集成到我的网站上，但我登录时不会通过网页中输入的JavaScript得到响应。我关注这篇文章但我无法解决这个问题。

<head>
    <script src="https://apis.google.com/js/platform.js" async defer></script>
    <meta name="google-signin-client_id" content="THIS_IS_MY_ID.apps.googleusercontent.com">
</head>

<body>
    <div class="g-signin2" data-onsuccess="onSignIn"></div>
    <script>
        function onSignIn(googleUser) {
            console.log("Signed in!");
        }
    </script>
</body>

当我使用谷歌登录时，所提供的函数（onSignIn）不会运行。有人能帮忙吗？

编辑：

似乎在一个在线主机上，这个脚本运行得很好，所以我想我会保持这种方式，因为网站无论如何都会被托管。

你的一堆代码（带有有效的客户端id）可以工作-jsFiddle-但当你点击它时会报告redirect_uri_mismatch。

所以你需要去：

https://console.developers.google.com/apis/credentials/consent

并配置您的项目oAuth设置。

如果您在localhost上进行开发，请编辑主机文件并添加行

    127.0.0.1 localhost.com

然后将谷歌开发者控制台上的"主页URL"设置为

    localhost.com

同样。

因此，当您在浏览器中加载localhost.com时，它会解析为您的主机，并且.com会满足oAuth有效主机名的要求。

相关文章：