試験管のなかのコード

bit.ly API にチャレンジ

bit.ly は URL 短縮サービス。 最近 Twitter の標準 URL 短縮サービスに採用された。 bit.ly は API を提供しているので、ちょっと利用してみた。

bit.ly

http://bit.ly/

bit.ly アカウント作成 & API Key 取得

API を使う前に、まず bit.ly のアカウントを作成する。 big.ly Sign upより、アカウントを作成する。

次に bit.ly にログインし、アカウント情報より API Key を取得する。 これで API を使用する準備は完了。

bit.ly API の利用

bit.ly API の詳細は以下のドキュメントを参照。

bitly-api

http://code.google.com/p/bitly-api/wiki/ApiDocumentation

詳細はドキュメントに譲ることにして、ここでは URL 短縮 API を試してみる。
まずは http://www.yahoo.co.jp/ を短縮してみる(短縮する必要無い長さだな・・・)。

http://api.bit.ly/shorten?version=2.0.1&login=[my bitly user name]&apiKey=[my bitly API Key]&longUrl=http://www.yahoo.co.jp/

上記リクエストを GET で送出すると、以下の様なレスポンスが得られる。

{ "errorCode": 0, "errorMessage": "", "results": { "http://www.yahoo.co.jp/": { "hash": "INPsu", "shortKeywordUrl": "", "shortUrl": "http://bit.ly/8jyvv", "userHash": "8jyvv" } }, "statusCode": "OK" }

JavaScript から利用する場合は callback を利用する。

http://api.bit.ly/shorten?version=2.0.1&login=[my bitly user name]&apiKey=[my bitly API Key]&longUrl=http://www.yahoo.co.jp/&callback=callback

上記リクエストを GET で送出すると、以下の様なレスポンスが得られる。

callback({ "errorCode": 0, "errorMessage": "", "results": { "http://www.yahoo.co.jp/": { "hash": "INPsu", "shortKeywordUrl": "", "shortUrl": "http://bit.ly/8jyvv", "userHash": "8jyvv" } }, "statusCode": "OK" })

callback はこういう様に利用する。

<script type="text/javascript" 
           src="http://api.bit.ly/shorten?version=2.0.1&login=[my bitly user name]&apiKey=[my bitly API Key]&longUrl=http://www.yahoo.co.jp/&callback=callback" />
<script type="text/javascript">
function callback(bitlyResponse){
  var json = eval(bitlyResponse);
  alert(json.statusCode);
}
<script type="text/javascript">