SQLの窓 イラストAC フリー素材

2012年05月12日

Google+ API の使い方完全版(日本語)がありました / Google Chrome の拡張で実装説明されています

まだ全部読んでいませんが、本家の API マニュアルよりはるかに詳しいです。

Google+ APIの体験とHangoutsの紹介

とりあえず、Google の API ページのサンプルを動かしてみました(localhsot で必要なのは HTMLファイルのみ)が、ユーザーの画像(この場合は自分)と表示名は表示されました。注意点は以下のようなもの。

Google APIs Console で、Client ID を作成する( 使用するのは数字部分 )
そこで登録する URL で HTML を作成してテストする( localhost で行いました )
Google APIs Console で、Google+ API のステータスを on にする
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=euc-jp">
<link rel="shortcut icon" href="http://winofsql.jp/WinOfSql.ico" />
</head>
<body>
    <!--Add a button for the user to click to initiate auth sequence -->
    <button id="authorize-button" style="visibility: hidden">Authorize</button>
    <script type="text/javascript">
      var clientId = '数字';

      var apiKey = '文字列';

      // To enter one or more authentication scopes, refer to the documentation for the API.
      var scopes = 'https://www.googleapis.com/auth/plus.me';

      // Use a button to handle authentication the first time.
      function handleClientLoad() {
        gapi.client.setApiKey(apiKey);
        window.setTimeout(checkAuth,1);
      }

      function checkAuth() {
        gapi.auth.authorize({client_id: clientId, scope: scopes, immediate: true}, handleAuthResult);
      }


      function handleAuthResult(authResult) {
        var authorizeButton = document.getElementById('authorize-button');
        if (authResult) {
          authorizeButton.style.visibility = 'hidden';
          makeApiCall();
        } else {
          authorizeButton.style.visibility = '';
          authorizeButton.onclick = handleAuthClick;
        }
      }

      function handleAuthClick(event) {
        gapi.auth.authorize({client_id: clientId, scope: scopes, immediate: false}, handleAuthResult);
        return false;
      }

      // Load the API and make an API call.  Display the results on the screen.
      function makeApiCall() {
        gapi.client.load('plus', 'v1', function() {
          var request = gapi.client.plus.people.get({
            'userId': 'me'
          });
          request.execute(function(resp) {

            document.getElementById("result").innerHTML = JSON.stringify(resp,null,'    ');

            var heading = document.createElement('h4');
            var image = document.createElement('img');
            image.src = resp.image.url;
            heading.appendChild(image);
            heading.appendChild(document.createTextNode(resp.displayName));

            document.getElementById('content').appendChild(heading);
          });
        });
      }
    </script>
    <script src="https://apis.google.com/js/client.js?onload=handleClientLoad"></script>
    <div id="content"></div>
    <p>Retrieves your profile name using the Google Plus API.</p>
    <pre id="result"></pre>
</body>
</html>

戻された JSON はこんな感じです。
{
    "kind": "plus#person",
    "etag": "\"hwUd3NZiCApZB9vzwRg6mpj9rZg/WL1kyqTWyCT_jl9sj4RVV7i78Qo\"",
    "id": "101280392108947207617",
    "displayName": "night walker Lightbox",
    "name": {
        "familyName": "Lightbox",
        "givenName": "night walker"
    },
    "gender": "male",
    "aboutMe": "絵を描くプログラマ。好きな食べ物は水餃子。手書きブログで描いたり、DAZ3Dで3Dイラストしたり。WEBをこよなく愛する人。画像処理はGIMPです。フリーフォントで簡単ロゴ作成/はんこ画像作成をよろしく http://lightbox.on.coocan.jp/html/fontImage.php",
    "url": "https://plus.google.com/101280392108947207617",
    "image": {
        "url": "https://lh5.googleusercontent.com/-UlDZknXJ9A8/AAAAAAAAAAI/AAAAAAAAAAA/vpJ8OQP0mCU/photo.jpg?sz=50"
    },
    "urls": [
        {
            "value": "http://winofsql.jp/"
        },
        {
            "value": "http://lightbox.on.coocan.jp/html/fontImage.php"
        },
        {
            "value": "http://lightbox.on.coocan.jp/html/fontImage_in.php"
        },
        {
            "value": "http://nurd.seesaa.net/"
        },
        {
            "value": "http://logicalerror.seesaa.net/"
        },
        {
            "value": "http://palette4tegaki.seesaa.net/"
        },
        {
            "value": "http://picasaweb.google.co.jp/winofsql"
        },
        {
            "value": "https://twitter.com/#!/sworc"
        },
        {
            "value": "http://www.youtube.com/user/winofsql"
        },
        {
            "value": "https://plus.google.com/101280392108947207617",
            "type": "profile"
        },
        {
            "value": "https://www.googleapis.com/plus/v1/people/101280392108947207617",
            "type": "json"
        }
    ],
    "result": {
        "kind": "plus#person",
        "etag": "\"hwUd3NZiCApZB9vzwRg6mpj9rZg/WL1kyqTWyCT_jl9sj4RVV7i78Qo\"",
        "id": "101280392108947207617",
        "displayName": "night walker Lightbox",
        "name": {
            "familyName": "Lightbox",
            "givenName": "night walker"
        },
        "gender": "male",
        "aboutMe": "絵を描くプログラマ。好きな食べ物は水餃子。手書きブログで描いたり、DAZ3Dで3Dイラストしたり。WEBをこよなく愛する人。画像処理はGIMPです。フリーフォントで簡単ロゴ作成/はんこ画像作成をよろしく http://lightbox.on.coocan.jp/html/fontImage.php",
        "url": "https://plus.google.com/101280392108947207617",
        "image": {
            "url": "https://lh5.googleusercontent.com/-UlDZknXJ9A8/AAAAAAAAAAI/AAAAAAAAAAA/vpJ8OQP0mCU/photo.jpg?sz=50"
        },
        "urls": [
            {
                "value": "http://winofsql.jp/"
            },
            {
                "value": "http://lightbox.on.coocan.jp/html/fontImage.php"
            },
            {
                "value": "http://lightbox.on.coocan.jp/html/fontImage_in.php"
            },
            {
                "value": "http://nurd.seesaa.net/"
            },
            {
                "value": "http://logicalerror.seesaa.net/"
            },
            {
                "value": "http://palette4tegaki.seesaa.net/"
            },
            {
                "value": "http://picasaweb.google.co.jp/winofsql"
            },
            {
                "value": "https://twitter.com/#!/sworc"
            },
            {
                "value": "http://www.youtube.com/user/winofsql"
            },
            {
                "value": "https://plus.google.com/101280392108947207617",
                "type": "profile"
            },
            {
                "value": "https://www.googleapis.com/plus/v1/people/101280392108947207617",
                "type": "json"
            }
        ]
    }
}
PHP Google API ダウンロード

Google APIs Client Library for PHP


posted by at 2012-05-12 14:22 | Comment(0) | Google | このブログの読者になる | 更新情報をチェックする
SQLの窓全体の検索
Custom Search
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

※ブログオーナーが承認したコメントのみ表示されます。


Android SDK ポケットリファレンス
改訂版 Webデザイナーのための jQuery入門
今すぐ使えるかんたん ホームページ HTML&CSS入門
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX