DevelopAPI

InstagramのAPIを使ってみた

インスタグラムのAPIを使ってみました。

確認環境は以下の通りです。

  • Mac OS X Yosemite 10.10.5
  • Node.js 5.0.6
  • NPM 3.6.0

  1. アカウント作成

    1. Developer登録を行う

      https://www.instagram.com/developer/register/

    2. クライアント登録を行う

      https://www.instagram.com/developer/clients/register/

      もろもろを入力


      作成されたCLIENT_ID、CLIENT_SECRETをメモっておくこと！

  2. アクセストークンの取得

    1. authorizedURLを叩く

      https://api.instagram.com/oauth/authorize/?client_id=CLIENT-ID&redirect_uri=REDIRECT-URI&response_type=code

      • CLIENT_ID ←アカウント作成時に生成されたもの
      • CLIENT_SECRET ←アカウント作成時に生成されたもの
      • AUTHORIZATION_REDIRECT_URI ←アカウント作成時に設定したもの


      authorizedする！

    2. リダイレクトされたURLのパラメーターcodeをコピー

      上記authorizedした後に飛ばされたURLのcodeパラメータをコピー
      http://www.hogehoge.com/?code=ここ！

      ※codeの値はアクセスする度変わるので注意！

    3. curlでpostリクエストしてトークンを取得

      curl -F 'client_id=CLIENT_ID' \
-F 'client_secret=CLIENT_SECRET' \
-F 'grant_type=authorization_code' \
-F 'redirect_uri=AUTHORIZATION_REDIRECT_URI' \
-F 'code=CODE' \
https://api.instagram.com/oauth/access_token
      • CLIENT_ID ←アカウント作成時に生成されたもの
      • CLIENT_SECRET ←アカウント作成時に生成されたもの
      • AUTHORIZATION_REDIRECT_URI ←アカウント作成時に設定したもの
      • CODE ←上の手順で取得したもの

    4. 返ってきたjson内にaccess_tokenがあるのでゲット！

      {"access_token":"XXXXXXXX.XXXXXXXXXXXX.XXXXXXXXXXXXXXXXXX",
"user":{"username":"hogehoge","bio":"","website":"","profile_picture":
"https:\/\/scontent.cdninstagram.com\/t51.2885-19\/11906329_960233084022564_1448528159_a.jpg",
"full_name":"","id":"1789144674"}}

以上です。

Share