FB Login Implementation Example

FB Login Implementation Example -

          http://www.devils-heaven.com/facebook-javascript-sdk-login/

function fbInit(){
FB.init({appId: "my-app-id", status: true, cookie: false, xfbml: true, version: 'v2.8'});
var response="";
    FB.login(function(response)
{
var token = response.authResponse.token;
    var uid = response.authResponse.userID;
console.log(response.authResponse);
if (response.authResponse)
{
FB.api('/me?email,id,name,age_range,first_name,gender', function(response)
{
var uid=response.id;
if(uid > 1)
{
fb_doLogin(response);
}
console.log(response);
console.log("my Id="+response.id);
console.log("my email="+response.email);
});
}
    },
{
//scope:'email,id,name,age_range,first_name,gender',
scope:'email',
return_scopes: true
});

FB.getLoginStatus(function(response) {
   if(response.status === 'connected') {
FB.api('/me', function(response) {
  console.log('Your name is ' + response.name);
});
 } else if (response.status === 'not_authorized') {
  console.log('You are not_authorized');
 } else {
  console.log('the user isnot logged in to Facebook.');
 }
});
}
function fb_doLogin(response)
{
$.ajax({
type:'POST',
url: '<?php echo SITE_URL; ?>checkfblogin.php',
data:response,
beforeSend:function(xhr){
},
success: function(data){

if(data==1){
window.location.reload(true);
}
}
});
}


Library Must be -

<script>
(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.8";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));

</script>

Optional :

/*FB.getLoginStatus(function(response) {
    statusChangeCallback(response);
});

function checkLoginState() {
  FB.getLoginStatus(function(response) {
    statusChangeCallback(response);
  });
}*/

Angular JS Tutorials PDF -

Angular JS Tutorials PDF -   https://www.tutorialspoint.com/angularjs/angularjs_tutorial.pdf