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 .

Plain Javascript

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)
  }
});

ES5+

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)
  }
});

Wordpress Plugin

We have wordpress plugin for social login integration. Kindly find webtonative wordpress plugin from below link. https://wordpress.org/plugins/webtonative/

Callback parameter object

Facebook

Login :-

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

Login Error :-

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

Logout :-

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

Google

Login :-

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

Login Error :-

{
    "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"
}

Apple

Login :-

{
    "isSuccess":true,
    "idToken":"********",
    "code":"***********",
    "type":"appleLoginToken",
    *"firstName":"FirstNameHere",
    *"lastName":"LastNameHere",
    *"emailId":"[email protected]"
}

• *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.

Wordpress plugin: We have wordpress plugin for social login integration. Kindly find webtonative wordpress plugin from below link. https://wordpress.org/plugins/webtonative/

Shopify plugin: We have shopify plugin for social login integration. https://apps.shopify.com/social-login-webtonative

Note:-

Apple Login is available only in iOS.