Facebook Login & Graph API | JavaScript SDK

Поделиться
HTML-код
  • Опубликовано: 29 окт 2024

Комментарии • 227

  • @battenhallsam
    @battenhallsam 2 года назад +3

    Still works in 2022 and by far the best Meta API JavaScript SDK tutorial I have found. Thank you Brad!

    • @AlexisXavier
      @AlexisXavier 2 года назад

      Was gonna ask if it still worked and almost scrolled past this comment
      Brad is awesome

  • @prospersikhwari5289
    @prospersikhwari5289 7 лет назад +84

    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

    • @TraversyMedia
      @TraversyMedia  7 лет назад +17

      That's awesome. That is the stuff that gives me drive to do this.

    • @prospersikhwari5289
      @prospersikhwari5289 7 лет назад +3

      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.

    • @TraversyMedia
      @TraversyMedia  7 лет назад +9

      You support me just fine by watching and liking, etc.

    • @IlemonaJamesAtuluku
      @IlemonaJamesAtuluku 7 лет назад

      yours is better mine is 0.0032... kinda fuckup country

    • @gidmanone
      @gidmanone 7 лет назад

      u gotta live in Nigeria to make that claim bro.
      how is programming over there

  • @FedorSteeman
    @FedorSteeman 7 лет назад +22

    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!

    • @TraversyMedia
      @TraversyMedia  7 лет назад +2

      I feel the same way. Actually many of my favorite RUclipsrs 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.

    • @FedorSteeman
      @FedorSteeman 7 лет назад

      Yeah! Funny thing is, I couldn't do it myself. I have been trying on my RUclips 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.

    • @TraversyMedia
      @TraversyMedia  7 лет назад +9

      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

  • @aaronharrison6459
    @aaronharrison6459 2 года назад

    It really gives a feeling of actual coding and thinking going on and makes you part of the process.

  • @davidbasil2727
    @davidbasil2727 7 лет назад +11

    You and Derek Banas are the best programmers on youtube; others are mainly fluff.

    • @TraversyMedia
      @TraversyMedia  7 лет назад +2

      Thanks. That's a compliment. Derek is great

    • @General_Aladeen
      @General_Aladeen 7 лет назад

      Derek Banak is not. Adam Khoury and Toni Alicea were also the two best.

    • @davidbasil2727
      @davidbasil2727 7 лет назад

      Just found net ninja; yeah, that guy is a master as well.

    • @umeshkumar143ify
      @umeshkumar143ify 6 лет назад

      j

  • @jerrytroyanna5090
    @jerrytroyanna5090 3 года назад

    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

  • @juniorbarbosa7838
    @juniorbarbosa7838 7 лет назад

    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.

  • @thomasmoraes7067
    @thomasmoraes7067 3 года назад

    The best video about integrated facebook api with javascript sdk 10/10

  • @MrTaraskoro
    @MrTaraskoro 7 лет назад +1

    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!

  • @michaelchambers5606
    @michaelchambers5606 7 лет назад

    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!!!!!

  • @NickyKeyse
    @NickyKeyse 7 лет назад +2

    Great introduction to FB login and graph api, thanks Brad. Can't wait for the Google api tutorial from you.

  • @FreakyCoach
    @FreakyCoach 7 лет назад +2

    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.

    • @TraversyMedia
      @TraversyMedia  7 лет назад +2

      Thanks man. Almost there :) another month

  • @luxmarble-vy8qr
    @luxmarble-vy8qr 8 месяцев назад

    Brad Traversy never disappoints

  • @nikhilhukkerikar6753
    @nikhilhukkerikar6753 5 лет назад

    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!

  • @aayush_dutt
    @aayush_dutt 6 лет назад

    This is one of my favourite RUclips channel

  • @liquidwason
    @liquidwason 7 лет назад

    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.

  • @63montywilliams50
    @63montywilliams50 2 года назад

    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.

  • @ddozefacts
    @ddozefacts 7 лет назад

    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!!!! :)

  • @stefanventer575
    @stefanventer575 4 года назад +1

    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.

  • @IlemonaJamesAtuluku
    @IlemonaJamesAtuluku 7 лет назад +8

    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

    • @TraversyMedia
      @TraversyMedia  7 лет назад +25

      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 RUclipsrs. 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.

  • @sahilbedi6541
    @sahilbedi6541 7 лет назад +5

    Hi Brad thanks for the video. I have learnt so many things from your video tutorials. Thanks once again Brad. :)

  • @MrSoorajsingh
    @MrSoorajsingh 7 лет назад +1

    Wow man.!
    Thanks for taking up my request ^_^
    I was watching your crash course videos right now. LOL.

    • @TraversyMedia
      @TraversyMedia  7 лет назад +2

      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

    • @MrSoorajsingh
      @MrSoorajsingh 7 лет назад

      You made it look simple.! Amazing explaination :)

  • @kadidibwa968
    @kadidibwa968 Год назад

    I love how real you are...

  • @alexandros-markovits
    @alexandros-markovits 7 лет назад +2

    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.

  • @smarthouse-learnprogrammin4309
    @smarthouse-learnprogrammin4309 7 лет назад

    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.

  • @coding_ss632
    @coding_ss632 7 лет назад

    wow this is so magical... everytime i want to learn something new ... brad makes and uploads video of it on RUclips 😁😁😁😁

  • @albertorojas5738
    @albertorojas5738 7 лет назад +1

    Thanks man, now I'm going to create a WebApp that let you upload photos more easily.

  • @caroldanvers265
    @caroldanvers265 6 лет назад

    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!

  • @revenant097
    @revenant097 4 года назад

    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!

  • @tuhidulislammridul3126
    @tuhidulislammridul3126 5 лет назад

    best teacher in the world , love you sir

  • @nickehultgren
    @nickehultgren 5 лет назад +1

    Great tutorial Brad! Keep up the good work!

  • @sebdesigns5230
    @sebdesigns5230 2 года назад

    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

    • @healinbeet
      @healinbeet 2 года назад

      Oh wow. I have this exact question. I'm trying to figure this out too.

  • @krowwweee2918
    @krowwweee2918 7 лет назад +4

    I actually laughed out loud in a few spots. Love your work. Please keep going :D

  • @kamalpandey7177
    @kamalpandey7177 7 лет назад

    Waiting for rails tutorial. Keep up the good work

  • @bhoopalani7256
    @bhoopalani7256 6 лет назад

    I'm sure this is going to change my life!! Sorry I'm yet to contribute anything. But I soon and definitely will do.

  • @steavebohn2349
    @steavebohn2349 4 года назад

    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

  • @LatinoWebStudio
    @LatinoWebStudio 3 года назад

    Thanks so much for the tutorial, it was really helpful in understanding the Graph API better.

  • @eddieantar6958
    @eddieantar6958 7 лет назад +14

    Who is this hater that keeps giving a thumbs down.....

    • @TraversyMedia
      @TraversyMedia  7 лет назад +18

      Personally I think it is another RUclipsr. Maybe the assholes that have stolen my videos and I reported

  • @webtutorials4279
    @webtutorials4279 Год назад

    March 2023 Update: Still works 100%.

  • @dannyfonseca963
    @dannyfonseca963 7 лет назад

    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.

  • @vigneshs2886
    @vigneshs2886 7 лет назад

    Wow whenever I see a Unity SDK, I smile :)

  • @emas24now
    @emas24now 6 лет назад

    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 ;)

  • @amjadiqbal5353
    @amjadiqbal5353 7 лет назад

    Very Very impressive . I like your all Tutorial Keep going on

  • @SleekCollins
    @SleekCollins 7 лет назад +1

    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.

    • @TraversyMedia
      @TraversyMedia  7 лет назад +1

      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

    • @SleekCollins
      @SleekCollins 7 лет назад +1

      Thank you for the quick response. And yeah, the learning curve with Vue seems a lot less steep compared to React.

  • @ahmedkamal4390
    @ahmedkamal4390 7 лет назад

    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

  • @anubhavsingh1433
    @anubhavsingh1433 7 лет назад

    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.

  • @dani4uro
    @dani4uro 7 лет назад

    I really like your intro's!!! You are a great guy!

  • @idenm
    @idenm 6 лет назад +1

    Instant subscription thanks to this video!

  • @cryptocurrencyog
    @cryptocurrencyog 5 лет назад

    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!

  • @winniecapstone4965
    @winniecapstone4965 6 лет назад

    This may be an obvious question, but can large scale businesses use/integrate the Graph API into business?

  • @murunwascengy2762
    @murunwascengy2762 7 лет назад +1

    great video Brad, can you please do video on how to intergrate facebook ads on web?

  • @NadeemGorsi
    @NadeemGorsi 6 лет назад

    Pls make a video about Google login.. Thankx nd Happy Coding..

  • @mahathirmohammad8635
    @mahathirmohammad8635 5 лет назад

    salute you thousand time. thanks from core of my heart. i learn graph api from this video and make money $$.

  • @mahmoudkandel2230
    @mahmoudkandel2230 2 года назад

    thank u brad for this awesome tutorial

  • @daymaker_trading
    @daymaker_trading 4 года назад

    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!!

  • @IgnacioAinol
    @IgnacioAinol 5 лет назад

    excellent contribution thank you very much. Greetings from Chile

  • @jessec7359
    @jessec7359 6 лет назад

    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?

  • @jorgenorena727
    @jorgenorena727 6 лет назад

    Great tutorial.... now is clear for me.... Facebook Documentation sucks!!

  • @electrotsmishar
    @electrotsmishar 4 года назад

    extremely helpful. thanks Brad

  • @programmed509
    @programmed509 7 лет назад

    Very nice video but I'm facing with the server...how did you manage to link atom with apache?

  • @meeruislandresortspa5402
    @meeruislandresortspa5402 7 лет назад +1

    Another Great Video! Thanks Brad.

  • @MultiCodFTW
    @MultiCodFTW 6 лет назад

    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

  • @youboys0077
    @youboys0077 6 лет назад

    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

  • @rubanprakash8088
    @rubanprakash8088 7 лет назад

    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 ?

  • @factionzer0
    @factionzer0 7 лет назад +1

    Hey, how did you get your google chrome new tab page to look so sleek? Is it an extension?

    • @TraversyMedia
      @TraversyMedia  7 лет назад +3

      Yes it's called Momentum. Awesome extension

  • @sarathrj10
    @sarathrj10 3 года назад

    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.

  • @khalil_rahmani
    @khalil_rahmani 7 лет назад

    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) ?

  • @rbrobify
    @rbrobify 6 лет назад

    hello, can I use sdk script without login, just to see in analytics who seen the content of my pages, number of users, country, etc? On my website I have just share buttons and comment script, not login. I want to use facebook analytics to see the numbers of my followers. Fot this, should I only copy sdk script on every pages?

  • @jacobusstrydom7017
    @jacobusstrydom7017 5 лет назад

    Love how you just tell the know it all's not to be a dick. Thumbs up just for that

  • @daniellaerachannel
    @daniellaerachannel 7 лет назад +1

    Thank you man for your effort
    Great vidéo

  • @user-cf7vy4hl8p
    @user-cf7vy4hl8p 7 лет назад

    Can you more data visualization, perhaps with D3? Started out with something simple.

  • @alzheimancer
    @alzheimancer 7 лет назад +1

    Dejavu, I'm working on this project!

  • @MenAtWorkMedia22
    @MenAtWorkMedia22 7 лет назад +2

    Great video like always! Thank you!

  • @JUANVargas-bx7sk
    @JUANVargas-bx7sk 5 лет назад

    Is there a way to create a Facebook app automatically? with a library or something?

  • @JuniorCommandant
    @JuniorCommandant 5 лет назад

    Thanks a lot for this tuto . How can we change the style of the facebook button?

  • @EvanZamir
    @EvanZamir 6 лет назад

    Would like to see a similar video but combined with a JS framework, such as Vue.

  • @kaysiz-zw
    @kaysiz-zw 7 лет назад

    Hie Traversy, would you by any chance be doing a lesson on building a facebook App using either php or JS?

  • @buildamajigconstruction6579
    @buildamajigconstruction6579 6 лет назад

    Most complete Facebook Login Tutorial RUclips. THANKS! Does anyone know where I can find documentation on how to display the profile name & image of the logged on user? 3 Days Later -- Half way through a bottle of Advils,,, Need some HELP!

  • @nextebiz6897
    @nextebiz6897 2 года назад

    23:55 your son yelling upstairs and you are yelling at facebook downstairs

  • @bg73
    @bg73 7 лет назад

    What are you using for the welcome page on Chrome with image background and the time/date etc?

  • @Sam-xv5ko
    @Sam-xv5ko 4 года назад

    Nobody:
    Brad: Ahhmmmm Excuse Me!!
    Really love cool stuff from you..

  • @Tiara48z
    @Tiara48z 7 лет назад

    Thanks for making these videos.

  • @The-Average-Gamer
    @The-Average-Gamer 7 лет назад

    Amazing, Thank you very much! Is it possible to do another tutorial using google login?

  • @hachij_
    @hachij_ 7 лет назад

    mine keep get "not authenticated" any help, i already put my id but still not authenticated

  • @prafullaraichurkar4369
    @prafullaraichurkar4369 6 лет назад

    really helpful , thanks Brad!

  • @laithharzalli5081
    @laithharzalli5081 3 года назад

    Where i can find same thing but for facebook pages with a page acces token

  • @brendiums
    @brendiums 7 лет назад

    You're incredible! Thank you so much. Learned a loooot!

  • @ApexHighlightReels
    @ApexHighlightReels 6 лет назад

    another great video ! thank you ! i was wondering if there is anyway to get my new feed with the graph api.

  • @try1699
    @try1699 2 года назад

    why does my fb button not showing and what to put to site url if i use localhost? pls answer thanks

  • @termino2184
    @termino2184 3 года назад

    I am trying to do authenticate to the Facebook website using the access token, that is possible ?

  • @akashpatel5823
    @akashpatel5823 6 лет назад

    Really helpful video. Thanks!

  • @minhluanvu1097
    @minhluanvu1097 6 лет назад

    Sir, I have a problem. When I loggin to Facebook before then I go to my site, it auto loggin to facebook. So, how can I fix it ? Sorry my English is not good.

  • @sabinaseidakhmetova898
    @sabinaseidakhmetova898 6 лет назад

    I don't understand which kind of site url should I use?

  • @flashteq1030
    @flashteq1030 5 лет назад

    brilliant brad

  • @newabyuser
    @newabyuser 6 лет назад

    @T bro you rock I learn a lot from you

  • @raniab7585
    @raniab7585 7 лет назад

    i loved it thank you and i hope you'll make another one or a part two pls

  • @bubbenswebbdesign
    @bubbenswebbdesign 5 лет назад

    Thanks alot for this video. This video helped me to finally implement facebook login for my site. :D

  • @crystalsky7615
    @crystalsky7615 7 лет назад +1

    Please Brad some video on Automation testing ... Capybara ...Selenium ..
    I want to master automation

  • @gghanshyam01
    @gghanshyam01 6 лет назад

    Very nice video. Thanks man !

  • @nurlyltube
    @nurlyltube 7 лет назад +1

    this is another good one, make a video how to make facebook app using graph API, like profile picture
    changer app.