Props and Demo Examples

This page demonstrates usage of props and events provided by HFaceBookLogin.

Props & Events

Name	Type	Default	Description
appId	`String`	`null`	Your Facebook login appId.
version	`String`	`v18.0`	Facebook SDK version, default it latest version provide from Facebook
scope	`String`	`null`	Read more about permission you want user share for your app https://developers.facebook.com/docs/permissions/
fields	`String`	`null`	Auth info you want to retrieve after authenticating from login popup
onSuccess	`Function`	`null`	Callback that emit auth response after login popup close (response)
onFailure	`Function`	`null`	Callback that show error after login popup close

*(response):

if you have not define fields, this is response format:

{
  "authResponse": {
    "userID": "your fb user id",
    "expiresIn": 'expire time',
    "accessToken": "accessToken",
    "signedRequest": "String",
    "graphDomain": "facebook",
    "data_access_expiration_time": ''
  },
  "status": "connected"
}

{
  "authResponse": {
    "userID": "your fb user id",
    "expiresIn": 'expire time',
    "accessToken": "accessToken",
    "signedRequest": "String",
    "graphDomain": "facebook",
    "data_access_expiration_time": ''
  },
  "status": "connected"
}

if you have define fields, this is response format:

{
  "authResponse": {
    "userID": "your fb user id",
    "expiresIn": 'expire time',
    "accessToken": "accessToken",
    "signedRequest": "String",
    "graphDomain": "facebook",
    "data_access_expiration_time": ''
  },
  "status": "connected",
  "authInfo": {
    // info that match your scope 
  }
}

{
  "authResponse": {
    "userID": "your fb user id",
    "expiresIn": 'expire time',
    "accessToken": "accessToken",
    "signedRequest": "String",
    "graphDomain": "facebook",
    "data_access_expiration_time": ''
  },
  "status": "connected",
  "authInfo": {
    // info that match your scope 
  }
}

See the FaceBook Graph API for more information about scope.

See the Vue3 FaceBook Login package for more information.

Demo Examples

Here we display a list of settings that could be applied within an application.

Enter app id, scope, fields and click auth button bellow:

Props and Demo Examples ​

Props & Events ​

Please note that, you can only get your item within scope if your FB login app is granted access from facebook ​

Demo Examples ​

Props and Demo Examples

Props & Events

Please note that, you can only get your item within scope if your FB login app is granted access from facebook

Demo Examples