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)。