動名詞?不定詞?家サーバー

October 05, 2016

Instagramの写真をHPに

instafeed.jpを使うと簡単にインスタの写真を自分のHPに表示させることができる。(2016年10月5日情報)

<instafeed.jpで必要なもの>
  • userID
  • clientId
  • accessToken
<アプリケーションを取得>
アプリケーションを取得するとclientIdが手に入る。
https://www.instagram.com/developer/ 
アプリを手に入れたら、アプリのマネジメント画面から<セキュリティー>の<Disable implicit OAuth:>のチェックを外す。

<アクセストークンを手にいれる>
//api.instagram.com/oauth/authorize/?client_id=CLIENTID&redirect_uri=http://REDIRECTURI&response_type=token 
リンクをクリックするとエラーになるので、CLIENTIDのところとREDIRECTURLのところを書き換えてもう一度。すると、ブラウザのオムニボックスにアクセストークンが表示される。
http://your-redirect-uri#access_token=3983805697.e644662.8173074934004506a03c6eebf6dfb482
.までの数字がuserId。

<注意事項>
  • 必ず.jsファイルは自分のところに入れないといけない (直リンクはChromeが動作しない)
  • CDNでもOK(2017/12/07)。


hpmeister at 10:26│Act 
このエントリーをはてなブックマークに追加 mixiチェック Clip to Evernote
動名詞?不定詞?家サーバー

copyright 2004-2017 hpmeister