Social Login

Integration of Social Login - Google, Facebook and Apple

You'll need to import the javascript file in your website before starting from this .

const { facebook, google, apple } = WTN.socialLogin;

//Login Commands
facebook.login({
  callback : function(value){
    console.log(value)
  }
});

google.login({
  callback : function(value){
    console.log(value)
  }
});

apple.login({
  callback : function(value){
    console.log(value)
  }
})

//Logout Commands
facebook.logout({
  callback : function(value){
    console.log(value)
  }
});

google.logout({
  callback : function(value){
    console.log(value)
  }
});

import { 
  login as loginFacebook, 
  logout as logoutFacebook 
} from "webtonative/SocialLogin/facebook"
import { 
  login as loginGoogle, 
  logout as logoutGoogle 
} from "webtonative/SocialLogin/google"
import { 
  login as loginApple 
} from "webtonative/SocialLogin/apple"

//Login Commands
loginFacebook({
  callback : function(value){
    console.log(value)
  }
});

loginGoogle({
  callback : function(value){
    console.log(value)
  }
});

loginApple({
  callback : function(value){
    console.log(value)
  }
})

//Logout Commands
logoutFacebook({
  callback : function(value){
    console.log(value)
  }
});

logoutGoogle({
  callback : function(value){
    console.log(value)
  }
});

Callback parameter object

{
    "isSuccess":true,
    "accessToken":"EXXXXXQ0iSXpNGVOCMVi000ZAnlslBJIHgXXX2dfkW4HtGLUAuuZCcESjfZXXXQZBZBV",
    "userId":"1XXXXXXXXX519425",
    "type":"fbLoginToken"
}

{
    "isSuccess":false,
    "error":"Error message for logout",
    "type":"fbLoginToken"
}

Logout :-

{
    "isSuccess":true,
    "message":"Logout Success",
    "type":"fbLogOut"
}

{
    "isSuccess":true,
    "idToken":"EXXXXXQ0iSXpNGVOCMVi000ZHgXXX2dfkW4HtGLUAuuXXXQZBZBV",
    "type":"googleLoginToken"
}

{
    "isSuccess":false,
    "error":"Error message for logout",
    "type":"googleLoginToken"
}

Logout :-

{
    "isSuccess":true,
    "message":"Logout Success",
    "type":"googleLogOut"
}

Logout Error:-

{
    "isSuccess":false,
    "error":"Error message for logout",
    "type":"googleLogOut"
}

{
    "isSuccess":true,
    "idToken":"********",
    "code":"***********",
    "type":"appleLoginToken",
    *"firstName":"FirstNameHere",
    *"lastName":"LastNameHere",
    *"emailId":"support@webtonative.com"
}

*Apple only returns the user's information the first time the user authorizes the app. Persist this information from your app; subsequent authorization requests won’t contain this information.
Once you have the user’s token(idToken), you can decode it using any general-purpose JWT library to retrieve user's information.

Note:-

Apple Login is available only in iOS.

PreviousIn App Purchase - Android Integration NextFacebook App Events

Last updated 1 year ago

Was this helpful?

const { facebook, google, apple } = WTN.socialLogin; //Login Commands facebook.login({ callback : function(value){ console.log(value) } }); google.login({ callback : function(value){ console.log(value) } }); apple.login({ callback : function(value){ console.log(value) } }) //Logout Commands facebook.logout({ callback : function(value){ console.log(value) } }); google.logout({ callback : function(value){ console.log(value) } });

import { login as loginFacebook, logout as logoutFacebook } from "webtonative/SocialLogin/facebook" import { login as loginGoogle, logout as logoutGoogle } from "webtonative/SocialLogin/google" import { login as loginApple } from "webtonative/SocialLogin/apple" //Login Commands loginFacebook({ callback : function(value){ console.log(value) } }); loginGoogle({ callback : function(value){ console.log(value) } }); loginApple({ callback : function(value){ console.log(value) } }) //Logout Commands logoutFacebook({ callback : function(value){ console.log(value) } }); logoutGoogle({ callback : function(value){ console.log(value) } });

{ "isSuccess":true, "idToken":"********", "code":"***********", "type":"appleLoginToken", *"firstName":"FirstNameHere", *"lastName":"LastNameHere", *"emailId":"support@webtonative.com" }