Instafeed.jsで案内されているトークンジェネレータの代替サービス

に公開

問題

issueにも上っていた

対応方法

手順

1. Instagram 基本表示 API の設定

2. Instant Tokens とインスタグラムアカウントを連携する

  1. Instant Tokensにアクセスし、アカウント登録を行う Instant Tokens

  2. インスタグラムアカウントを連携する instant-tokens-register.png

  3. 設定を開き、JS ファイルの URL もしくは リクエスト先 URL を取得する instant-tokens-list.png

  4. Instafeed とトークン取得用 JS ファイルをインポートする

<!-- Instafeed -->
<script type="text/javascript" src="path/to/instafeed.min.js"></script>

<!-- token -->
<script type="text/javascript" src="https://ig.instant-tokens.com/users/{user_id}/instagram/{app_id}/token.js?userSecret={user_secret}"></script>
  1. 変数名InstagramTokenにトークンが代入されているため、これを用いて表示する
var InstagramToken = {access_token};
<div id="instafeed"></div>

<script type="text/javascript">
    var feed = new Instafeed({
      accessToken: InstagramToken
    });
    feed.run();
</script>