facebook developers

Créer une application Facebook

0

Je vous propose un tuto pour suivre pas à pas les étapes de création d'une application pour Facebook à l'aide de PHP. J'ai choisi de créer un petit quizz viral, le principe de base sera le même pour créer toute autre application facebook.

La première chose à faire, si ce n’est déjà fait, est de créer un compte développeur chez Facebook. Puur cela, rien de plus simple, rendez-vous sur la page Dev de Facebook

Maintenant, petite liste de ce dont nous aurons besoin :

  1. Un hébergement (mutualisé, dédié, gratuit, payant, a vous de voir …)
  2. Un certificat de sécurité SSL
  3. Le SDK de Facebook pour PHP
  4. De la patience ….

Commençons par le b.a-ba. Une simple page de connection/déconnection à Facebook en utilisant l’api. Cette page vérifiera si vous êtes, ou non, connecté avec Facebook. Si oui, on retourne votre photo de profile et votre prénom, si non, affichage du bouton de connection à Facebook.

Créez un fichier index.php

<?php
/*importation de l’API de facebook*/
require_once('facebook/facebook.php');
$facebook = new Facebook(array(
		'appId'  => 'VOTRE_APP_ID',
		'secret' => 'VOTRE_APP_SECRET_PHRASE', 
		'cookie' => true,
));

$session = $facebook->getUser();

$me = null;

if ($session)
{
  try
  {
    $me = $facebook->api('/me');
  }
  catch (FacebookApiException $e) { error_log($e); $user = null;}
}

if ($me) {
  $logoutUrl = $facebook->getLogoutUrl();
} else {
  $loginUrl = $facebook->getLoginUrl();
}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns:fb="http://www.facebook.com/2008/fbml">
  <head>
    <title>API Facebook</title>
  </head>
  <body>
    <div id="fb-root"></div>

	<script>
      window.fbAsyncInit = function() {
        FB.init({ appId : '<?php echo $facebook->getAppId(); ?>', session : <?php echo json_encode($session); ?>, status : true, cookie : true, xfbml : true });
        FB.Event.subscribe('auth.login', function() { window.location.reload(); });
      };

      (function() {
        var e = document.createElement('script');
        e.src = document.location.protocol + '//connect.facebook.net/fr_FR/all.js';
        e.async = true;
        document.getElementById('fb-root').appendChild(e);
      }());
    </script>

    <h1>API Facebook</h1>

    <?php if ($me): ?>
	<strong>Bienvenue <?php echo $me['first_name']; ?></strong>
	<br />
    <img src="https://graph.facebook.com/<?php echo $me['id']; ?>/picture" />
	<br />
    <?php echo $me['name']; ?>

    <?php //print_r($me); ?>
    <?php else: ?>
    <strong>Vous n'êtes pas connecté !</strong>
    <?php endif ?>

	<br />
	<br />

	<?php if (!$me): ?>
    <fb:login-button></fb:login-button>
    <?php endif ?>
  </body>
</html>


Recevoir la newsletter

Recevoir la newsletter

Recevez les dernières news et astuces Wordpress & Développement Web par email une fois par semaine

Bravo, vous êtes inscrits