JavaScript Facebook graph API

Question

TLDR:- JS amateur here. Call to Graph API, FB.INIT() did not work from my local machine. But worked from my Github static website. Why?

Detail: I am learning (or trying to learn) web app development on my own, after going thru some tutorials thought of creating webpage with JS which calls FB graph API.

Copied FB provided code to load SDK and logic to show like buttons.

Nothing happened when i opened HTML thru browser, but when I pushed it on GitHub it worked! Not sure why?

    <script>

  window.fbAsyncInit = function() {
    FB.init({
      appId      : 'xxxxxxxxxxxxx',
      xfbml      : true,
      version    : 'v2.6'
    });
  };

  (function(d, s, id){
     var js, fjs = d.getElementsByTagName(s)[0];
     if (d.getElementById(id)) {return;}
     js = d.createElement(s); js.id = id;
     js.src = "//connect.facebook.net/en_US/sdk.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>
-----------------------------------------
**Code to show like/share buttons:-**

    <div
  class="fb-like"
  data-share="true"
  data-width="45"
  data-show-faces="true">
</div>

_____________________________________-

Thank you for taking time reading thru this.

Zohaib Ijaz · Accepted Answer · 2016-06-25 00:24:20Z

1

It is because the url that you have specified for you Facebook app as callback url is that of github. You can change it for a while and test and see, it will work for "localhost" but not for "127.0.0.1".

Or you can create two apps.

answered Jun 25, 2016 at 0:24

Zohaib Ijaz

23k7 gold badges43 silver badges63 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

JavaScript Facebook graph API

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related