Facebook Login & Graph API | JavaScript SDK
Вставка
- Опубліковано 20 жов 2024
- In this freestyle coding video I will implement Facebook login using the JavaScript SDK and we will take a look at the Graph API. We will also be working with the Graph API explorer and taking a look at the different permissions that we can request with the access token
CODE: Code for this video
github.com/bra...
Graph API Explorer:
/ explorer
Register Facebook App:
/ apps
SPONSORS:
DevMountain Bootcamp - goo.gl/6q0dEa
EDUONIX COURSES: Please use affiliate links from website below
www.traversymed...
SUPPORT: We spend massive amounts of time creating these free videos, please donate to show your support:
www.paypal.me/t...
/ traversymedia
FOLLOW TRAVERSY MEDIA:
/ traversymedia
/ traversymedia
/ bradtraversy
Still works in 2022 and by far the best Meta API JavaScript SDK tutorial I have found. Thank you Brad!
Was gonna ask if it still worked and almost scrolled past this comment
Brad is awesome
The smile I get when I see a new video from you .....man keep it up. Thanks for all the knowledge you're sharing. I'm from a third world country and just through watching your videos and a little googling I've been able to make an income. I owe you Stax
That's awesome. That is the stuff that gives me drive to do this.
Traversy Media keep it up. My currency is 0.15 to the dollar so I need to make even more to support you in a meaningful way but I will so that you can keep changing lives.
You support me just fine by watching and liking, etc.
yours is better mine is 0.0032... kinda fuckup country
u gotta live in Nigeria to make that claim bro.
how is programming over there
This may sound strange, but the occasional little slip ups, typos, backtracking, error fixing and even saying things wrong and then self-correcting just add to the charm and authenticity! It really gives a feeling of actual coding and thinking going on and makes you part of the process, because it entices you to think along. You're like: "Wait, what? ... Oh, OK!" Tutorials that are all polished and neat are just sleep inducing. So keep up all the little imperfections and not be all prepared, Brad!
I feel the same way. Actually many of my favorite UA-camrs don't do much editing and are very off the cuff. I am not an always prepared and polished kind of person so I guess it shows in my videos.
Yeah! Funny thing is, I couldn't do it myself. I have been trying on my UA-cam channel (different account) to talk more spontaneously, but I always end up as a dribbling idiot with a heavy accent. XD
So back to scripts every time for me.
Keep practicing. I hate to do this but go and watch my first videos. I cringe when I watch them. My Boston accent is so thick and I just sound horrible. You will get into your groove after a while. EVen now I have low confidence and sometimes Im like "should I even upload this?" and I do and everyone loves it. You are your worst critic. Everyone is
You and Derek Banas are the best programmers on youtube; others are mainly fluff.
Thanks. That's a compliment. Derek is great
Derek Banak is not. Adam Khoury and Toni Alicea were also the two best.
Just found net ninja; yeah, that guy is a master as well.
j
It really gives a feeling of actual coding and thinking going on and makes you part of the process.
Just admit that you are wizard! Yesterday I looked for this kind of video. And today! Voila. It is in your channel.
Thank you. Very much!
Maybe ;) Thanks for watching
I have got to tell you, I absolutely LOVE your attitude regarding smartass know-it-all programmers. I've been developing software since 1989 and those annoying SOB's have been a thorn to tolerate for all of these years. Your video was outstanding, BTW
The best video about integrated facebook api with javascript sdk 10/10
Really good, I'm from Brazil and I tried every video class in portuguese but not successful, then I watched this one and I got it... Thank you, you are really detalist.
WOW -- I have been searching through videos to find a guide like this. I can not thank you enough for creating this video. BLESS YOU!!!!!
Great introduction to FB login and graph api, thanks Brad. Can't wait for the Google api tutorial from you.
Bro! I think you're a mind reader, reading your subscribers mind. lol... what I think of you upload the video.
Millions of thanks and congrats in advance for 100k subscribers.
Thanks man. Almost there :) another month
This is one of my favourite UA-cam channel
Brad Traversy never disappoints
I was wondering again how this fb login was happening and you gave the answer before I started looking for it :D thank you again for all the hard work.
Hi Brad thanks for the video. I have learnt so many things from your video tutorials. Thanks once again Brad. :)
Oi
thank you so much for this video! This was exactly what I was looking for. All the basics I need to get started. There is a ton of documentation on this Facebook graph which is kind of overwhelming, but this video made it easy to get started.
whoa dooood. I was completly lost before watching your video but tnx to you now ... I'm not so lost ... keep up the good work.
Thanks man, now I'm going to create a WebApp that let you upload photos more easily.
Brad - I googled for facebook login api tutorial and your video pops up so just know that there's always someone with a wisea** know it all comment on more than one of your videos but I would say this great job man keep up the good work and know that you are helping a lot of us devs in your videos and it means a lot to us so ignore them and keep doing what you do the best!
Happy new year in advance and hope to see you next year with even more amazing videos like this one cheers!
best teacher in the world , love you sir
wow this is so magical... everytime i want to learn something new ... brad makes and uploads video of it on UA-cam 😁😁😁😁
Wow man.!
Thanks for taking up my request ^_^
I was watching your crash course videos right now. LOL.
You're welcome :) I try and get to as many as I can especially if it is something I am interested in and have nor done yet on the channel
You made it look simple.! Amazing explaination :)
I love how real you are...
Litterally you have a video for everything i search, u da 🐐 bro! Great content i really need to go ahead and get that book u published. As a matter of fact im gonna look it up rn. I dont even know whats in it but i remember u mentioning it recently.
woah!.. thank you for your tutorial. By the way, I'm the one who send you a request message on facebook. Thank very much Traversy Media. THANK YOU!!!! :)
Great tutorial Brad! Keep up the good work!
Thanks so much for the tutorial, it was really helpful in understanding the Graph API better.
I actually laughed out loud in a few spots. Love your work. Please keep going :D
Wow whenever I see a Unity SDK, I smile :)
Great tutorial, works just fine other than some HTTPS certificate configuration you need to do now in 2020 and the obvious outdated css. I was having serious trouble interpreting the official documentation and code I saw online but you explained it perfectly. Thank you!
How do you do your studies? I really wants to be like you. I wish to resign from my regular job soon.. Kinda boring staying locked up here. But this part of the world not easy for us as developer. We hardly have power to work from home.
Love Brad from Nigeria
Your job may be boring but please don't resign without having something else. As far as how I study, believe it or not but what helps me the most is documentation. For instance, Angular, React, even for this video, the documentation is always the most up to date. I also watch online courses and even other UA-camrs. Ive been doing courses for 4 years or so and I have been fortunate to get paid to learn and then teach the course. I will be making a video on this stuff soon.
salute you thousand time. thanks from core of my heart. i learn graph api from this video and make money $$.
Great Video! One thing to look out using Facebook SDKs though - is writing integration tests - since Facebook is often changing things "on the fly" - breaking your own solution.
Instant subscription thanks to this video!
Waiting for rails tutorial. Keep up the good work
Very Very impressive . I like your all Tutorial Keep going on
I really like your intro's!!! You are a great guy!
thank you verry much for this ussefull and cultive content , because of your ckontent i become familiar with html and css and javascript and react thank you verry mush
excellent contribution thank you very much. Greetings from Chile
Great channel. Thank you so much for sharing all your knowledge. You helped me out so much on understanding a wide variety of frameworks and what they do. Thank you sir!
Thank you so much for all the work and for sharing your knowledge! Your tutorials help so much!
Even if the topic was really hard for me at first attempt, after your tutorial I start to make progress, thank you very much!!
Thank you man for your effort
Great vidéo
Another Great Video! Thanks Brad.
March 2023 Update: Still works 100%.
I'm sure this is going to change my life!! Sorry I'm yet to contribute anything. But I soon and definitely will do.
extremely helpful. thanks Brad
Great tutorial.... now is clear for me.... Facebook Documentation sucks!!
Great video like always! Thank you!
Hey Brad!
Your tutorials remind me of a prof. I had for web development course work, yrs ago.
Very helpful and pragmatic in your examples and flow of logic!!
Questions about Fb Api:
Can one query an individual page's events, and then display info about each event, w/o requiring a visitor to the 3rd party fb-feed derived site to be logged-in to fb?
Thanks,
Scott
Oh wow. I have this exact question. I'm trying to figure this out too.
thank u brad for this awesome tutorial
Oh, my word! Thank you!
I've got a MERN (or Vue in place of React) project involving creating an app which, among other things, lets the user login then downloads Facebook photos and saves them in a DB (Mongo), and wrapping my head around this is exactly what I needed as part of the building process.
By the way, in your opinion, which of either React or Vue would be _more_ ideal for such a task? I'm looking for efficiency, bearing in mind I'm nowhere near proficient in either.
You're a godsend to web dev learners, Brad.
I would suggest Vue for the frontend but not by a long shot. I just think Vue is easier and more practical. React is great as well but for someone that is new to both I think you will have a bit of an easier time with Vue
Thank you for the quick response. And yeah, the learning curve with Vue seems a lot less steep compared to React.
Brad I don't think the fb login works on my local machine when I tried to enter the url website onto Facebook's information. But thank you for making this video. You're awesome!
Excellent video. Thank you. Question: Would you be able to point me to another video/website/documentation on Facebook login Valid OAuth redirect URIs ? I'm assuming the functionality here is that once logged in successfully the url defined in the redirect field will be displayed. I can't get that to work.
really helpful , thanks Brad!
Great job Dude! you really save me!
Dejavu, I'm working on this project!
You're incredible! Thank you so much. Learned a loooot!
You are very welcome :)
Thanks for making these videos.
This may be an obvious question, but can large scale businesses use/integrate the Graph API into business?
@T bro you rock I learn a lot from you
Dear Brad,
Thanks as always.
Is it possible to to have a starter video on how to migrate from systemjs to webpack/angular-cli? It is pretty confusing how you configure setup to handle 3rd party libraries in angular-cli, especially if u have a running application made with systemjs.
Hi Brad, thanks for the video :-)
Thanks alot for this video. This video helped me to finally implement facebook login for my site. :D
brilliant brad
Pls make a video about Google login.. Thankx nd Happy Coding..
Really helpful video. Thanks!
You're doing a great job man! I've a question.
I am a game developer by profession but want to dive into Web Dev. I always get confused by the number of stacks there are, which one to go with and which one is good for job prospects?I am ready to learn any :D
Very nice video. Thanks man !
Thank you, this video so detail that help me to use fb dev sdk....
Aloa from Germany - great Tuts on your Chanel .. i really like it ! What do you think about a "service workers / web workers" tutorial ? Thank u ;)
Very nice video but I'm facing with the server...how did you manage to link atom with apache?
i loved it thank you and i hope you'll make another one or a part two pls
Who is this hater that keeps giving a thumbs down.....
Personally I think it is another UA-camr. Maybe the assholes that have stolen my videos and I reported
Love how you just tell the know it all's not to be a dick. Thumbs up just for that
Great videos. I was wondering if it is possible to extract posts on my newsfeed to check the reactions on the posts my friends and followed pages post for statistical (education) purposes? Thanks
Hi Brad it was just amazing stuff. I m facing a small issue while doing the same. The issue is the posts are not getting displayed in my webpage but only loop is running perfect. is there any alternative way to print tha value without using dollar and {} symbols ?
Great tutorial THanks!
First of all thank you. I just want to know will it work in a website having no SSL certificate or with no https... please reply
Nobody:
Brad: Ahhmmmm Excuse Me!!
Really love cool stuff from you..
Hey Brad ! I need your HELP ! can you give us some tips on how to use the Graph API with Vue JS to display profile data (ex.: Albums) ?
big big thanks for this video
Great video. Thanks!!!
great video Brad, can you please do video on how to intergrate facebook ads on web?
another great video ! thank you ! i was wondering if there is anyway to get my new feed with the graph api.
Hey, how did you get your google chrome new tab page to look so sleek? Is it an extension?
Yes it's called Momentum. Awesome extension
Thanks a lot for this tuto . How can we change the style of the facebook button?
Is there a way to create a Facebook app automatically? with a library or something?
great video, I have an company and a competitor wrote a fake review without a comment. Facebook said there is nothing I can do to take the star rating off since there is no comment. Is there a way to use the API to take it off the fake star rating?
I don't understand which kind of site url should I use?
Thanks Brad
awesome video!
Can you more data visualization, perhaps with D3? Started out with something simple.
Where i can find same thing but for facebook pages with a page acces token
What are you using for the welcome page on Chrome with image background and the time/date etc?
It's an extension called Momentum
Awesome video
muy bueno, me ayudo bastante.
Hie Traversy, would you by any chance be doing a lesson on building a facebook App using either php or JS?
When I refresh page automatically logged out and show's login button
what is the exact issue here
I want to get visitor post for my page along with visitor details like name and profile picture. The graph API is giving me the posts but i am not able to get visitor data. I tried getting from property but still not getting anything.