1

私のウェブサイトwww.bendali.co.zaに Google + サインイン/サインアップ ボタンを追加したいと思います。私はすでにこのコードを入れています：

    <!-- Place this asynchronous JavaScript just before your </body> tag -->
    <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);
     })();


function signinCallback(authResult) {
  if (authResult['access_token']) {
    // Successfully authorized
    // Hide the sign-in button now that the user is authorized, for example:
    document.getElementById('signinButton').setAttribute('style', 'display: none');
  } else if (authResult['error']) {
    // There was an error.
    // Possible error codes:
    //   "access_denied" - User denied access to your app
    //   "immediate_failed" - Could not automatically log in the user
    // console.log('There was an error: ' + authResult['error']);
  }
}


    </script>

<span id="signinButton">
  <span
    class="g-signin"
    data-callback="signinCallback"
    data-clientid="712370252357.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>

https://developers.google.com/+/web/signin/から取得しました。しかし、それを押すと、ダイアログとすべてが表示され、それを受け入れるとボタンが消えます (すべて正常です)。しかし、それは私をログインさせません。どうすればそれを行うことができますか？

前もって感謝します。

4

1 に答える 1

1

コードに問題は見られず、私のマシンで簡単にテストしたところ、動作していることがわかります。

Web ブラウザーの JavaScript コンソールを開き、現在のセッションのアクセス トークンを取得することで、ログインしているかどうかをテストできます。次の関数:

gapi.auth.getToken();

ログインしていない場合はnullが返され、次のようになります。

Object {state: "", access_token: "ya29.lkjasdlkjasd....", token_type: "Bearer", expires_in: "3600", code: "4/.....wo8WbjRKPN4WMqTmHjyTFGPeKJnufgI"…}

ログインしている場合。コンソールには、サインイン コードの動作を妨げているエラーに関する詳細情報も表示されます。

ユーザーをサイトにログインさせるなど、より複雑なことを行う場合は、Google+ クイックスタートから始めて、サーバーを許可されたユーザーに接続する方法の要点を理解してから、Photohuntを見て詳細を確認してください。包括的なサイトの例。

于 2013-06-24T18:19:50.923 に答える