TP : utilisation de l'API REST de Facebook + Google Maps

De $1

Version de 12:16, 18 Avr 2024

cette version.

Revenir à liste des archives.

Voir la version actuelle

Introduction

Nous allons développer un projet "fil rouge" qui va s'étendre sur plusieurs séances. Il s'agira d'un jeu multi-joueur mettant en oeuvre des "contacts" sur facebook. Dans le TP d'aujourd'hui on va apprendre à utiliser l'API REST de FaceBook et utiliser également Google Maps pour visualiser sur la carte les contacts d'une personne.

Les allergiques à FaceBook où ceux qui ne l'ont jamais utilisé, mettez-vous en binome avec ceux qui l'utilisent ! Ou bien créez un compte facebook bidon, ajoutez  comme amis des collègues de la classe, cela nous sera utile pour faire les TPs. Nous avons choisi FaceBook car il est un des services emblématiques du web 2.0, qu'il utilise des technologies modernes, des modèles de métadonnées issus des travaux sur le web sémantique (le schéma OpenGraph), etc.

Aujourd'hui, résumé en une phrase, nous allons créer en Java une application sur facebook qui récupère la ville de naissance d'un utilisateur et de ses amis, et affiche toutes ces villes sur une carte avec l'api de google maps.

Creation de l'application sur Facebook

Pour créer une application facebook, il faut se rendre sur la page des developpeurs. Il faut avoir un compte facebook. Si ce n'est pas le cas, créer-en un bidon ou bien connectez-vous sur le compte de quelqu'un qui en a un (ça ne doit pas manquer dans la classe...)

Snap1.jpg

FB demande à vérifier votre identité, pour cela un numéro de téléphone portable va vous être demandé, un SMS envoyé avec un code, qu'il faudra rentrer dans une fenêtre (ou une carte bleue si vous n'avez pas de portable, mais qui ne sera pas débitée, je vous rassure). Ne vous trompez pas en entrant votre numéro de téléphone !!!!! (sinon le seul recourt srera d'attacher  une carte bancaire à votre compte FB)

Snap2.jpg

Bon, ces étapes "administratives effectuées", nous pouvons commencer !

 

L'application sur facebook a certain parametres, on utilise l'application qui a ete create :

public String appId = "148984718491784";

public String appSecret = "484c30ed7c149711c62fcc7c23a0ec70";

public String appUrl = "http://apps.facebook.com/testing_tp/";

Le nom de projet "TP_1_facebook" et URL de projet doit etre http://localhost:8080/TP_1_facebook/;

Vous devez cree un projet Java Web. Le cycle de vie notre application: 1) permission d'utilisateur de travaille avec l'application 2) authentication (optional) 3) prendre l'information que nous besoins

 life_cycle.png

 

On utilisera le protocol OAuth 2.0 pour faire l'authentication.

Tout les response l'api sont en JSON.

Les liens utile: 

Google Maps API V3 

Facebook Graph API 

Facebook permissions

Facebook authentication