Facebook-graphapi-js-connector NPM

Facebook graphapi js connector

When your customer want you to make a facebook integration you should head over to facebook for developers, and check out the Graph API, and also visit the group Facebook Developer Community at facebook.

Be aware; This package is only a personal side-project, use with caution. The author has no affiliation with facebook

Prerequisite

You should know your facebook app's APP ID
You should set your app to use Website as a platform, and define the url path of your app

Install

With npm installed, run

$ npm install --save facebook-graphapi-js-connector

Usage

  <button class="login-button" type="button" name="button">Login</button>
  <button class="logout-button" type="button" name="button">Logout</button>
  <fieldset>
    <div>
      <input type="text" id="selectedPageIdInput">
      <label for="selectedPageIdInput">Page ID</label>
    </div>
    <button class="get-access-token-button" type="button" name="button">Get page access token</button>
  </fieldset>

  import graphapi from 'facebook-graphapi-js-connector';
  graphapi.init({appId: <'Your facebook app ID'>});

  const logout_button = document.querySelector('.logout-button');
  logout_button.onclick = () => {
    graphapi.logout();
  }

  const get_access_token_button = document.querySelector('.get-access-token-button');
  get_access_token_button.onclick = () => {
    graphapi.getPageAccessToken({pageId: document.getElementById('selectedPageIdInput').value});
  }