Login with facebook account using php

Nowadays every website has the feature of social logins like Facebook, Twitter, Google Account and more. I got the lots of tutorial request to create a sample code to login with facebook account using the PHP. In this tutorial, I will explain how to log in with the Facebook account using PHP with example and you can also download the complete code. I have added the download link at the end of this tutorial.

Login with Facebook makes easy to connect with users or peoples using Facebook applications for your website. The Facebook SDK for Javascript provides a simple path to integrating users to log in to your websites.

It’s provides these common scenarios:

1) Your application uses Facebook Login to authorize users.
2) It’s also provides two login options: Facebook Login and your own website custom login.

Create Database Table

Sample users table columns id, email, and username.

CREATE TABLE users
(
id INT PRIMARY KEY AUTO_INCREMENT,
email VARCHAR(70), 
username VARCHAR(100), 
);

CREATE TABLE users

(

id INT PRIMARY KEY AUTO_INCREMENT,

email VARCHAR(70),

username VARCHAR(100),

);

Facebook Application Setup

Go to the https://developers.facebook.com/apps and create app id and app secret id, just modify in the following code
config.php

<?php
session_start();
//Facebook App Id and Secret
$appID='591405314249348';
$appSecret='9885877b45a30cb235b1228388c17665';

//URL to your website root
if($_SERVER['HTTP_HOST']=='localhost'){
$base_url='http://freewebmentor.com/';
}else{
$base_url='http://freewebmentor.com/';	
}
?>

<?php

session_start();

//Facebook App Id and Secret

$appID='591405314249348';

$appSecret='9885877b45a30cb235b1228388c17665';

//URL to your website root

if($_SERVER['HTTP_HOST']=='localhost'){

$base_url='http://freewebmentor.com/';

}else{

$base_url='http://freewebmentor.com/';

}

For the database configuration edit config.php

Create a config.php page and add below code after changing database configurations and save.

<?php

mysql_connect("hostname","username","password");	
mysql_select_db("db name");

?>

<?php

mysql_connect("hostname","username","password");

mysql_select_db("db name");

Integrate with your index.php page

If you want to change in your web application index page, just use following code.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Login with Facebook Account</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/getpopup.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $('#facebook').click(function(e){
        $.oauthpopup({
            path: 'login.php',
			width:600,
			height:300,
            callback: function(){
                window.location.reload();
            }
        });
		e.preventDefault();
    });
});

</script>
</head>

<body>
<?php 
error_reporting(1);
session_start();
if(!isset($_SESSION['User']) && empty($_SESSION['User']))   { ?>
<img src="images/facebook.png" id="facebook"  style="cursor:pointer;float:left;margin-left:550px;" />
<?php  }  else{

 echo '<img src="https://graph.facebook.com/'. $_SESSION['User']['id'] .'/picture" width="30" height="30"/><div>'.$_SESSION['User']['name'].'</div>';	
	echo '<a href="'.$_SESSION['logout'].'">Logout</a>';

}
	?>

</body>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>Login with Facebook Account</title>

$(document).ready(function(){

$('#facebook').click(function(e){

$.oauthpopup({

path: 'login.php',

width:600,

height:300,

callback: function(){

window.location.reload();

}

});

e.preventDefault();

});

</script>

</head>

<body>

<?php

error_reporting(1);

session_start();

if(!isset($_SESSION['User']) && empty($_SESSION['User'])) { ?>

<?php } else{

echo '<img src="https://graph.facebook.com/'. $_SESSION['User']['id'] .'/picture" width="30" height="30"/><div>'.$_SESSION['User']['name'].'</div>';

echo '<a href="'.$_SESSION['logout'].'">Logout</a>';

}

</body>

</html>

Download the complete code from here

Thanks for giving your valuable time on FreeWebMentor community and follow on Facebook. If you still any question/queries please feel free to comment in below comment section. Do like & share with your friends if you like this post.

If you like FreeWebMentor and you would like to contribute, you can write an article and mail your article to [email protected] Your article will appear on the FreeWebMentor main page and help other developers.

Login with facebook account using php

It’s provides these common scenarios:

Create Database Table

Facebook Application Setup

For the database configuration edit config.php

Integrate with your index.php page

Download the complete code from here

Recommended Posts:

webmentor