Instagram Stream

Instagram Basic Display API Setup Guide

1. Go to the Facebook Developers Portal and register as a developer.
2. Create a new app, selecting the Consumer use-case, and name it Hezial Santhosh Feed.
3. Scroll down to Add a Product, find Instagram Basic Display, and click Set Up.
4. Configure the Instagram App ID and App Secret. Under settings, add an Instagram Test User (input your personal Instagram handle).
5. Generate a Short-Lived User Access Token using the User Token Generator.
6. Convert the token to a Long-Lived Token (lasts 60 days) by calling Facebook API Endpoint:

   https://graph.instagram.com/access_token
     ?grant_type=ig_exchange_token
     &client_secret={instagram-app-secret}
     &access_token={short-lived-user-access-token}

7. Query user media feeds inside your script:

   async function fetchInstaFeed(longLivedToken) {
     const url = `https://graph.instagram.com/me/media?fields=id,caption,media_type,media_url,permalink,thumbnail_url&access_token=\${longLivedToken}`;
     const response = await fetch(url);
     const data = await response.json();
     return data.data; // Array of media posts
   }