Friday, 4 April 2014

Facebook Login






Step 1: Go on Apps & create new Apps

Step 2: Enter the app name & choose category













Step 3: Enter the site domain
















Script code

<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js#appId=<?php echo '603609636351597';?>">
</script>

<script>
   FB.init({ 
            appId:'<?php echo '603609636351597';?>', cookie:true, 
            status:true, xfbml:true 
         });
 
FB.getLoginStatus(function(response) {
  });

Login function call on click

function faceLogin(){
 FB.login(function(response) {
   if (response.authResponse) {
 FB.api('/me', function(response) {
$('input[id=facebook_login_fb]').val(response['id']);
$('#fb_login_form').submit();
 });
   } else {
 console.log('User cancelled login or did not fully authorize.');
   }
 }, {scope: 'email,user_photos'}); 
};

Data handling

function Login() {
FB.login(function(response) {
   if (response.authResponse) {
 FB.api('/me', function(response) {
var str;
    str = response['id'] + ";\n" +
response['name'] + ";\n" +
response['first_name'] + ";\n" +
response['last_name'] + ";\n" +
response['birthday'] + ";\n" +
response['gender'] + ";\n" +
response['username'] + ";\n" +
response['phone'] + ";\n" +
response['email'];
$('input[id=full_name]').val(response['name']);
$('input[id=first_name_fb]').val(response['first_name']);
$('input[id=last_name_fb]').val(response['last_name']);
$('input[id=email_fb]').val(response['email']);
$('input[id=facebook_id_fb]').val(response['id']);

if(response['hometown']!=undefined)
{
$('input[id=hometown]').val(response['hometown']['name']);
}
$('#fb_registration_form').submit();
 });
   } else {
 console.log('User cancelled login or did not fully authorize.');
   }
 }, {scope: 'email,user_birthday,user_photos,user_hometown,user_location'});
    };
</script>

Hidden form to store data

<div style="display:none;">
<form id="fb_registration_form"  
action="<?php echo HTTP_ROOT.'Members/facebookRegister'?>"  method="post">

<input type="text" name="data[Member][email]" id="email_fb" value="" />
<input type="text" name="data[Member][facebook_id]" id="facebook_id_fb" value="" />
<input type="text" name="data[Member][user_name]" id="full_name" value="" />
<input type="text" name="data[Member][first_name]" id="first_name_fb" value="" />
<input type="text" name="data[Member][last_name]" id="last_name_fb" value="" />
<input type="text" name="data[Member][hometown]" id="hometown" value="" />
</form>
</div>

Request handler function

function facebookRegister()
   {
if($this->request->is('POST'))
{
$data=$this->request->data;
}
}

Html tag

<a href="javascript:void(0)" class="fb" id="fb-login" onclick="Login();"></a>

0 comments:

Post a Comment