How To Get Instagram Feed In The SPFx Web Part

Step 13

Now in the Data Deletion Request URL textbox, enter the same URL once again.

Step 14

Now click on the Save Changes button.

Step 15

Now expand the Roles menu from the left navigation and click on Roles.

Step 16

Now click on Add Instagram Testers.

Step 17

On clicking, it will open a popup. In this popup type the Instagram account name of which account’s feed you want to show in your web part and click on Submit button.

Step 18

Now open the https://www.instagram.com/ and sign in to the Instagram account which you selected in the previous step.

Step 19

Go to the profile and click on the Edit Profile button.

Step 20

Now click on Apps and Websites from the left navigation and click on TESTER INVITES. Here you can see the invitation of the app which we created. Click on Accept button in this invitation.

Your Instagram account is now eligible to be accessed by your Facebook app while it is in Development Mode.

Step 21

Now go to the Facebook app. Expand the Instagram Basic Display menu from the left navigation and click on Basic Display.

Step 22

Now go to the User Token Generator section and click on Generate Token button.

Step 23

On clicking Generate Token button, it will open a popup. Click on the Continue button.

Step 24

On clicking, it will open another popup. Click on Allow button.

Step 25

On clicking Allow button, it will open another popup with the token. Check the check box for "I understand" and then it will show token. Copy this token in a notepad and click on Done.

Step 26

Now click on the Save Changes button of the App. We will use generated token to get the Instagram feed.

Step 27

Now go to your SPFx web part and call the below API,

• “https://graph.instagram.com/me/media?fields=media_type,media_url,caption&access_token=" + access token;
• Here access token will be the token which we copied in Step 25.
• As a result of this API, you will get the feeds of your Instagram account.

Limitation

The access token which we generated will be expired after 60 days. So you need to generate a new token after 60 days or you can below use API to refresh token the token. This refresh token should be generated before the token is expired.

• “https://graph.instagram.com/refresh_access_token?grant_type=ig_refresh_token&access_token= “ + access token;

Conclusion

This is how we can get an Instagram feed. Hope this article will be helpful