Tutoriel Vidéo PHP : Facebook Connect

Dans ce tutoriel vidéo vous apprendrez à utiliser L'API Facebook pour permettre à vos utilisateurs à se connecter rapidement à votre site. Facebook connect vous permettra donc de récupérer dans votre script PHP les différentes informations utilisateur...


Télécharger la vidéo
(Réservé aux premiums)

Télécharger les sources
(Réservé aux premiums)


Après avoir appris sur Internet quoi de plus normal que de partager à son tour ? Passionné par le web depuis un peu plus de 5 ans maintenant j'aime partager mes compétences et mes découvertes avec les personnes qui ont cette même passion pour le web : Vous.

Vous aimerez aussi

Les namespaces

Les namespaces
12m

Dans ce tutoriel vidéo vous apprendrez à utiliser les namespace ou...

API LastFM

API LastFM
35m

Dans ce tutoriel vidéo vous apprendrez comment utiliser l'API de...

68 commentaires
Ajouter un commentaire

hachbe Il y a 1 mois Répondre

Hello SuoerToto,

J'ai un collègue qui développe un module sur base de l'API de Facebook et a le même message d'erreur. Il est fort probable qu'ils ont changé leur API et ne fonctionne plus de la même manière.

Je n'ai pas encore l'information comment résoudre ou adapter ça en vue que ça fonctionne.

hachbé

SuoerToto Il y a 1 mois Répondre

Salut,
pour moi ça marche pas, j'ai commencer par utiliser la fonction GetSession qu'il ne reconnait pas et j'ai trouver sur des forums qu'il faut plutôt utiliser la fonction GetUser mais à chaque fois que je test le code il m'affiche:
"Une erreur s’est produite. Veuillez réessayer plus tard." avec une seule option "OK" qui me renvoi vers l'adresse "http://www.facebook.com/dialog/oauth ".

Quelqu'un à une solution je commence a désespérer:@

Merci d'avance.

Mohammed Il y a 3 mois Répondre

salam
bon tutoriels,
Merci bouceaup

zkiller Il y a 3 mois Répondre

Une mise à jour pour bientôt ?

ccaz28 Il y a 4 mois Répondre

Salut, super, j'aime suivre les tutoriels, je trouve tes explications très bien.
J'ai une question :
est-il possible de faire un même tuto avec API Twitter ?

Merci Cordialement

Hirod Il y a 4 mois Répondre

J'ai fais un script fonctionnelle actuellement.
Il permet de stoquer dans tes sessions l'uid, le nom et l'avatar de la personne.
Script : http://pastebin.com/gFQ99XJx
Fichiers à joindre : http://pastebin.com/igSjqyyt & http://pastebin.com/Z2bSfxTE

Cordialement, Corentin.

Maxou79 Il y a 3 mois

Merci à toi Hirod pour ton script qui fonctionne pour moi. Par contre j'ai une question. J'essaye de récupérer l'email et la location mais ça n'affiche rien, même dans la demande d'application dans facebook...
mon code :

---------------------------
$data['get'] = array(
'access_token' => $access_token,
'locale' => 'fr_FR',
'req_perms' => 'email,birthday,location',
'fields' => 'name,picture,first_name,last_name,gender,link,birthday,email,location'
);
---------------------------

J'ai tout essayé... je perds espoir.

ked Il y a 1 mois - Répondre

Salut Hirod,

Comment fait-on pour "joindre" les fichiers PHP ?
où faut-il copier le texte de ces deux liens ? quel fichier à quel nom à quel endroit?

Merci d'avance pour ton aide,
Cédric

Shikyo Il y a 4 mois Répondre

Idem

Spartak Il y a 5 mois Répondre

Oui une mise a jour serait la bienvenue x_x

Sidguia Il y a 5 mois Répondre

Bonsoir,

J'avoue que j'ai été paumé devant la nouvelle interface proposé par Facebook. Plusieurs fonctions sont devenus obsolètes comme getSession() etc.

Une petite MAJ serait la bienvenue ^^

Cordialement

Cédric Il y a 6 mois Répondre

Salut,
Bravo pour ce tuto génial et bien fait. Dommage que facebook ait décidé de tout changer...

J'ai Hate que la mise à jour soit publiée, parce qu'en effet, les explications de facebook laissent à désirer.

Quand peut-on espérer voir la mise à jour publiée ?
Merci d'avance.

Weby Il y a 5 mois - Répondre

Idem ;-)

the b boy Il y a 6 mois Répondre

pareil tuto très bien fait mais démodé : fuck facebook et ses majs sans aucune continuité...

Vadorequest Il y a 6 mois Répondre

Ouais, personnellement et je vois ne pas être le seul, je n'y comprends rien.
Le tuto est super clair, aucun souci avec ça, mais c'est facebook, entre leur traduction en franglais, leurs explications techniques incompréhensible et l'interface qui n'a plus rien à voir...

J'ai l'impression qu'il n'y a plus de textbox pour écrire le nom du script qui appellera l'application, à la place y a le domaine du site mais encore une fois j'y comprends rien donc je peux dire des conneries.

Leur API, bah j'ai beau chercher le lien... Trouve pas ! Je vais être obligé de demander à google ><

Bref... J'ai voulu installer Facebook Connect.

tom Il y a 8 mois Répondre

Bonjour,

quand est-ce qu'une mise à jour sera publiée ?

Merci d'avance

dzavatar Il y a 8 mois Répondre

dommage apparemment tout a changé et on ne retrouve plus rien de ce qu'on vois sur le tuto une mise a jour peu etre ?

Grafikart Il y a 8 mois

Facebook change leur api tous les 2 jours :D
Oui une mise à jour est prévue

dzavatar Il y a 8 mois

Ho ca serais trop bien Je dois justement pour mon TFE de fin d'année créer un site ou je comptais justement utiliser un enregistrement de membre classique par formulaire ou par Facebook. Merci d'avance

yorishyo Il y a 6 mois - Répondre

Oh oui, ça serait clairement trop bien ! Je dois également créer un Facebook connect sur un de mes projets

mmm719 Il y a 9 mois Répondre

j'ai un probleme, en prenant les sources, ou en prenant le nouveau API, il me met qu'il y a une erreur, même dans l'exemple, associé a l'API, et dans celui du source aussi, il me dis qu'il y a une erreur a la ligne 4 du fichier "API/facebook.php"

si vous savez quoi faire, ... :S

denzel Il y a 9 mois Répondre

Je voudrais intégerer facebook connect en version mobile avec Jquery mobile.Avez vous des idées merci.

Leg Il y a 10 mois Répondre

J'ai entendu dire que les sites qui n'auront pas le codage SSL ne disposeront plus de l'api FBconnect, a confimé s'il vous plait.

clemoun44 Il y a 10 mois - Répondre

Le 1er Octobre 2011, il faudra obligatoirement que le site soit protégé (SSL) pour créer une application Facebook.

mounir Il y a 12 mois Répondre

bonjour a tous,

j'ai une petite question concernant l'API facebook.
en principe je récupère la listes des amis de l'utilisateur après qu'elle a accepter mon application, et je sauvegarde son id sur ma base de donnée, et ma question et la suivant, comment je peu accéder a la liste de ces amis son qu'il ce connecte par son facebook la prochaine fois, pour ne pas utiliser $session = $facebook->getSession();, il ya pas une fonction dans l'api de facebook qui permet de prendre en paramètre son id ?


Merci d'avance

mccray Il y a 12 mois Répondre

Je garde ça sous le coude ! Vraiment très impressionnant, je vais me pointer avec ce tuto chez mes profs pour qu'ils en prennent de la graine ^^ !!

Encore merci pour ces superbes tutos !!

Djiins Il y a 12 mois Répondre

Salut

Perso j'ai bien reçu le SMS avec le code que j'ai rentré et j'ai toujours le même message Votre compte doit être vérifié avant que vous ne puissiez effectuer cette action. Veuillez vérifier votre compte en ajoutant votre téléphone mobile ou votre carte de crédit." et ensuite quand je tente la vérification il me dit que mon téléphone est déjà vérifié. s'il faut rentrer son numéro de CB je laisse tomber

si qqun a la solution je suis preneur !!

Merci d'avance

melar Il y a 1 an Répondre

Salut,
merci pour le tuto. Le seul soucis c'est que je ne peux pas l'appliquer. Lorsque je vais sur facebook pour créer l'application, ça me sort "Votre compte doit être vérifié avant que vous ne puissiez effectuer cette action. Veuillez vérifier votre compte en ajoutant votre téléphone mobile ou votre carte de crédit."
Après beaucoup d'hésitation j'ai entré mon numéro de téléphone mais je ne reçois toujours pas le sms avec le code.
Si quelqu'un d'autre est dans le même cas que moi... qu'il m'explique comment il a fait.

clemoun44 Il y a 10 mois - Répondre

Ré-essaye une deuxième fois, ça m'avait fait la même chose la première fois.

Kevin Il y a 1 an Répondre

Bravo pour ce tutorial en français. Très bien expliqué, l'interface a changé mais on retrouve les infos à d'autres places. Encore merci pour ces explications!

Duke Il y a 1 an Répondre

+1

tout à changé :'(

dansebaoun Il y a 1 an Répondre

Bonjour,

Super tuto, le seul problème aujourd'hui, c'est que l'interface à un peu changé, et je n'ai pas par les boutons authentification et connexion. Comment dois-je procéder??

xila Il y a 1 an Répondre

merci pour ce super tuto très clair !

mais j'aimerais savoir comment fait on pour publier des messages sur le mur de l'utilisateur? du genre l'utilisateur est inscrit sur mon site ou l'utilisateur, a commenté mon site etc.

merci beaucoup

faykal Il y a 1 an Répondre

SVP montrer moi comment configurer les paramétrés de mn application psk je croie ke facebook utilise mnt un nouvelle interface svp aider moi a résoudre se problème

faykal Il y a 1 an Répondre

bjr bn merci beaucoup pr ce tuttial c tres utiles
alors si tu px maider mn probleme et ds la 1er partie la creation de lapplication jé creer lapplication mé quand je click sur modifier les parrametres je trouve pas les anglet canevas et connexion et authentification :s
merci davance

hatona Il y a 1 an Répondre

salut, merci pour le tuto, je veux juste savoir comment on peut se déconnecter, je suis po un pro mai je savoir svp le code php pour terminer la session merci

daviddaville Il y a 1 an Répondre

A quand un tuto avec les single singn linkedin - twitter - open id - yahoo - google ?

David Davillé
@daviddaville

daviddaville Il y a 1 an Répondre

Comme d'habitude : clair - net - précis

Bravo

Dan Il y a 1 an Répondre

Merci beaucoup, c'est très dur de trouver un tuto en français, et malheureusement la doc n'est jamais à jour et les versions changent tous le temps. Bref ça tombe très bien et c'est vraiment un bon tuto.

Merci pour le boulot excellent que tu fais, en quelques minutes j'apprends énormément de choses utiles (Zen et API FB pour ne citer que ceux là).

Bonne continuation =)

Tik Il y a 1 an Répondre

Merci pour ce tuto très bien expliqué.

Adrien Il y a 1 an Répondre

J'oubliais, il est foooooortement conseillé de limiter au maximum les interrogations via l'API Facebook parce que c'est un gouffre niveau performance. Donc dès le début, tout ce que tu as déjà en session, mets le à profit. N'interroge pas l'API FB si tu as déjà une information (cf, la récupération de l'ID utilisateur Facebook).

Pour récupérer l'avatar d'un utilisateur : /uid_utilisateur/picture
Pour récupérer celui de l'utilisateur courant : /me/picture

D'ailleurs, tu ne donnes pas l'adresse de la documentation de l'API : http://developers.facebook.com/docs/api
C'est dommage quand on sait que tu "donnes" celle de FQL (qui soit dit en passant est plus comme SQL que comme MySQL)

Elle est étrange cette idée d'utiliser PDO mais d'appeler mysql_escape_string pour protéger des données, nope ?

L'erreur de déclaration de $DB, c'était grillé avant que tu recharges ta page xD Pas mieux pour le ; pour l'instruction header(); ! Y avait une fille nue à côté, c'pas possible d'être aussi distrait autrement

Quand tu affiches des données de debug, selon mes souvenirsebug (que tu utilises) permet de leur donner une meilleure gueule (avec ton print_r), je ne me souviens juste pas comment (j'ai arrêté de développer en PHP, désolé). Toutefois, au minimum encadre tes données de debug avec les balises <pre></pre>. C'est illisible sinon :P

Bon courage pour la suite !

Adrien Il y a 1 an Répondre

Faut arrêter de cliquer sur "Enregistrer les modifications" à chaque fois que tu veux changer d'onglet

Et fais "Ctrl" + "+" pour augmenter la taille de la police à la volée

benanhur Il y a 1 an Répondre

Bonjour ,

Comment pourrait ton dès que la personnes ce connect .. et d'être rédiger vers une page vip . !

hellsing Il y a 1 an Répondre

Bonsoir à tous,

Apparemment cette API à encore changer, pas les mêmes noms de paramètre par exemple.
J'ai commencé le tuto jusqu'au 13min de la vidéo et pourtant sa me redirige tout le temps sur la page facebook puis je dois remplir mon login, pourtant dans le "else" j'ai bien un print_r de $session, la session reste vide et me revois systématiquement
vers la même page facebook entrer mot de passe même si je suis déjà logé.

quelqu'un a t'il eu ce problème ?

frederic Il y a 1 an Répondre

Salut,
J'ai une question, comment connaitre l'url de déconnexion ?

if(isset($me)){
$logoutUrl = $facebook->getLogoutUrl();
}
j'ai essayer avec : $_SESSION['user']['logout'] = $logoutUrl;

et sur la page index.php :
<a href="<?=$_SESSION['user']['logout']?>"> deconnecter</a>

Le probleme est que je suis renvoyer sur la page logout de facebook mais je reste la je ne reviens pas sur ma page quelqu'un a une idée?

Merci

obde Il y a 2 ans Répondre

Bonjour, j'avais une question concernant Facebook. Peut-on importer sur son site ses derniers messages de son propre mur et éventuellement les commentaires qui s'y rattachent, à l'instar de notre dernier Tweet par exemple (tutoriel : http://www.grafikart.fr/tutoriels/afficher-dernier-tweet-100).

Merci par avance pour vos éclaircissements

lroche Il y a 2 ans Répondre

Bonjour,

Même problème que Griko un peu plus haut :
C:\wamp\www\tutofacebook\facebook-php-sdk-9147097\src\facebook.php on line 4

Dommage de s’arrêter en si bon chemin...
;)

tibotime Il y a 2 ans Répondre

Salut! Super tuto!!! Cependant, j'ai un soucis. Le retour d'autorisation bloque sur la page connect.php en affichant l'id. Pourtant la page connect.php devrait renvoyer vers index.php.
Quelqu'un aurait une idée?

Ces paramètres sont-ils bons?

URL du canevas
http://localhost :8888/.../connect.php?

URL appelée après retrait d’autorisation
http://localhost :8888/.../connect.php?

tibotime Il y a 2 ans - Répondre

Bon ok, j'avais un print_r qui bloquait la redirection.
Par contre, j'ai un autre problème...
J'ai ajouté un système de déconnexion en lien avec la page d'index.
Lorsque je me reconnecte, le champ login n'apparaît plus.
Est-ce normal?

xylo2 Il y a 2 ans Répondre

Attention, grossière erreur dans la vidéo, tinyint, ce n'est pas plus grand que les int, mais plus petit.
D'ailleurs, ça se remarque bien dans le récapitulatif de PHPMyAdmin : int(11) vs tinyint(4)

eoue Il y a 2 ans - Répondre

Il l'a rectifié avec bigint, regarde la vidéo en entier avant de faire genre le mec cool.

patate Il y a 2 ans Répondre

Sympa ton tuto, t'expliques mieux que mes profs *.*

Griko Il y a 2 ans Répondre

Bonjour je suis bien le tuto, mais à la première tentative de connection, dans la vidéo ça fonctionne mais moi j'ai cette erreur :
Fatal error: Uncaught exception 'Exception' with message 'Facebook needs the CURL PHP extension.' in P:\Site internet\EasyPHP 3.0\www\Cineco.fr\vtest\facebook_tuto\API\facebook.php:4 Stack trace: #0 P:\Site internet\EasyPHP 3.0\www\Cineco.fr\vtest\facebook_tuto\connect.php(2): require() #1 {main} thrown in P:\Site internet\EasyPHP 3.0\www\Cineco.fr\vtest\facebook_tuto\API\facebook.php on line 4

ça vient de quoi ? Que faut-il faire ?

coldragon Il y a 2 ans Répondre

Google n'a pas créé un système de connection avec sont compte google ?

Msat Il y a 2 ans Répondre

je vois pas la video

Skippy Il y a 2 ans Répondre

Tout d'abord merci pour ce tuto ( et en français !!!) qui m'a bien fait avancer dans le monde de facebook.
J'ai par contre un problème qui m'agace depuis 3 jours et je ne trouve pas de solution, sous Mozilla aucun problème par contre sous IE8 la connexion ne veut pas se faire et une fois sur deux j'ai ce type de message :
FacebookApiException Object ( [result:protected] => Array ( [error_code] => 28 [error] => Array ( [message] => connect() timed out! [type] => CurlException ) ) [message:protected] => connect() timed out! [string:private] => [code:protected] => 28 [file:protected] => /homez.31/miitoc/www/face/src/facebook.php [line:protected] => 589 [trace:private] => Array ( [0] => Array ( [file] => /homez.31/miitoc/www/face/src/facebook.php [line] => 550 [function] => makeRequest [class] => Facebook [type] => -> [args] => Array ( [0] => https://graph.facebook.com/me [1] => Array ( [method] => GET [access_token] => 117762978267222|2.J2Qyj7SqC9dP8LB1VaCXIg__.3600.1282683600-100000198758826|y0A5V-8UxapC1UBHDDuwWHwhkWA. ) ) )

Pouvez vous m'aider car là je cale...
Merci d'avance
Skippy

amira Il y a 1 an - Répondre

bonjour,
j'ai la meme erreur, avez vous trouvé la solution?? merci de m'aider

tiim-zero1 Il y a 2 ans Répondre

Bonjour à tous,

J'ai suivi se tuto avec attention mais quand je le mais en ligne sur mon site voilà se qui s'affiche après que je me soit connecté a facebook même avant d'ailleurs :

Warning: session_start() [function.session-start]: Cannot send session cache limiter - headers already sent (output started at /home/facenightc/domains/facenight.zone-irc.fr/public_html/membres/index.php:1) in /home/facenightc/domains/facenight.zone-irc.fr/public_html/membres/index.php on line 3

Je ne sais pas pourquoi ...

Cordialement
Timothé

bryandu08 Il y a 2 ans Répondre

Merci de ce tuto, j'en avait besoin !
J'ai tester d'enregistrer les images de la base de donnée et de les modifiers quand il faut modifier l'image parce qu'elle a été modifier, la base de donnée se modifier une fois la deuxiéme connexion de faite. Comment je pourez faire ?
bonne journée.

Mario Il y a 2 ans Répondre

Je me suis inscris sur Facebook il y a 2 ans pour faire plaisir à un ami, je commence tout doucement à y succomber tant bien que mal. J'ai tout de même était très réticent. Avec un oeil réaliste je dois admettre que c'est un des meilleurs moyens pour rester en contact avec ses amis ou rencontre que l'on a faite dans le passé, voir même de retrouver certain de ses anciens camarades de classe. C'est surtout ce dernier point qui m'a fait basculer.

chebix Il y a 2 ans Répondre

J'ai une question: l'api est-elle valide avec w3c?

Dimer47 Il y a 2 ans - Répondre

bé tu test est tu le sera.

Weby Il y a 2 ans Répondre

Comme jbou et iFabe :
- quel est ce super profil de couleurs,
- où en trouver ?

Encore bravo

valentin45000 Il y a 2 ans Répondre

Super mais mon serveur ne supporte pas la PDO :lol:

iFabe Il y a 2 ans Répondre

Comme dit si bien jbou:

Petite question à par pour Grafikart.
J’aurais aimé savoir quel est le profil de couleur que tu utilise sur netBeans, car il rend plutôt bien
Merci d’avance pour ta réponse

robin Il y a 2 ans Répondre

c'est génial .

Ça va m'être bien utile pour le développement de mon site ! et twitter serai le bien venu aussi mais je conçoit que tu n'as que deux bras .

Cordialement, Robin.

Corentin Il y a 2 ans Répondre

Jolie tuto c'est en cours de teste pour moi ^^

prettygreen Il y a 2 ans Répondre

Merci ! Pour ma part je préfère cette présentation des tutos

Eski Il y a 2 ans Répondre

Je me disais qu'il fallait que j'apprend ce fb Connect et BAM! t'as fait un tuto pour ça :D
MERCI infiniment

Aminee ; Il y a 2 ans Répondre

merci grafikart Supeeeer tuto

( tu peu me donner se Theme de windows ) ?

Alexx Il y a 2 ans Répondre

Bonjour, tous d'abord MERCI pour les tutos, c'est génial
Voila je rencontre un problème, j'ai testé le tutoriel, et arrivé au moment où l'on clique sur le lien, je tombe sur une page blanche, pas moyen de remédier au problème..
Est-ce Wamp qui bloque ?
Bonne continuation!

gillou63 Il y a 2 ans Répondre

Super tuto, et facile à adapter.
Le seul truc pas cool avec facebook c’est qu’ils sont toujours en train de modifier leur api

Petite question à par pour Grafikart.
J’aurais aimé savoir quel est le profil de couleur que tu utilise sur netBeans, car il rend plutôt bien
Merci d’avance pour ta réponse

iFabe Il y a 2 ans Répondre

Hehe, bonne idée de tuto j
e regarde ça des que je rente

merci grafikart:)

P@co Il y a 2 ans Répondre

Encore une fois, tu as fait du très bon travail... Je gardes cela dans un coin, ça va me resservir c'est sûr ! Merci Julien et bon courage pour tes projets, j'espère que tu t'en sors !

newo Il y a 2 ans Répondre

Hâte de regarder ça. Je cherchais justement hier comment l'installer mais la doc facebook est bordélique à souhait.

LimeCitrus Il y a 2 ans Répondre

Bravo! Encore une fois c'est du caviar!
Un Grand merci

Ph3nol Il y a 2 ans Répondre

Très bon tuto, utile et pratique.

Il ne manquera plus que l'oAuth Twitter pour nous combler de joie ;-)

Merci pour ce travail de qualité.

leknoppix Il y a 2 ans Répondre

Comme toujours, super bien expliquer.

tontonrimka Il y a 2 ans Répondre

Oui effectivement c'est pas mal

La Chose Il y a 2 ans Répondre

Tient, tu as changé le design de présentation des tutoriel ?
c'est mieux car la video est plus grande !
merci !

Grafikart Il y a 2 ans - Répondre

J'expérimente pour la présentation des tutoriels, Ce format permet de regarder directement la vidéo sur le site sans forcément passer en plein écran

Laisser un commentaire

Si vous avez une question il est conseillé d'utiliser le forum si vous voulez une réponse sûre.