Javascript 谷歌登录按钮不工作_Javascript_Html_Jsfiddle_Google Signin

Javascript 谷歌登录按钮不工作

javascript html

Javascript 谷歌登录按钮不工作,javascript,html,jsfiddle,google-signin,Javascript,Html,Jsfiddle,Google Signin,我有一个非常基本的问题。我正在尝试通过以下链接将google登录集成到我的网站：因此，我刚刚建立了一个新的html文件，使用的正是这些代码 <!doctype html> <html> <head> <meta name="google-signin-client_id" content="917979196053-718dnj8g6c71jkcim2pvqo17mo0b1819.apps.googleusercontent.com"> &

我有一个非常基本的问题。我正在尝试通过以下链接将google登录集成到我的网站：

因此，我刚刚建立了一个新的html文件，使用的正是这些代码

<!doctype html>
<html>
<head>
  <meta name="google-signin-client_id" content="917979196053-718dnj8g6c71jkcim2pvqo17mo0b1819.apps.googleusercontent.com">
</head>
<body>
  <div id="my-signin2"></div>
  <script>
    function onSuccess(googleUser) {
      console.log('Logged in as: ' + googleUser.getBasicProfile().getName());
    }
    function onFailure(error) {
      console.log(error);
    }
    function renderButton() {
      gapi.signin2.render('my-signin2', {
        'scope': 'profile email',
        'width': 240,
        'height': 50,
        'longtitle': true,
        'theme': 'dark',
        'onsuccess': onSuccess,
        'onfailure': onFailure
      });
    }
  </script>

  <script src="https://apis.google.com/js/platform.js?onload=renderButton" async defer></script>
</body>
</html>


函数onSuccess（谷歌用户）{
log（'登录身份：'+googleUser.getBasicProfile（）.getName（））；
}
功能失效（错误）{
console.log（错误）；
}
函数renderButton（）{
gapi.signn2.render（'my-signn2'{
“范围”：“配置文件电子邮件”，
“宽度”：240，
身高:50,，
"龙缇乐":对,，
“主题”：“黑暗”，
“onsuccess”：onsuccess，
“onfailure”：onfailure
});
}

代码如下所示：

现在的问题是，它根本不起作用。屏幕上什么也没显示，我也不知道为什么。另一方面，当我在这里尝试它时，它不知怎么地起作用了

这真是荒谬。有人能帮帮我吗

谢谢

您必须在web服务器上运行此代码。您不能仅在本地访问该文件，否则由于cookie策略，代码将出错。如果您想使用本地开发服务器，请查看类似XAMPP的内容或在线查找免费主机。

您必须在web服务器上运行此代码。您不能仅在本地访问该文件，否则由于cookie策略，代码将出错。如果您想要本地开发服务器，请查看类似XAMPP的内容，或在线查找免费主机。

这是在您的本地计算机上吗？或者在网站上？这是在你的本地机器上吗？还是在网站上？