We can now return to the Basic Display setup page and create an Instagram app for it.
#INSTAFEED IMAGE WIDTH FULL#
The only thing you need to add here is the full URL of your website and click save. This platform is just the place where your app will be used and in my case, this is my website so I choose “Website” as the platform. Once this is created, we need to add the Basic Display API as a product to the app, so to do that, we need to add a platform to our app that we just created. On the create popup, select the last option that says “Something else” and then enter the application name. This can take a few minutes based on your network and computer speed but in the meantime, we can go and set up the Facebook app required for the OAuth flow to work.įirst, you can navigate to, where we need to create an app.
The process with the integration of this package starts by first installing it to our project through Composer. The package is called Laravel Instagram Feed and it is built by a marketing agency from Taiwan called Dymantic.
I already manage my site that is built with Laravel, so the idea to have a separate service and manage that just for showing an Instagram feed to my site sounds like too much work so I looked for other options and I came across a Laravel package that claims to be able to do the same process from Laravel. Instafeed recommended solution is to use an Instagram Token Agent, which is a separate app that you can run as a service on Heroku for free, at least for now, that will then refresh and keep track of access tokens.
#INSTAFEED IMAGE WIDTH CODE#
This access token is then used to make the API request but that token will eventually expire and a new one will then be needed.Įxactly how OAuth works is a topic for a separate article but what is important to know now, is that we will need some piece of server code that will periodically contact Instagram to refresh the token. The Basic Display API replaces this with OAuth where a physical user now needs to log in and approve an application, to then get an access token. The old one used an API key that was sent with each request to provide it info who accessed it. The old Instagram API no longer works and it is now replaced with the Basic Display API where the biggest difference is the authentication process used to access the API. Well, as it turns out, it won’t be as easy as just switching to another script. OK, fair enough, I’m sure that Instafeed is on top of this and that they have an updated version that I can just replace and it will all work again in 5 minutes. OK, so the conclusion is that Instagram changed something. If for some reason you don’t know what an API key is, Tom Scott has an excellent video on the topic.
To be able to access my feed, I have provided an API key to the script, and from what I could see this should have still been working. Looking through the code of my site, I found the part where I first load Instafeed, and then I located the other script where I actually initialize it to load 12 of the latest images from Instagram and show them based on the specified template. Now what?īased on that message I noticed that the error comes for a file called instafeed.js and I remembered that I’ve used that library when I was building the site. Well, congratulations on your retirement. I quickly opened up the developer tools on the browser by pressing F12 on the keyboard and I was very happily greeted with a message that said “This endpoint has been retired”.
0 kommentar(er)
