ActionScript 3.0, l'essentiel sous la main Adobe Flash Accueil
Fiches
Boutique
Contact
Se connecter à son compte Facebook
Nous allons voir ici comment se connecter à un compte facebook à partir d'une application Flash. C'est la première chose que l'on doit faire dans une application facebook, puisque qu'il faut que l'internaute soit connecté à son compte pour pouvoir interragir avec lui.

INFOS : Tout d'abord, vous devez aller sur "Facebook Developper", vous logger avec votre compte facebook et vous enregistrer en tant que développeur Facebook. C'est entièrement gratuit. Vous aurez juste besoin de soumettre un numéro de téléphone portable sur lequel on vous enverra un sms de confirmation pour valider votre inscription. Une fois inscrit, vous devez créer une application. Vous aurez besoin de lui donner un nom et de spécifier l'URL où elle sera stocké sur votre serveur. Vous préciserez également le nom de domaine sur lequel l'application sera déployé (url du site + nom de domaine) car une application n'est autorisé que pour un domaine. Lorsque tout ceci sera validé, vous aurez alors les identifiants de votre application (App ID/API Key et Clé secrète).

Commencez par téléchargez les packages Facebook sur http://code.google.com/p/facebook-actionscript-api/

Dans Flash, ajoutez un composant "button" sur la scène. Donnez lui un nom d'occurence btn_connexion_fb. Mettez ensuite le code suivant :

//Imports Flash
import com.events.MouseEvent;

//Imports Facebook
import com.facebook.graph.Facebook;
import com.facebook.graph.data.FacebookSession;
import com.facebook.graph.net.FacebookRequest;

//Initialisation de l'application (Identifiant de l'application facebook, Test si une session facebook est ouverte)
Facebook.init("ID_DE_VOTRE_APPLICATION_FACEBOOK", verif_session);

//Gestion de la connexion à son compte Facebook
function connexion_fb(e:MouseEvent):void
{
if(Facebook.getSession() && Facebook.getSession().accessToken == null) //Si aucune session ouverte
{
Facebook.login(verif_session, {perms:"publish_stream"}); //Connexion (+ test si la connexion a réussit)
}
else //Sinon
{
Facebook.logout(session_fb_fermer); //Déconnexion (+ actualisation de l'affichage)
}
}
btn_connexion_fb.addEventListener(MouseEvent.CLICK, connexion_fb);

//Fonction vérifiant si une session Facebook est ouverte
function verif_session(response:Object, fail:Object):void
{
if(Facebook.getSession().accessToken) //Si il y a une session active
{
session_fb_active(); //Actualise l'interface
}
}

//Mise à jour de l'interface de connexion si une session facebook est ouverte
function session_fb_active():void
{
btn_connexion_fb.label = "Se déconnecter de Facebook"; //Change le titre du bouton de connexion
}

//Mise à jour de l'interface de connexion si il n'y a pas de session facebook ouverte
function session_fb_fermer(success:Object):void
{
btn_connexion_fb.label = "Se connecter à Facebook"; //Change le titre du bouton de connexion
}

Enfin, dans votre fichier HTML :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" xmlns:fb="http://www.facebook.com/2008/fbml">
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
<head>
<title>Les Opticiens Mutualistes</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://connect.facebook.net/en_US/all.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$('#FlashMovie').append('<h1>You need at least Flash Player 10.0 to view this page.</h1><p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></p>');
swfobject.embedSWF("index.swf", "FlashMovie", "455", "700", "9.0", null, null, null, {name:"FlashMovie"});
</script>
<style>
body {
margin:0;
}
</style>
</head>
<body>
<div id="fb-root"></div>
<div id="FlashMovie"></div>
</body>
</html>

INFOS : L'insertion du SWF par JavaScript est important pour que le script de Facebook puisse fonctionner et communiquer avec Flash. Et rappelez vous que pour tester votre application, vous devez la mettre en ligne, sur le serveur que vous avez déclaré à facebook lors de la création de votre application.

Aperçus & Sources : (Flash CS5)
Commentaire(s)
Aucun.