![]() ![]() Display Instagram Feed using Instafeed JavaScript Library in your Web AppĬreate a new HTML Page in your Web App, and copy the below code and paste it in your HTML Page. Just Copy this token, Hooray ! We are done with Instagram Token generation, now We have to use this token to get the Instagram Feed. Than a tab will appear like below giving the final token: Instagram Graph API is their new solution, which right now only is enabled for Business Accounts. Instagram is shutting down its current API in 2020. #INSTAFEED FOR REACT FREE#Open Your account go on settings-> Apps and Websites, you could see a permission like below:Īccept this and come back in Your Facebook developer, go on Basic Display from left in Products like below: Final Step Generate TokenĬlick on Generate Token ,it will ask you to login again, so login and give the permission by clicking on authorize. And if you really don't want to do anything with the code, feel free to use react-instafeed which wraps this for react. Than click on Instagram Tester and add the account whom data you want to fetch like below. #INSTAFEED FOR REACT GENERATOR#In User Token Generator section click on Add or Remove Instagram Testers. Than a new tab will appear, give any App Display Name and choose App purpose as -> Yourself or your own business and click on Create App Id.Ĭlick on Create Test App on left Top, a new Tab will appear, than click on Create Test AppĪ new tab will appear like below, than click on -> set up of Instagram Basic Display.Ī new tab will appear, scroll down and click on Create New App. May be you are familiar that, Facebook owned Instagram so you have to go on and create your account.Īfter creating account click on My apps or go on - Create a New AppĬlick on Add a new app, a tab will appear like below, you have to click on Manage Business Integration like below: In short, you could access your Instagram Profile API, but not of your girlfriend unless your girlfriend has allowed you to do that, by accepting the permission in the Settings-> Apps and Websites of her account. Go to: to view.New ways by latest policy to create Instagram Access Token !Īs we all know, Instagram updates its policy of API, in which, third party like us could not access each information of Instagram API. Responsive LayoutĬreated a desktop and mobile view. Used SASS and gulp to manage my CSS styling and to manage the sizing of my images in the Grid view so they maintain their 1:1 aspect ratio when the browser size fluctuates. Used the grid and hamburger image assets and bar scheme from a previous Instagram project using AngularJS.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |