instagram の遊び方。

開発者用のページからアプリケーション登録をします。(instagram のアカウントを取ってログインしてください。)

Manage ってリンクから行けます。

f:id:aerith:20111225033712p:plain

Register a New Client とかいうボタンを押します。

f:id:aerith:20111225033715p:plain

内容を入力して、Register とかいうボタンを押します。

f:id:aerith:20111225033718p:plain

これであなた用のアプリケーションを作る準備ができました。(CLIENT SECRET は隠してあります。)

f:id:aerith:20111225033720p:plain

こんな感じで index.html を作成します。

ログインに失敗した場合は、instagram 上でバリデーションしてくれます。ユーザがログインを放棄したら何も返ってきません。

ログインに成功して、アプリケーションを承認した場合、次のような URL でこちらにリダイレクトされます。

http://i.sakura.aerith.sc/demo/redirect.html#access_token=アクセストークン

ログインに成功して、アプリケーションを承認しない場合、次のような URL でこちらにリダイレクトされます。

http://i.sakura.aerith.sc/demo/redirect.html?error_reason=user_denied&error=access_denied&error_description=The+user+denied+your+request.

こんな感じで redirect.html を作成します。

簡易的にですが、承認失敗時のエラーもいちおう出しています。アクセストークン取得後に、page.html に飛ばしています。

こんな感じで page.html を作成します。

これで自分のフィードのサムネイル画像の一覧を表示できました。

データはこんな感じなので、ユーザ名やその写真に使ったフィルターの名前なんかも表示することができます。

もちろん他にも取れるデータはあるので、いろいろと試してみると面白いかもしれません。取得するデータによってはパーミッションを承認時に指定する必要がある場合があります。そのあたりはドキュメントを参照してみてください。