5分で使い始めるInstagramAPI


最近 version2.0 になってますます最高です!なインスタグラム。
今になってAPI使ってみたので、とりあえずどんな感じかサクッと使ってみたい方の為にエントリます。


※インスタグラムのユーザー登録してる事前提です。ここではmacで作業してます。



STEP1. クライアント登録


http://instagram.com/developer/
こちらのデベロッパページに行きます。

こんな感じの画面です。


このページ中の、Register your application をクリックすると
http://instagram.com/developer/manage/
こちらのクライアント登録ページへ遷移します。


Register a New Client をクリックして、クライアント登録を行います。

全ての項目を埋めてください。
内容は適当で良いのですが、Website と OAuth redirect_uri はアクセスするサイトのURLを入力してください。
ここではとりあえずローカルの開発環境のURLを入れてます。


登録すると、

こんな感じで、CLIENT ID と CLIENT SECRET が割り当てられます。
この2つのトークンは後で使います。


ここまでの処理で、ポピュラー(人気写真)取得APIなどの認証がいらないAPIは使用できます。

https://api.instagram.com/v1/media/popular?client_id=取得したCLIENT ID

へブラウザからアクセスするとデータが取得できるのが分かると思います。


自分の写真を取得したい!等といった場合のAPIを実行するには認証が必要で、アクセストークンを取得する必要があるので以下の処理を行ってください。



STEP2. code取得


次に、アクセストークンを入手する為に必要な、codeを取得します。

https://api.instagram.com/oauth/authorize/?client_id=取得したCLIENT ID&redirect_uri=登録したOAuth redirect_uri&response_type=code

上のURLに自分の値を当てはめて、ブラウザからアクセスします。


インスタグラムのユーザーID, パスワードを入力する画面になるので、入力すると、以下の画面に遷移します。

Yes を選択すると、先ほど指定した OAuth redirect_uri に、code付きでリダイレクトされます。



このcodeを使用しますので、コピペしておきます。



STEP3. access_token取得


最後に認証用の access_token を取得します。


ターミナルを立ち上げて、以下のコマンドを実行します。

curl \
-F 'client_id=取得したCLIENT ID' \
-F 'client_secret=取得したCLIENT SECRET' \
-F 'grant_type=authorization_code' \
-F 'redirect_uri=先ほど入力したOAuth redirect_uri' \
-F 'code=取得したcode' \
https://api.instagram.com/oauth/access_token


こんな感じで実行します。



こんな感じで結果が取得できます。
access_token をメモりましょう。



STEP4. 使ってみる

https://api.instagram.com/v1/users/search?q=自分のユーザー名&access_token=取得したaccess_token

へブラウザからアクセスすると、自分の情報を取得できます。
うまく取れたら、id という値があるのでメモしときます。
ユーザーに関するAPIはこのidを使います。

https://api.instagram.com/v1/users/取得したid/media/recent?access_token=取得したaccess_token

へブラウザからアクセスすると、自分の最近の写真に関するデータが取得できます。




後は各種APIJavascriptから叩くなりなんなりしてマッシュアップしてみてください。Enjoy!