{"id":71,"date":"2012-08-22T19:03:00","date_gmt":"2012-08-22T19:03:00","guid":{"rendered":"https:\/\/www.tech-and-dev.com\/blog\/2012\/08\/22\/facebook-registration-plugin-with-custom-fields-and-examples\/"},"modified":"2021-02-22T01:00:15","modified_gmt":"2021-02-22T01:00:15","slug":"acebook-registration-plugin-with-custom-fields-and-examples","status":"publish","type":"post","link":"https:\/\/www.tech-and-dev.com\/blog\/2012\/08\/acebook-registration-plugin-with-custom-fields-and-examples.html","title":{"rendered":"Facebook Registration Plugin (With Custom Fields and Examples)"},"content":{"rendered":"

Facebook Registration Plugin (With Custom Fields and Examples)<\/p>\n

In this post, I will show you how to implement facebook registration plugin, and I will create some examples, with custom fields, with both the iframe version and XFBML.<\/p>\n

You can check the examples directly in here: Facebook Registration Plugin Examples<\/a><\/p>\n

Scroll down for the entire source code.<\/p>\n

The facebook social plugin can be used for users with a facebook account, or users without a facebook account.
\nIf the user does not have a facebook account, or if the user is not logged in to their facebook account, the below subscription form will be displayed.<\/p>\n

\"Facebook<\/a><\/div>\n

If the user has a facebook account and is logged in, the registration form will be pre-filled to save the user time. This is very useful to register the user quickly with one mouse click.<\/p>\n

\"Facebook<\/a><\/div>\n

Sometimes you might only want users with a facebook account to be able to register on your site. This can be specified with a parameter that will be explained later on. The following registration form will be displayed if the user is not logged in to facebook.<\/p>\n

\"Facebook<\/a><\/div>\n

I will not go in the already explained details on facebook. In this post, I will assume that you have already read this: http:\/\/developers.facebook.com\/docs\/plugins\/registration\/<\/a><\/p>\n

For this plugin to work, you will need a facebook app id and a facebook app secret, if you havne’t created a facebook app yet, I suggest you read this tutorial first to create an app: Facebook App Tutorial – The Basics<\/a><\/p>\n

You will also need to set the redirect URI, in my case, I’m going to set it to the same file location of the subscription form in order to display the output.<\/p>\n

<\/h3>\n

<\/h3>\n

Facebook registration plugin (iframe) without custom fields:<\/h3>\n

In the first example, I’m going to build the registration plugin using iframe and without any custom fields<\/b>. Simply the code will be as follows:<\/p>\n

\n
<?php<\/span><\/div>\n
$API_KEY = ‘463292747036958’;<\/span><\/div>\n
$API_SECRET = ‘GET_YOUR_APP_SECRET’;<\/span><\/div>\n
$redirect_URI = ‘http:\/\/lab.tech-and-dev.com\/facebookRegistration.php’;<\/span><\/div>\n
?><\/span><\/div>\n
\u00a0<\/span><\/div>\n
<script src=”https:\/\/connect.facebook.net\/en_US\/all.js#appId=<?php echo $API_KEY; ?>&xfbml=1″><\/script><\/span><\/div>\n
<div id=”fb-root”><\/div><\/span><\/div>\n
\u00a0<\/span><\/div>\n
<h2>Without Custom Fields<\/h2><\/span><\/div>\n
<iframe src=”http:\/\/www.facebook.com\/plugins\/registration?<\/span><\/div>\n
\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0client_id=<?php echo $API_KEY; ?>&<\/span><\/div>\n
\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0redirect_uri=<?php echo $redirect_URI; ?>&<\/span><\/div>\n
\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0fb_only=false&<\/span><\/div>\n
\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0fields=name,birthday,gender,location,email”<\/span><\/div>\n
\u00a0\u00a0\u00a0 scrolling=”auto”<\/span><\/div>\n
\u00a0\u00a0\u00a0 frameborder=”no”<\/span><\/div>\n
\u00a0\u00a0\u00a0 style=”border:none”<\/span><\/div>\n
\u00a0\u00a0\u00a0 allowTransparency=”true”<\/span><\/div>\n
\u00a0\u00a0\u00a0 width=”530″<\/span><\/div>\n
\u00a0\u00a0\u00a0 height=”330″<\/span><\/div>\n
><\/span><\/div>\n
<\/iframe><\/span><\/div>\n
\u00a0<\/span><\/div>\n

<?php
\nif ($_REQUEST[‘signed_request’])
\n{
\n$response = parse_signed_request($_REQUEST[‘signed_request’], $API_SECRET);\/\/secret<\/span><\/p>\n

if($response)
\n{
\n\/\/Fields values
\n$email=$response[‘registration’][’email’];
\n$name=$response[‘registration’][‘name’];
\n$gender=$response[‘registration’][‘gender’];
\n$user_fb_id=$response[‘user_id’];
\n$location=$response[‘registration’][‘location’][‘name’];
\n$bday = $response[‘registration’][‘birthday’];<\/p>\n

\/\/print entire array response
\necho ‘<h3>Response Array<\/h3>’;
\necho ‘<pre>’;
\nprint_r($response);
\necho ‘<\/pre>’;<\/p>\n

\/\/print values
\necho ‘<h3>Fields Values<\/h3>’;
\necho ’email: ‘ . $email . ‘<br \/>’;
\necho ‘Name: ‘ . $name . ‘<br \/>’;
\necho ‘Gender: ‘ . $gender . ‘<br \/>’;
\necho ‘Facebook Id: ‘ . $user_fb_id . ‘<br \/>’;
\necho ‘Location: ‘ . $location . ‘<br \/>’;
\necho ‘Birthday: ‘ . $bday . ‘<br \/>’;<\/p>\n

}
\n}
\n?><\/p>\n

\u00a0<\/span><\/div>\n

<?php
\nfunction parse_signed_request($signed_request, $secret)
\n{
\nlist($encoded_sig, $payload) = explode(‘.’, $signed_request, 2); <\/span><\/p>\n

\/\/ decode the data
\n$sig = base64_url_decode($encoded_sig);
\n$data = json_decode(base64_url_decode($payload), true);<\/p>\n

if (strtoupper($data[‘algorithm’]) !== ‘HMAC-SHA256’)
\n{
\nerror_log(‘Unknown algorithm. Expected HMAC-SHA256’);
\nreturn null;
\n}<\/p>\n

\/\/ check sig
\n$expected_sig = hash_hmac(‘sha256’, $payload, $secret, $raw = true);
\nif ($sig !== $expected_sig)
\n{
\nerror_log(‘Bad Signed JSON signature!’);
\nreturn null;
\n}<\/p>\n

return $data;
\n}<\/p>\n

function base64_url_decode($input)
\n{
\nreturn base64_decode(strtr($input, ‘-_’, ‘+\/’));
\n}
\n?><\/p>\n<\/div>\n

 <\/p>\n

Facebook registration plugin (iframe) with custom fields:<\/h3>\n
In this example, I’m going to build the registration plugin using iframe and with custom fields<\/b>.<\/div>\n
To use custom fields, we will need to use JSON arrays<\/div>\n
The below example is an array from facebook tutorial, you can define checkbox, date, select, captcha to be filled…<\/div>\n

 <\/p>\n

\n
[\r\n {'name':'name'},\r\n {'name':'email'},\r\n {'name':'location'},\r\n {'name':'gender'},\r\n {'name':'birthday'},\r\n {'name':'password'},\r\n {'name':'like',       'description':'Do you like this plugin?', 'type':'checkbox',  'default':'checked'},\r\n {'name':'phone',      'description':'Phone Number',             'type':'text'},\r\n {'name':'anniversary','description':'Anniversary',              'type':'date'},\r\n {'name':'captain',    'description':'Best Captain',             'type':'select',    'options':{'P':'Jean-Luc Picard','K':'James T. Kirk'}},\r\n {'name':'force',      'description':'Which side?',              'type':'select',    'options':{'jedi':'Jedi','sith':'Sith'}, 'default':'sith'},\r\n {'name':'live',       'description':'Best Place to Live',       'type':'typeahead', 'categories':['city','country','state_province']},\r\n {'name':'captcha'}\r\n]<\/code><\/pre>\n<\/div>\n
The code will be as follows:<\/p>\n
<?php<\/span>
\n$API_KEY = ‘463292747036958’;<\/span>
\n$API_SECRET = ‘GET_YOUR_APP_SECRET’;<\/span>
\n$redirect_URI = ‘http:\/\/lab.tech-and-dev.com\/facebookRegistration.php’;<\/span>
\n?><\/span>
\n
\n<\/span><script src=”https:\/\/connect.facebook.net\/en_US\/all.js#appId=<?php echo $API_KEY; ?>&xfbml=1″><\/script><\/span>
\n<div id=”fb-root”><\/div><\/span>
\n
\n<\/span><h2>With Custom Fields<\/h2>
\n<iframe src=”http:\/\/www.facebook.com\/plugins\/registration?
\nclient_id=<?php echo $API_KEY; ?>&
\nredirect_uri=<?php echo $redirect_URI; ?>&
\nfb_only=false&
\nfields=[
\n{‘name’:’name’},
\n{‘name’:’birthday’},
\n{‘name’:’gender’},
\n{‘name’:’location’},
\n{‘name’:’email’},
\n{‘name’:’favoriteFood’, ‘description’:’Favorite Food’, ‘type’:’select’, ‘options’:{‘0′:’Pizza’,’1′:’Burger’,’2′:’Hot Dog’,’3′:’Tuna’}},
\n{‘name’:’graduated’, ‘description’:’Graduation Date’, ‘type’:’date’},
\n]”
\nscrolling=”auto”
\nframeborder=”no”
\nstyle=”border:none”
\nallowTransparency=”true”
\nwidth=”530″
\nheight=”400″
\n>
\n<\/iframe><\/span><\/div>\n
<\/div>\n
<?php <\/span>
if ($_REQUEST[‘signed_request’])<\/span>
{<\/span>
\u00a0\u00a0\u00a0 $response = parse_signed_request($_REQUEST[‘signed_request’], $API_SECRET);\/\/secret<\/span>

\u00a0\u00a0\u00a0 if($response)<\/span>
\u00a0\u00a0\u00a0 {<\/span>
\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \/\/Fields values<\/span>
\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 $email=$response[‘registration’][’email’];<\/span>
\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 $name=$response[‘registration’][‘name’];<\/span>
\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 $gender=$response[‘registration’][‘gender’];<\/span>
\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 $user_fb_id=$response[‘user_id’];<\/span>
\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 $location=$response[‘registration’][‘location’][‘name’];<\/span>
\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 $bday = $response[‘registration’][‘birthday’];<\/span>

\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \/\/custom fields<\/span>
\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 $favoriteFood = $response[‘registration’][‘favoriteFood’];<\/span>
\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 $graduated = $response[‘registration’][‘graduated’];<\/span>


\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \/\/print entire array response<\/span>
\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 echo ‘<h3>Response Array<\/h3>’;<\/span>
\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 echo ‘<pre>’;<\/span>
\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 print_r($response);<\/span>
\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 echo ‘<\/pre>’;<\/span>

\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \/\/print values<\/span>
\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 echo ‘<h3>Fields Values<\/h3>’;<\/span>
\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 echo ’email: ‘ . $email . ‘<br \/>’;<\/span>
\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 echo ‘Name: ‘ . $name . ‘<br \/>’;<\/span>
\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 echo ‘Gender: ‘ . $gender . ‘<br \/>’;<\/span>
\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 echo ‘Facebook Id: ‘ . $user_fb_id . ‘<br \/>’;<\/span>
\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 echo ‘Location: ‘ . $location . ‘<br \/>’;<\/span>
\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 echo ‘Birthday: ‘ . $bday . ‘<br \/>’;<\/span>

\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \/\/print custom fields<\/span>
\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 echo ‘<h3>Custom Fields Values<\/h3>’;<\/span>
\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 echo ‘Favorite Food: ‘ . $favoriteFood . ‘<br \/>’;<\/span>
\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 echo ‘Graduated: ‘ . $graduated . ‘<br \/>’;<\/span>
\u00a0\u00a0\u00a0 }<\/span>
}<\/span>
?><\/span>


<?php<\/span>
function parse_signed_request($signed_request, $secret)<\/span>
{<\/span>
\u00a0\u00a0\u00a0 list($encoded_sig, $payload) = explode(‘.’, $signed_request, 2); <\/span>

\u00a0\u00a0\u00a0 \/\/ decode the data<\/span>
\u00a0\u00a0\u00a0 $sig = base64_url_decode($encoded_sig);<\/span>
\u00a0\u00a0\u00a0 $data = json_decode(base64_url_decode($payload), true);<\/span>

\u00a0\u00a0\u00a0 if (strtoupper($data[‘algorithm’]) !== ‘HMAC-SHA256’)<\/span>
\u00a0\u00a0\u00a0 {<\/span>
\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 error_log(‘Unknown algorithm. Expected HMAC-SHA256’);<\/span>
\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 return null;<\/span>
\u00a0\u00a0\u00a0 }<\/span>

\u00a0\u00a0\u00a0 \/\/ check sig<\/span>
\u00a0\u00a0\u00a0 $expected_sig = hash_hmac(‘sha256’, $payload, $secret, $raw = true);<\/span>
\u00a0\u00a0\u00a0 if ($sig !== $expected_sig)<\/span>
\u00a0\u00a0\u00a0 {<\/span>
\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 error_log(‘Bad Signed JSON signature!’);<\/span>
\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 return null;<\/span>
\u00a0\u00a0\u00a0 }<\/span>

\u00a0\u00a0\u00a0 return $data;<\/span>
}<\/span>

function base64_url_decode($input)<\/span>
{<\/span>
\u00a0\u00a0\u00a0 return base64_decode(strtr($input, ‘-_’, ‘+\/’));<\/span>
}<\/span>
?> <\/span><\/span><\/div>\n
 <\/p>\n
Facebook registration plugin (iframe) without custom fields and only for facebook users: <\/span><\/h3>\n
Sometimes you might only want to allow facebook users to register on your website, you can use the attribute fb_only=true<\/b> to achieve this.<\/p>\n
 <\/p>\n
\n
<?php<\/span><\/div>\n
$API_KEY = ‘463292747036958’;<\/span><\/div>\n
$API_SECRET = ‘GET_YOUR_APP_SECRET’;<\/span><\/div>\n
$redirect_URI = ‘http:\/\/lab.tech-and-dev.com\/facebookRegistration.php’;<\/span><\/div>\n
?><\/span><\/div>\n
\u00a0<\/span><\/div>\n
<script src=”https:\/\/connect.facebook.net\/en_US\/all.js#appId=<?php echo $API_KEY; ?>&xfbml=1″><\/script><\/span><\/div>\n
<div id=”fb-root”><\/div><\/span><\/div>\n
\u00a0<\/span><\/div>\n
<h2>Without Custom Fields – Only Facebook users allowed.<\/h2>
\n<iframe src=”http:\/\/www.facebook.com\/plugins\/registration?
\nclient_id=<?php echo $API_KEY; ?>&
\nredirect_uri=<?php echo $redirect_URI; ?>&
\nfb_only=true&
\nfields=name,birthday,gender,location,email”
\nscrolling=”auto”
\nframeborder=”no”
\nstyle=”border:none”
\nallowTransparency=”true”
\nwidth=”530″
\nheight=”330″
\n>
\n<\/iframe><\/span><\/p>\n
\u00a0<\/span><\/div>\n
<?php <\/span>
if ($_REQUEST[‘signed_request’])<\/span>
{<\/span>
\u00a0\u00a0\u00a0 $response = parse_signed_request($_REQUEST[‘signed_request’], $API_SECRET);\/\/secret<\/span>

\u00a0\u00a0\u00a0 if($response)<\/span>
\u00a0\u00a0\u00a0 {<\/span>
\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \/\/Fields values<\/span>
\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 $email=$response[‘registration’][’email’];<\/span>
\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 $name=$response[‘registration’][‘name’];<\/span>
\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 $gender=$response[‘registration’][‘gender’];<\/span>
\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 $user_fb_id=$response[‘user_id’];<\/span>
\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 $location=$response[‘registration’][‘location’][‘name’];<\/span>
\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 $bday = $response[‘registration’][‘birthday’];<\/span>

\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \/\/print entire array response<\/span>
\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 echo ‘<h3>Response Array<\/h3>’;<\/span>
\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 echo ‘<pre>’;<\/span>
\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 print_r($response);<\/span>
\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 echo ‘<\/pre>’;<\/span>

\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \/\/print values<\/span>
\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 echo ‘<h3>Fields Values<\/h3>’;<\/span>
\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 echo ’email: ‘ . $email . ‘<br \/>’;<\/span>
\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 echo ‘Name: ‘ . $name . ‘<br \/>’;<\/span>
\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 echo ‘Gender: ‘ . $gender . ‘<br \/>’;<\/span>
\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 echo ‘Facebook Id: ‘ . $user_fb_id . ‘<br \/>’;<\/span>
\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 echo ‘Location: ‘ . $location . ‘<br \/>’;<\/span>
\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 echo ‘Birthday: ‘ . $bday . ‘<br \/>’;<\/span>

\u00a0\u00a0\u00a0 }<\/span>
}<\/span>
?> <\/span><\/span><\/p>\n
\u00a0<\/span><\/div>\n
<?php<\/span>
function parse_signed_request($signed_request, $secret)<\/span>
{<\/span>
\u00a0\u00a0\u00a0 list($encoded_sig, $payload) = explode(‘.’, $signed_request, 2); <\/span>

\u00a0\u00a0\u00a0 \/\/ decode the data<\/span>
\u00a0\u00a0\u00a0 $sig = base64_url_decode($encoded_sig);<\/span>
\u00a0\u00a0\u00a0 $data = json_decode(base64_url_decode($payload), true);<\/span>

\u00a0\u00a0\u00a0 if (strtoupper($data[‘algorithm’]) !== ‘HMAC-SHA256’)<\/span>
\u00a0\u00a0\u00a0 {<\/span>
\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 error_log(‘Unknown algorithm. Expected HMAC-SHA256’);<\/span>
\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 return null;<\/span>
\u00a0\u00a0\u00a0 }<\/span>

\u00a0\u00a0\u00a0 \/\/ check sig<\/span>
\u00a0\u00a0\u00a0 $expected_sig = hash_hmac(‘sha256’, $payload, $secret, $raw = true);<\/span>
\u00a0\u00a0\u00a0 if ($sig !== $expected_sig)<\/span>
\u00a0\u00a0\u00a0 {<\/span>
\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 error_log(‘Bad Signed JSON signature!’);<\/span>
\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 return null;<\/span>
\u00a0\u00a0\u00a0 }<\/span>

\u00a0\u00a0\u00a0 return $data;<\/span>
}<\/span>

function base64_url_decode($input)<\/span>
{<\/span>
\u00a0\u00a0\u00a0 return base64_decode(strtr($input, ‘-_’, ‘+\/’));<\/span>
}<\/span>
?><\/span><\/span><\/p>\n<\/div>\n
 <\/p>\n
Facebook registration plugin (XFBML) with custom fields:<\/h3>\n
If you wish to use XFBML instead of iframe, with custom fields, you can use the below example:<\/p>\n
 <\/p>\n
<?php<\/span>
\n$API_KEY = ‘463292747036958’;<\/span>
\n$API_SECRET = ‘GET_YOUR_APP_SECRET’;<\/span>
\n$redirect_URI = ‘http:\/\/lab.tech-and-dev.com\/facebookRegistration.php’;<\/span>
\n?><\/span>
\n
\n<\/span><script src=”https:\/\/connect.facebook.net\/en_US\/all.js#appId=<?php echo $API_KEY; ?>&xfbml=1″><\/script><\/span>
\n<div id=”fb-root”><\/div><\/span>
\n
\n<\/span><h2>With Custom Fields – XFBML<\/h2>
\n<fb:registration
\nfields=”[
\n{‘name’:’name’},
\n{‘name’:’birthday’},
\n{‘name’:’gender’},
\n{‘name’:’location’},
\n{‘name’:’email’},
\n{‘name’:’favoriteFood’, ‘description’:’Favorite Food’, ‘type’:’select’, ‘options’:{‘0′:’Pizza’,’1′:’Burger’,’2′:’Hot Dog’,’3′:’Tuna’}},
\n{‘name’:’graduated’, ‘description’:’Graduation Date’, ‘type’:’date’},
\n]”
\nredirect-uri=”<?php echo $redirect_URI; ?>”
\nwidth=”530″>
\n<\/fb:registration><\/span><\/div>\n
<\/div>\n
<?php <\/span>
if ($_REQUEST[‘signed_request’])<\/span>
{<\/span>
\u00a0\u00a0\u00a0 $response = parse_signed_request($_REQUEST[‘signed_request’], $API_SECRET);\/\/secret<\/span>

\u00a0\u00a0\u00a0 if($response)<\/span>
\u00a0\u00a0\u00a0 {<\/span>
\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \/\/Fields values<\/span>
\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 $email=$response[‘registration’][’email’];<\/span>
\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 $name=$response[‘registration’][‘name’];<\/span>
\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 $gender=$response[‘registration’][‘gender’];<\/span>
\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 $user_fb_id=$response[‘user_id’];<\/span>
\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 $location=$response[‘registration’][‘location’][‘name’];<\/span>
\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 $bday = $response[‘registration’][‘birthday’];<\/span>

\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \/\/custom fields<\/span>
\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 $favoriteFood = $response[‘registration’][‘favoriteFood’];<\/span>
\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 $graduated = $response[‘registration’][‘graduated’];<\/span>


\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \/\/print entire array response<\/span>
\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 echo ‘<h3>Response Array<\/h3>’;<\/span>
\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 echo ‘<pre>’;<\/span>
\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 print_r($response);<\/span>
\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 echo ‘<\/pre>’;<\/span>

\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \/\/print values<\/span>
\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 echo ‘<h3>Fields Values<\/h3>’;<\/span>
\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 echo ’email: ‘ . $email . ‘<br \/>’;<\/span>
\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 echo ‘Name: ‘ . $name . ‘<br \/>’;<\/span>
\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 echo ‘Gender: ‘ . $gender . ‘<br \/>’;<\/span>
\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 echo ‘Facebook Id: ‘ . $user_fb_id . ‘<br \/>’;<\/span>
\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 echo ‘Location: ‘ . $location . ‘<br \/>’;<\/span>
\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 echo ‘Birthday: ‘ . $bday . ‘<br \/>’;<\/span>

\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \/\/print custom fields<\/span>
\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 echo ‘<h3>Custom Fields Values<\/h3>’;<\/span>
\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 echo ‘Favorite Food: ‘ . $favoriteFood . ‘<br \/>’;<\/span>
\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 echo ‘Graduated: ‘ . $graduated . ‘<br \/>’;<\/span>
\u00a0\u00a0\u00a0 }<\/span>
}<\/span>
?><\/span>


<?php<\/span>
function parse_signed_request($signed_request, $secret)<\/span>
{<\/span>
\u00a0\u00a0\u00a0 list($encoded_sig, $payload) = explode(‘.’, $signed_request, 2); <\/span>

\u00a0\u00a0\u00a0 \/\/ decode the data<\/span>
\u00a0\u00a0\u00a0 $sig = base64_url_decode($encoded_sig);<\/span>
\u00a0\u00a0\u00a0 $data = json_decode(base64_url_decode($payload), true);<\/span>

\u00a0\u00a0\u00a0 if (strtoupper($data[‘algorithm’]) !== ‘HMAC-SHA256’)<\/span>
\u00a0\u00a0\u00a0 {<\/span>
\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 error_log(‘Unknown algorithm. Expected HMAC-SHA256’);<\/span>
\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 return null;<\/span>
\u00a0\u00a0\u00a0 }<\/span>

\u00a0\u00a0\u00a0 \/\/ check sig<\/span>
\u00a0\u00a0\u00a0 $expected_sig = hash_hmac(‘sha256’, $payload, $secret, $raw = true);<\/span>
\u00a0\u00a0\u00a0 if ($sig !== $expected_sig)<\/span>
\u00a0\u00a0\u00a0 {<\/span>
\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 error_log(‘Bad Signed JSON signature!’);<\/span>
\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 return null;<\/span>
\u00a0\u00a0\u00a0 }<\/span>

\u00a0\u00a0\u00a0 return $data;<\/span>
}<\/span>

function base64_url_decode($input)<\/span>
{<\/span>
\u00a0\u00a0\u00a0 return base64_decode(strtr($input, ‘-_’, ‘+\/’));<\/span>
}<\/span>
?> <\/span><\/span><\/div>\n
More info about the facebook registration plugin can be found in here: http:\/\/developers.facebook.com\/docs\/plugins\/registration\/<\/a>
\nExamples can be found in here: Facebook Registration Social Plugin Examples<\/a><\/p>\n
Any questions or suggestions, please post them below!<\/b><\/p>\n","protected":false},"excerpt":{"rendered":"
Facebook Registration Plugin (With Custom Fields and Examples) In this post, I will show you how to implement facebook registration plugin, and I will create some examples, with custom fields, with both the iframe version and XFBML. You can check the examples directly in here: Facebook Registration Plugin Examples Scroll down for the entire source […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[90,33,94,92,93,95,91,22],"tags":[],"class_list":["post-71","post","type-post","status-publish","format-standard","hentry","category-example","category-facebook","category-facebook-api","category-facebook-app","category-facebook-registration","category-json","category-lab","category-php"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.tech-and-dev.com\/blog\/wp-json\/wp\/v2\/posts\/71","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.tech-and-dev.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.tech-and-dev.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.tech-and-dev.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tech-and-dev.com\/blog\/wp-json\/wp\/v2\/comments?post=71"}],"version-history":[{"count":1,"href":"https:\/\/www.tech-and-dev.com\/blog\/wp-json\/wp\/v2\/posts\/71\/revisions"}],"predecessor-version":[{"id":204,"href":"https:\/\/www.tech-and-dev.com\/blog\/wp-json\/wp\/v2\/posts\/71\/revisions\/204"}],"wp:attachment":[{"href":"https:\/\/www.tech-and-dev.com\/blog\/wp-json\/wp\/v2\/media?parent=71"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tech-and-dev.com\/blog\/wp-json\/wp\/v2\/categories?post=71"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tech-and-dev.com\/blog\/wp-json\/wp\/v2\/tags?post=71"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}