2012/08/25

Gravatar の使い方 グラバタープロフィールの取得

Gravatar は広範囲で利用できるアバターサービス(プロフィールサービスも)です。

グラバタープロフィールを JSON で取得してみます。(Gravatar のサイトの説明
下記のリクエストを送ればよいです。下記の "HASH" の部分は、プライマリメールアドレスの MD5 ハッシュ値となります。
http://www.gravatar.com/HASH.json

もう少し順をおって、説明します。

  • Gravatar に自分のメールアドレスを登録しているとします。そして、そのメールアドレスが "myname@example.com" だとします。 (注:Gravatar に複数のメールアドレスを登録している場合、プライマリメールアドレスが対象になります。詳しくはこちらをご覧ください。)
  • "myname@example.com" の MD5 ハッシュ値は "2240d3999e4d78a22debac214a5556fe" です。(文字列をハッシュするツールは色々とあります)
  • この場合、"myname@example.com" のグラバタープロフィールを取得するためのリクエストは
    http://www.gravatar.com/2240d3999e4d78a22debac214a5556fe.json
    となります。

試しに、自分のグラバタープロフィールを Chrome で取得してみてください。
Chrome 拡張の JSONView をインストールしておくとよいです。JSONView をインストールしていると、JSON を Chrome 上で見やすく表示してくれます。

グラバタープロフィールを JSON で取得して Javascript で処理します。サンプルは下記です。

<script type="text/javascript">
   function getGravatar( profile ) {
      document.write('displayName : ' + profile.entry[0].displayName + '<br>');
      document.write('aboutMe : ' + profile.entry[0].aboutMe + '<br>');
      document.write('profileUrl : <a href="' + profile.entry[0].profileUrl + '">' + profile.entry[0].profileUrl + '</a>');
   }
</script>
<script src="http://www.gravatar.com/2240d3999e4d78a22debac214a5556fe.json?callback=getGravatar" type="text/javascript"></script>

Gravatar まとめはこちら

0 件のコメント:

コメントを投稿