小编cou*_*rof的帖子

我正在为我的新手机游戏开发社区网站,我正在尝试添加google plus登录流程.

实施过程中采取的步骤

- >关注这个谷歌开发者教程

HTML按钮代码:

     <span id="signinButton">
        <span
            class="g-signin"
            data-callback="onSignInCompleted"
            data-clientid="<myID>.apps.googleusercontent.com"
            data-cookiepolicy="single_host_origin"
            data-requestvisibleactions="http://schemas.google.com/AddActivity"
            data-scope="https://www.googleapis.com/auth/plus.login">
        </span>
    </span>

Javascript加载代码:(在关闭之前)

    <script type="text/javascript">
      (function() {
       var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
       po.src = 'https://apis.google.com/js/client:plusone.js';
       var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
     })();
</script>

问题:

- >实现在localhost中正常工作

- >实现不能在线工作(即上传到服务器上)

在线页面奇怪的行为:

- >按钮无法渲染

- >不会调用已签名的回调

我的网络应用程序OAuth 2.0 javascript起源:

https://fcouceiro.com
https://www.fcouceiro.com
http://www.fcouceiro.com
http://fcouceiro.com
http://meatify:8888

我目前正在使用fcouceiro.com作为起源,但想法是在解决此问题后使用meatify.fcouceiro.com子域.

更新:经过一些实验后,我发现有时(就像你第一次访问页面一样)它会被渲染(按钮).所以我认为问题可能是在html之后加载的脚本.因为我正在使用jQuery加载函数来加载包含登录按钮的html页面.并且onload被调用并且脚本试图找到我的按钮但它不可用.你怎么看？

你可以在这里找到我的页面:http: //fcouceiro.com

APPy编码!