NetAssoBlog

Application Offline avec l’API Facebook en 4 étapes

juin28

Une application offline pour Facebook, permet d’interagir avec un profil sans que l’utilisateur ait besoin de se connecter à chaque fois.

Le principe est simple, lors de la toute première connexion de l’utilisateur il est nécessaire de mémoriser une session unique. Cette clé permettra de se connecter directement à l’application Facebook, sans saisir le nom d’utilisateur et le mot de passe.

4 étapes sont nécessaires :

Créer son application Facebook
Créer l’interface pour la première connexion
Récupérer le numéro session
Connexion à l’application

Créer son application Facebook

Mettez en place l’application Facebook Developer sur son profil Facebook
Créez ensuite votre application
Modifiez les paramètres pour que votre application ressemble à quelque chose comme ça :

Notez votre clé d’API, ainsi que votre clé secrète

Créer l’interface pour la première connexion

Avant de pouvoir utiliser votre propre application offline, il vous faut générer votre session illimité. Pour cela je vais créer une interface indépendante et utiliser Facebook Connect .

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml">
<head>
<title>Parametres</title>
</head>
<body>
<script src="http://connect.facebook.net/fr_FR/all.js" TYPE="text/javascript"></script>
 <div ID="fb-root"></div>
 <fb:login-button onlogin="window.location.reload(true);" v="2" autologoutlink="true" size="large" perms="offline_access,publish_stream"></fb:login-button>
 <script TYPE="text/javascript">
 window.fbAsyncInit = FUNCTION() {
 FB.init({
 appId: "xxxxxxxxxxxxxx",
 status: true,
 cookie: true,
 xfbml: true
 });
 };
 </script>
</body>
</html>

Remplacez « xxxxxxxxxxxx » par votre clé API
En plus du droit « offline_access » qui est obligatoire afin de générer une session illimité. Vous pouvez rajouter les droits dont vous aurez besoin. Cliquez ici pour en savoir plus.
Lancez ensuite cette page, puis connectez vous à votre compte Facebook. Celui ci vous demandera d’autoriser l’application que vous venez de créer ainsi que les droits nécessaires au bon fonctionnement de l’application.

Récupérer le numéro de session

Le fait de vous être connecté à Facebook et d’avoir autorisé l’application a généré un fichier cookie.
Créer un script PHP afin de récupérer votre numéro de session illimité (APIKEY= votre clé api) :

function get_facebook_cookie()
{
 $FBcookie = array();
 $Tempcookie = split("&", str_replace("\\\"", "", $_COOKIE['fbs_' . APIKEY]));
 foreach ($Tempcookie as $FBcookieEntry) {
  $FBcookieValue = split("=", $FBcookieEntry);
  $FBcookie[$FBcookieValue[0]] = $FBcookieValue[1];
 }
 return $FBcookie;
}
$FBCookie = get_facebook_cookie();
if ($FBCookie['expires'] == "0" && $FBCookie['session_key']) {
 $sessionkey = $FBCookie['session_key'];
}

Pensez à stocker $sessionkey, vous n’aurez alors plus besoin de saisir les codes d’accès au compte. C’est la session qui vous permettra de vous identifiez.

Connexion à l’application

Téléchargez le dernier SDK PHP
Connectez vous avec le code suivant (remplacer APP_ID et APP_SECRET par l’ID et la clé secrète de votre application):

require '../src/facebook.php';
 
$facebook = new Facebook(array(
 'appId'  => APP_ID,
 'secret' => APP_SECRET,
 'cookie' => true,
));
$facebook->setSession($sessionkey);