Social Login API

Enable Google, Apple, and Facebook sign-in using the WebToNative JavaScript API. Add secure social login to Android and iOS apps.

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

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

npm

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":"[e-mail]"
}

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