facebook-login-promises npm library examples

Simple library for Facebook Login.

Facebook SDK methods are wrapped in promises for better using. You may use Callback or Promises approach. You don't need to check if user logged out to run login method or check if user logged in to run logout method.

There are just three simple methods:

• login (with fetching user data),
• logout,
• checkStatus (with fetching user data).

And you may run these methods in order you like. Outputed object has the following properties:

• loading - indicates progress (you may use it for spinner, etc.)
• status - indicates if user connected to the FB App
• data - show data for logged user (firstname, lastname, etc.)
• error - display error if exists

Try it

* open browser console to see outputs. Use window.facebook object in browser console for testing purposes

Code source

import facebook from '../src/index.js';

//setup your Facebook App
const params = {
    appId: '260170667658655'
};

/* === Callback approach === */

//check Facebook login results in callback method
function callback(result) {
    console.log(result);

    const process = result.loading ? 'loading...' : '';
    const connected = result.status === 'connected';
    const user = result.data ? `your logged as ${result.data.first_name}` : '';

    document.getElementById('connected').innerHTML = connected;
    document.getElementById('process').innerHTML = process;
    document.getElementById('user').innerHTML = user;
}

function cLogin() {
    facebook.callback.login(params, callback);
}

function cLogout() {
    facebook.callback.logout(params, callback);
}

function cCheckStatus() {
    facebook.callback.checkStatus(params, callback);
}

/* === Promises approach === */

// [TODO]