1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

Facebook for Developersを使用し、access_tokenを取得する方法

Posted at

#1.アプリの作成
スクリーンショット 2021-03-03 1.51.57.png
緑色の'アプリを作成'をクリックしアプリを作成する。

スクリーンショット 2021-03-03 1.52.31.png
今回は他のオプションを選択

スクリーンショット 2021-03-03 1.53.13.png
今回はテストとしてアプリを作成するのでtutorialとする。
メールアドレスは、適切なものを設定。

スクリーンショット 2021-03-03 1.54.30.png

ここまで来たらアプリの作成は完成である。

#2.redirect_url(リダイレクトURLの)設定

スクリーンショット 2021-03-03 1.55.05.png
プロダクト→Instagram Basic Display→ Basic Displayの順に押していき、青色のcreate new appをクリック
スクリーンショット 2021-03-03 1.57.07.png
ここでredirect_urlを設定する。ここで設定したurlに認証コードが送信されトークンを取得する際に必要になってくる。(例:https://google.com/?code=*****)
このような形式で送られてくる。

#3.Instagram testersの登録
スクリーンショット 2021-03-03 1.57.41.png
Add or Remove Instagram Testersをクリック

スクリーンショット 2021-03-03 1.58.02.png
一番下にある、Instagramテスターを追加をクリックし、自分のInstagramを選択

instagram-web版に移動(①〜③の順に進める)
①設定
②アプリとwebサイト
③テスターへのご招待

先ほどのページに戻り更新するとtesterが追加されている。

#4.実際にaccess_tokenを取得していく
スクリーンショット 2021-03-03 2.01.43.png
Generate Tokenをクリック(Instagramへの許可などについてのバナーが出る)
スクリーンショット 2021-03-03 2.02.31.png
ここまで来たら、access_tokenの取得は完了である(実際にはI understandの下にトークンが表示されている)

#4.まとめ
今回取得したのはinstagram basic displayのaccess_token(厳密に言えば短期アクセストークン)である。このtokenを使用することでinstagramの様々な情報を取得することが可能である。このトークンをは短期アクセストークンであり有効期限が短いため、長期アクセストークンにする必要が出てくる場合もある。

参考 https://developers.facebook.com/?locale=ja_JP
access_tokenを使用しinstagramの情報を取得したい場合
https://developers.facebook.com/docs/instagram-basic-display-api/getting-started

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?