Facebook PHP SDK Tutorial - Get Email and Profile Pic

Hello friends, on the last Facebook PHP SDK Tutorial we have created a simple login app. In this Facebook PHP SDK Tutorial we will do some more interesting things. We will get the email, username and the profile pic from the facebook account. So lets get into it.

Setting UP Things for Facebook PHP SDK Tutorial

We have already done this but if you haven’t read the last tutorial you should check it from the link below.

Facebook PHP SDK Tutorial – Part 1

So lets move ahead.

Designing Your HTML with CSS

In this part of Facebook PHP SDK Tutorial we will try to make our layout looks good, So we will do some CSS as well.
Here is my CSS Code.

body{

width:100%;

margin:0;

}

.facebooklogin{

font-size:100%;

font-family:arial;

display:block;

width:200px;

height:20px;

background-color:#142dac;

color: #FFFFFF;

text-decoration:none;

padding:20px;

border-radius:5px;

margin:0 auto;

text-align:center;

}

.facebooklogin:hover{

background-color:#4158cc;

}

.user{

font-size:100%;

font-family:arial;

display:block;

width:100%;

background-color:#142dac;

color: #FFFFFF;

text-decoration:none;

border-radius:5px;

}

.wrapper{

width:60%;

margin:0 auto;

padding:20px;

}

.tg {border-collapse:collapse;border-spacing:0; width:100%;}

.tg td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}

.tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}

Using Session to Check a User is Logged in Or Not

If the user is logged in successful we will set a session, so that we don’t need to login everytime.

$_SESSION['token']=$sess->getToken();

Now at the top we will check, if the session is already set. If the session is already set we will initialize our session so we do not need to login again.

if(isset($_SESSION['token'])){

$sess = new FacebookSession($_SESSION['token']);

}

Now we will create a logout link.

$logout = 'http://localhost/FacebookLoginPHP?logout=true';

On logout we will unset the session.

if(isset($_REQUEST['logout'])){

unset($_SESSION['token']);

}

We will be accessing the birthday and email of the user this time, so we need to set permission.
On getLoginUrl we will pass an array as argument.

<a class="facebooklogin" href='

<?php

echo $helper->getLoginUrl(array('scope'=>'email,user_birthday'));

<i class="fa fa-facebook"></i> Sign in with Facebook

</a>

Finally we will get the user information

if(isset($sess)){

$_SESSION['token']=$sess->getToken();

$request = new FacebookRequest($sess, 'GET', '/me');

$response = $request->execute();

$graph = $response->getGraphObject(GraphUser::className());

$name = $graph->getName();

$id = $graph->getId();

$img = 'https://graph.facebook.com/'.$id.'/picture?width=300';

$email = $graph->getProperty('email');

$birthday = $graph->getProperty('birthday');

$sex = $graph->getProperty('gender');

We have all the details now.
So we only need to display the details in our page.

<tr>

</tr>

<tr>

</tr>

<tr>

<td class="tg-031e">Email</td>

</tr>

<tr>

<td class="tg-031e">Gender</td>

</tr>

<tr>

<td class="tg-031e">Date of Birth</td>

</tr>

</table>

</div>

We will also create a logout button with the URL we already defined.

<i class="fa fa-facebook"></i> Logout

</a>

Thats it, you can see the final code for our index.php below

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

<?php

define('APP_ID', 'PUT YOUR APP ID');

define('APP_SECRET', 'PUT YOUR APP SECRET');

define('REDIRECT_URL','http://localhost/FacebookLoginPHP/');

<!DOCTYPE html>

<html>

<head>

<title>Facebook Login Sample</title>

<style>

body{

width:100%;

margin:0;

}

.facebooklogin{

font-size:100%;

font-family:arial;

display:block;

width:200px;

height:20px;

background-color:#142dac;

color: #FFFFFF;

text-decoration:none;

padding:20px;

border-radius:5px;

margin:0 auto;

text-align:center;

}

.facebooklogin:hover{

background-color:#4158cc;

}

.user{

font-size:100%;

font-family:arial;

display:block;

width:100%;

background-color:#142dac;

color: #FFFFFF;

text-decoration:none;

border-radius:5px;

}

.wrapper{

width:60%;

margin:0 auto;

padding:20px;

}

.tg {border-collapse:collapse;border-spacing:0; width:100%;}

.tg td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}

.tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}

</style>

</head>

<body>

<?php

Author: Belal Khan

website: www.simplifiedcoding.net

//INCLUDING LIBRARIES

require_once('lib/Facebook/FacebookSession.php');

require_once('lib/Facebook/FacebookRequest.php');

require_once('lib/Facebook/FacebookResponse.php');

require_once('lib/Facebook/FacebookSDKException.php');

require_once('lib/Facebook/FacebookRequestException.php');

require_once('lib/Facebook/FacebookRedirectLoginHelper.php');

require_once('lib/Facebook/FacebookAuthorizationException.php');

require_once('lib/Facebook/GraphObject.php');

require_once('lib/Facebook/GraphUser.php');

require_once('lib/Facebook/GraphSessionInfo.php');

require_once('lib/Facebook/Entities/AccessToken.php');

require_once('lib/Facebook/HttpClients/FacebookCurl.php');

require_once('lib/Facebook/HttpClients/FacebookHttpable.php');

require_once('lib/Facebook/HttpClients/FacebookCurlHttpClient.php');

//USING NAMESPACES

use Facebook\FacebookSession;

use Facebook\FacebookRedirectLoginHelper;

use Facebook\FacebookRequest;

use Facebook\FacebookResponse;

use Facebook\FacebookSDKException;

use Facebook\FacebookRequestException;

use Facebook\FacebookAuthorizationException;

use Facebook\GraphObject;

use Facebook\GraphUser;

use Facebook\GraphSessionInfo;

use Facebook\HttpClients\FacebookHttpable;

use Facebook\HttpClients\FacebookCurlHttpClient;

use Facebook\HttpClients\FacebookCurl;

//STARTING SESSION

session_start();

FacebookSession::setDefaultApplication(APP_ID,APP_SECRET);

$helper = new FacebookRedirectLoginHelper(REDIRECT_URL);

$sess = $helper->getSessionFromRedirect();

if(isset($_REQUEST['logout'])){

unset($_SESSION['token']);

}

if(isset($_SESSION['token'])){

$sess = new FacebookSession($_SESSION['token']);

}

$logout = 'http://localhost/FacebookLoginPHP?logout=true';

if(isset($sess)){

$_SESSION['token']=$sess->getToken();

$request = new FacebookRequest($sess, 'GET', '/me');

$response = $request->execute();

$graph = $response->getGraphObject(GraphUser::className());

$name = $graph->getName();

$id = $graph->getId();

$img = 'https://graph.facebook.com/'.$id.'/picture?width=300';

$email = $graph->getProperty('email');

$birthday = $graph->getProperty('birthday');

$sex = $graph->getProperty('gender');

<tr>

</tr>

<tr>

</tr>

<tr>

<td class="tg-031e">Email</td>

</tr>

<tr>

<td class="tg-031e">Gender</td>

</tr>

<tr>

<td class="tg-031e">Date of Birth</td>

</tr>

</table>

</div>

<br />

<i class="fa fa-facebook"></i> Logout

</a>

<?php

}else{

<a class="facebooklogin" href='<?php echo $helper->getLoginUrl(array('scope'=>'email,user_birthday'));?>'>

<i class="fa fa-facebook"></i> Sign in with Facebook

</a>

<?php

}

</body>

</html>

Try running your project.
Bravo! Its working, so thats it for this Facebook PHP SDK Tutorial friends. Comment if having any confusions or troubles. Thank You 🙂
You can also download the source code of this Facebook PHP SDK Tutorial from the link given below.

[easy_media_download url=”https://dl.dropboxusercontent.com/s/kmbcm7zpfzqwe2f/Facebook-PHP-SDK-Tutorial.zip?dl=0″ text=”Download Source”]

Belal Khan

Hi, my name is Belal Khan and I am a Google Developers Expert (GDE) for Android. The passion of teaching made me create this blog. If you are an Android Developer, or you are learning about Android Development, then I can help you a lot with Simplified Coding.

Checkout these tutorials as well:

6 thoughts on “Facebook PHP SDK Tutorial – Get Email and Profile Pic”

gokhan
May 20, 2015 at 8:40 pm
thanks. server work, but (mac os x mamp) localhost doesn’t worked.
- Belal Khan
  May 25, 2015 at 3:15 am
  I am using windows buddy .. In my case it is working fine..
Bruce
July 16, 2015 at 2:58 pm
Really appreciate it for your post about facebook apps. Could please post an example of FQL with PHP? I got trouble.
sen chan
September 1, 2015 at 1:06 pm
I’m getting profile pic and full name..,
But I’m not getting the email_id…
What to do? help me for this…
Thanks in advance
Subhashini S.
June 11, 2016 at 9:51 am
Hey, Thank you so much for sharing this. I ma getting Name, id and profile picture but not email and dob and gender.
Can u please help me out with this.
Thanks U.
- Rohit
  December 13, 2016 at 11:58 am
  Hey, Thank you so much for sharing this. I ma getting Name, id and profile picture but not email and dob and gender.
  Can u please help me out with this.

Facebook PHP SDK Tutorial – Get Email and Profile Pic

Setting UP Things for Facebook PHP SDK Tutorial

Designing Your HTML with CSS

Using Session to Check a User is Logged in Or Not

Related

Checkout these tutorials as well:

6 thoughts on “Facebook PHP SDK Tutorial – Get Email and Profile Pic”

Leave a Comment Cancel reply