そうです、Instagram API は 1 回の呼び出しで 20 枚の画像しか返しません。そのため、ページネーション機能を使用する必要があります。
API コンソールを使用しようとしている場合。最初に、API コンソールが Instagram ログインを介して認証できるようにする必要があります。これを行うには、[認証] ドロップダウンで [OAUTH2] を選択します。
認証されたら、左側のメニューを使用して users/{user-id}/media/recent エンドポイントを選択します。したがって、{user-id} のこの投稿のために、それを self に置き換えることができます。これにより、アカウントを使用して情報が取得されます。
最低限、このエンドポイントに対して GET を実行するために必要なものです。送信すると、json が返されます。すべてのサーバー情報の後に返される情報の一番上に、next_url と next_max_id を含むページネーション部分が表示されます。
next_max_id は、クエリのパラメーターとして使用するものです。max_id は、最初に返された 20 個のうち最も古いイメージの ID であることを忘れないでください。これは、この画像より前の画像を返すために使用されます。
必要がない場合は、max_id を使用する必要はありません。実際には、より多くの画像のクエリを開始したい画像の ID を取得できます。
したがって、返されたデータから、max_id をパラメーター max_id にコピーします。リクエスト URLは、 https: //api.instagram.com/v1/users/self/media/recent?max_id=XXXXXXXXXXXX のようになります。ここで、XXXXXXXXXXXX は max_id です。もう一度送信をクリックすると、次の 20 枚の写真が表示されます。
そこから、更新された max_id も受け取ります。その後、それを再び使用して、最終的にすべてのユーザーの写真を処理するまで、次の 20 枚の写真のセットを取得できます。
私が取り組んでいるプロジェクトで行ったことは、最初の最近のメディア要求から返された最初の 20 枚の写真を読み込むことです。次に、画像に data-id を割り当てます (-id は、実際には好きなものにすることができます)。次に、写真セットの下部にさらに読み込むボタンを追加しました。
ボタンがクリックされると、jQuery を使用して最後の画像とその data-id 属性を取得し、それを使用して ajax を介して get 呼び出しを作成し、その結果を既にページにある写真の最後に追加します。ボタンの代わりに、それを置き換えるだけで無限スクロール効果が得られます。
それが役立つことを願っています。