Using REST APIs in a web application | Quick PHP Tutorial

In this video I show you how to create a simple web application which converts a location into latitude and longitude using the Google Maps API. Then it uses those coordinates to pull images taken in that location from the Instagram API.
Final PHP file used in this tutorial:
github.com/jel...
Example Google Maps API call:
maps.googleapi...
Example Instagram API call using Disneyland's coordinates:
api.instagram....
Chrome extension I'm using to make JSON responses readable in the browser:
chrome.google....
Outro music:
"Rollin at 5 - electronic" Kevin MacLeod (incompetech.com)
Licensed under Creative Commons: By Attribution 3.0
creativecommons...

[@joshdewinter2238]

Thank you for making a video that's not too simple, but doesn't skip a bunch of critical steps to get the learner from A to B. You have just the right amount of detail to help someone who knows enough about the basics, but wants to get to the next level. Unlike a whole truckload of KZbin publishers, you are a great teacher. You know your stuff and can communicate it well. Great video! Thank you! P.S.: If you're ever tempted to skip over showing the code, even typing it out (this is great), please don't. It's part of what makes it great.

[@kockgunner]

Perfect. I am getting into APIs and it's frustrating how most tutorials assume you have knowledge of knowing what to do with the API data instead of explaining how to parse it. Thank you!

[@rishabhgusai96]

this video deserves more than a million views. look at the video quality and the way he speaks it was fast but if you aren't new to programming you will find this content amazing and time saving none other thing can teach you such stuff so fast. Beginners keep away search something that ends with "For Beginners"

[@rishabhgusai96]

+Rishabh Gusain Now I am gonna watch each and every video of this guy and like them as well please make a video about accessing a payment gateway api

[@eshwarenm9111]

True. Getting onboard with API technologies can be confusing for flat HTML CSS JS writers.

[@reyariass]

Haha, i just found this channel and i love it. :)

[@condor07uk]

+1

[@CCampbellKC]

Personally, I don't think you went too fast at all. In fact, I was glad it wasn't long and drawn out. Fast, concise, and put together very well.

[@janeelliottsbookshelf4374]

Thanks so much! You talk fast, but I really appreciate it as I hate wading through slow talking videos wasting time - just pause the vid when needed. You're very clear with your descriptions.

[@fstarockaburns425]

i think im gonna watch every vid uve ever made - stellar stuff for a 15 yrs long php coder who needs to play catchup - fantastically fast, to the point and incredible - thanks so much.. def going to look into using this for future apps..

[@EZraw87]

Found your channel randomly researching APIs and your application coincidentally does exactly what I wanted to do. Thx for the tuts sir, you are awesome!

I really like this more technical example of APIs. I usually don't dig into the developer side of things, but I appreciate that you do

[@juissijakismet]

You are easily the best web coding tutorial guy I've ran into so far. Cheers!

[@eshwarenm9111]

I don't understand people who complain he speaks too fast. Just slow down the video or pause if you need to. I think in the entirety of KZbin, this guy does the best with concepts, with fun and working examples. For UX, go find Nick Babich - his Medium (UX Planet) articles are next level.

[@CodeProHassam]

Eminem of coding .

[@thewpagroup1562]

Right? Rap God here lol

[@Besiktas7Bjk7]

Honestly, would you click on the video, if it would be 20-30 minutes? I am sure, I wouldn't. He has to rap, and he is good at it!

[@OWEN-zn8rm]

watch it with 0.25 speed

[@chrisriddell7424]

This comment gets funnier the longer the video goes on

[@newlandstorm]

Hahaha. indeed bruv . eminem of coding

[@danielpettus4846]

Usually I find a site with information so I can read because people talk too slow making it almost not worth the time to watch some videos. You however make each sentence full of information but very concise, where I feel like I need to hear each word as its valuable to the video.

[@WaqasKhan-lm2yo]

I really like your fast way of teaching Man 😊, thanks. I become sleepy when listening to some other guys 😴.

[@JonoChong]

Learning about API's and I've watched many videos and I'll say - This one trumps them all in being informative, clear and concise ! ! Looking forward to more ! Cheers !

[@kobadg]

+Jonathan Chong I agree completely... Now if only there were more videos.... (Seems this one was the last in over a year.)

[@glynnjohnson558]

Just wanted to say thanks! I've been struggling to get started with the Linnworks API all day as I've never done anything like it. Thanks to this tutorial I've managed to get going and actually understand what I'm doing now. Great video!

[@ilmakeyouone]

Pretty cool application REST API on PHP. Thank you man. One of the best programming channel on the KZbin!

[@pierreugaz]

I was looking for something like this in order to fully understand how rest apis work, thank you so much sir!

[@FaizKhan-fm6kg]

Excellent. Your videos are full of useful information. And do not consider talking slow. Everything is perfect the way it is.

[@flaviotosi931]

Bravo. Even a rusted bone lioke me has finally understood the mechanism of a REST API in PHP HTML. thanks a lot

[@bobkeeper7386]

Final PHP file used in this tutorial: github.com/jelled/geogram/blo... and Example Instagram API call using Disneyland's coordinates: api.instagram.com/v1/media/se... both links are broken

[@joebazooks]

great production quality. one of if not the best production quality ive seen in a programming tutorial

[@vlad981]

Dude, you are awesome! please, make more video!)

[@adamrajnoha4653]

man, thank you so much for this. I knew what the concept of API is but every example was way too much difficult, you explained the usage quickly, understandable and efficient way))

[@jona8820]

Just what I needed, perfect. Short and quick. no bs.

[@LidongYang]

Please keep making these videos. I found them very helpful and I'm comprehending without too much trouble. Thank you a lot.

[@mkmabl]

you are awesome! I'm a Jack of too many trades and master of none. I've done an ounce of udp and tcp server work and a bit of php. your video here was exactly what I needed to get started on this topic. in particular, I like the no library approach, even the simple forms drudgery. it is best when simple examples limit number of toolsets used. here you have html and php. I'm going to now look for a server tutorial from you. great stuff! thanks!

[@shadsluiter]

Unfortunately, the Instagram API has changed. Tutorial needs an update.

[@a.davidoyerinde7068]

Please what is the new instagram API?

[@Beebop121]

Thanks, I just had a problem with that as well

[@shadsluiter]

@@a.davidoyerinde7068 instagram.com/developer/

[@BilaalAbdelHassan]

It has changed but the principle stays same.

[@kobadg]

No new videos in over a year? What happened to this channel?! I feel this guy explained things extremely well....

[@atabish2]

I learned a lot about Rest API after watching this video. Also I learned about AJAX through one your video and created a really small but cool application about Instagram trend search. Unfortunately Instagram has now restricted the usage of its endpoints. But anyway, this is really fun to learn.

[@ImmaShadowGirl]

Your videos are amazing and you explain really well. But in this particular one, you went too fast. It was amazing but could've been better if you gave some time to the viewer's brain to store one block of data you input, before moving onto the next block.

[@spaceinfotech5539]

Well said ImmaShadowGirl. He should know better

[@rishabhgusai96]

+ImmaShadowGirl or u could just pause and rewind to.

[@eshwarenm9111]

Or go Shift + '

[@ImmaShadowGirl]

^@Rishabh Gusain I was pausing and rewinding a hell lot and it reduces concentration, hence, the comment. and Eshwaren M Try slowing it down and you'll know how awkward it is. Hence, the comment. :D

[@reyariass]

Completely agree with you. :)

[@Shnigi]

I like tutorials like this, no bullshit explained, straight to the point. Thanks

[@christopherenriquez9765]

I thought that the speed of the video isn't set to normal so i check it out lol. BTW i learn from you , thank you.

[@andrewmcbride88]

I subscribed for more of this series! I'm very new to APIs and you did a great job of explaining what they are and now showing how to use them easily. thank you!

[@realcconnect6873]

where I can get maps url , you didnt tell? then I began confused, thats very difficult if I dont understand

[@leonardocollares]

Great video! You are really good when explain things. Just a comment from my instructor perspective, you could be talking in a slower pace considering most of the viewers are here to learn something new.

[@madhawapiumika4037]

Same as anyone said thanks, Love the explanation. SOLID real SOLID explanation got it under 10 minutes into brain. Could improve the Coding and showing examples a little longer in 2 to three seconds.

[@johansebasb]

Keep on the good work! Very useful mini-tutorials! Waiting for more

[@stianmaurstad]

Nicely presented & straight to the point. Thanks! Keep it up.

[@SureshKUMARMukhiya]

Great Videos. Concept is much clear. Thank you for this video. Would like to see more on this topic.

[@ImGodTheMaryBanger]

Great video, helping me get a much better understanding of the next step in my project

[@frenchmarty7446]

I could not hit that subscribe button fast enough after watching.

[@susie1010]

I'm so glad I could slow down the speed of the video... i'm not an english native speaker and it was very hard to follow your talking - especially with such a "technical" topic. nevertheless it is a great video, thank you.

[@kartikchauhan5498]

But JSON response didn't contain an 'address' property. So, how do we know which variable to send to get the desired data?

[@learnlearn236]

{ "meta": { "error_type": "OAuthAccessTokenException", "code": 400, "error_message": "The access_token provided is invalid." } } its give a error ike this so what sould i do.

[@Manoj5437]

Dude seriously... Hats Off !!! Post more videos :)

[@MoutasemMohammad]

Amazing !! don't you ever quite make such amazing videos

[@lafouinevino1496]

that's good! very introduction and i get a grest information for exemple rest APIs in a web application

[@jeyjd123]

Excellent presentation, I loved it. Looking forward more. Nicely done

[@mujahidbhoraniya6038]

Nice understanding . I like your video. Really very simple explanation for you.

[@trumangregg6266]

I am confused that yo u never mentioned api access tokens in this video. Do you need access tokens for the example in this video to work?

[@kellywang9331]

An advanced introductory video. Good work. Appreciate it.

[@finnhoile2377]

Good tutorials, but man you talk fast!!

[@shubhamchandra9258]

dats the reason for his short tutorials ;)

[@phptuts4545]

Whoever make this function, salute to that guy :D

[@ShadowsMasquerade]

lmao with 0.5 speed he sounds patronizing as fuck

[@AM-iv3bp]

What? I always watch the videos on 2x speed. Thanks a lot for these tutorials man. No BS video's, which are compact and concise.

[@wiscatbijles]

Drunk you mean!

[@Manishchauhan-yf4fr]

Perfect Explanation. Great Job

[@zhaksy]

Super appreciate all the hard work put into this video!

[@branchyapple]

The url gives a error.. Google says i need to send out a API.. While at 4:03 you can do it.. maps.googleapis.com/maps/api/geocode/json?address=disneyland,ca

[@LordMpW]

maps.googleapis.com/maps/api/geocode/json?address=disneyland,ca&key=1234567890 (Add the key from your Google Maps API in the url).

[@branchyapple]

@@LordMpW ah thanks man! Long time ago, but if i need to do this again i will know 👍

[@LordMpW]

@@branchyapple haha no problem, you're right it is a long time ago ;-)

[@gwenaelriou3559]

a quick and efficient explanation !

[@Phantomwalker]

These are pretty awesome tutorials you've made sir. Thanks for creating these. :)

[@callforjhed]

i love the tutorial. thanks Eminem!

[@DiegoMiranda07]

That work only for public profiles? I mean, if a user have an private profile the images of him do not possible to see, correct?

[@webconcepts]

Diego Miranda Correct. Unless you make the API request using an access token which belongs to the owner of the profile. For example, if I use the "sign in with facebook" button on some random site the access token generated will belong to my facebook account. Therefore, if the 3rd party site requested photo permissions during the sign in process, they could use my access token to request all of my photos.

[@RickBeacham]

You can use scrapy for private profiles and if you need to request more then what the API allows but only if your account is allowed to see the profile. Just save the cookie. doc.scrapy.org/en/master/topics/request-response.html

[@TDefton]

What about When the API requires a token to be sent using the cURL header? What Should my php look like then?

[@mehranvafaee1053]

Absolutely love the way you put it! Bravo!

[@leticialimacavalcanti]

English is not my first language and I understand only 50% of what you said, that is, you speak very fast!

[@achkh1139]

what if i told u that u are doing a very good job?

[@sarveshgandhi4588]

by making such clean and time efficient tutorials

[@AlMarufSharif]

why your videos are too amazing??? really i love it :)

[@lastmanustanding]

It's mandatory to use the access_token' for Instagram requests. They changed how it works and it no longer works with 'client_id'. You will also have to specify/pass a 'scope' parameter in the URI when you are requesting the 'access_token'. The rest of this tutorial still works. :)

[@RickBeacham]

Needed a refresher on using json with restful api's. Thanks. What can't we just access the specific element from the JSON object? Is it possible to not use a loop?

[@renzogamboa821]

I can't wait to see some AJAX in action as well as 'caching' you mentioned. Great Video! I subscribed.

[@mohaarifahmed4072]

i used same code but I am getting error {"meta": {"code": 400, "error_type": "OAuthAccessTokenException", "error_message": "The access_token provided is invalid."}}

[@Deadnature]

Dude. You are awesome. Not faff, just info. Subbed.

[@floriwanna]

Thanks!! From Arg!! I finally catched get results! have a nice day

[@atabish2]

Great tutorial. I think Instagram has a best set APIs. I have also tested the search profile API using the same method.

[@rodneycox7233]

Your videos are great!!!! Thank you so much. Keep em coming please!

[@HG-mt3vl]

which browser tool do you use to beautify the json code returned ,the tool in which you minimised some parts of json inbrowser

[@salvajez1]

thanks! This video helped me a lot to understand WEB API. keep doing videos!

[@husseinajam3625]

Did Instagram change their API policy? I think we can't access their API without authentication. Can you please make new video to sort this problem.

[@jxcreed705]

This is a great and amazing tutorial!...Thanks for the video!, hope you make videos more for future developers.

[@Chris-sc7rx]

For php curl request to pull data along with having an API token. How would you including the API token as query param or as an authorization header? Would very much appreciate your help.

[@khalidmohd882]

This error is generated in my case meta: { code: 400, error_type: "OAuthAccessTokenException", error_message: "The access_token provided is invalid." } Please help me

[@amirzendehboudi1191]

Excellent !!!

[@Lockbaconwithmagic]

These videos have been incredibly helpful. Thank you for taking time out to make them.

[@suareduj]

Ah crap - Instagram no longer allows to access the public content for one-off projects such as displaying hashtag based content on our website. That is why the API from your videono longer works (even with OAuth Token...).

[@patrickkouame2162]

Great videos!! Clear and concise to the point. Thanks

[@shwebsoft7122]

Just subscribed to your channel. Became a fan of you!

[@shedahoma]

very straight to the point!! I love it

[@arisweedler4703]

Fantastic guide. I appreciated the speed

[@arisweedler4703]

Not being sarcastic^ I have no qualms with needed to pause and/or rewind a few times.

[@leumasile]

awesome, I enjoyed this video, it was fast and straight forward ! Thanks

[@TobiTobeToby]

I'm trying to do something kind of like this, essentially I want to allow users to input a postcode and get the search form to return the latitude an longitude values for the postcode entered. What code does that? Anyone know?

[@therealteggy]

How would I alter your code so that I could accept a string that contains spaces?

[@HalukOral]

i'll make simple comment like your videos... You and your videos are awesome... Thats it.

[@jayminsejpal1263]

I 'm still stuck with this error: error_type: "OAuthAccessTokenException", code: 400, error_message: "The access_token provided is invalid. Any Solution to that? I think I'm missing something

[@chrismuga]

this was, overall just incredible to watch... thanks.

[@lozada12100]

I have no Idea how to start up this code ....I downloaded it and I assumed I can work with it but im not able ....can some one help ?

[@ikay45]

I want to understand how to integrate amadeus gds flight api into my wordpress or t hp website, how do I go about this?

[@alentech6091]

Love the videos man thank you so much and keep up the great work!

[@Chris-sc7rx]

I'm given clientId, employeeId, code#, merchantId. I'm trying get json data from an inventory via php curl request, and i was advised to include the api token as a query param or as authorization header. It's secured with OAUTH. (It's a curl get request) For authorization header my code: $header = array( "Content-type:"=>"application/json", "Authorization:Bearer "=>"$accesstoken"); curl_setopt($curl_init,CURLOPT_HTTPHEADER,$header); Is the code above correct? And do I need to add: curl_setopt($curl_init,CURLOPT_HTTPAUTH,CURLAUTH_BASIC); curl_setopt($curl_init,CURLOPT_USERPWD,"user:pssw");

[@vincentshi5233]

Hi, Thanks for the video. For some reason, when I clicked submit, it just return to the submit page again, instead of displaying instagram image, could you please help? I used your github code and replace the client id

[@abhirocks550]

Thank you so much for this awesome video :-)

[@sonathaj1352]

Such an awesome tutorial. Loved it!

[@severn-master]

wow no typo, he is god

[@AustinNwaka]

0.75 Speed makes sense. Nice tutorials.