Facebook fournit un kit JavaScript de développement logiciel ou SDK, qui fournit les méthodes et les utilitaires nécessaires pour développer des applications Facebook en utilisant JavaScript. Avant que vous pouvez télécharger et installer le SDK Facebook JavaScript , vous devez créer et enregistrer une application avec Facebook afin d'obtenir un ID d'application à utiliser avec le SDK. Instructions
1

Accédez à la page de configuration de Facebook Developers sur Facebook à developers.facebook.com /setup . Entrez un nom de site et l'URL , ajuster les paramètres régionaux si nécessaire et cliquez sur "Créer App" pour créer une application Facebook . Entrez les termes de sécurité lorsque vous êtes invité . Notez le "ID App " et " App Secret" pour l'application et d'examiner l'exemple de code pour voir comment ils sont utilisés.
2

Cliquez sur " Documentation " dans le menu " Facebook Developers " . Cliquez sur " SDK et outils" dans le menu sur la gauche. Cliquez sur " JavaScript SDK " de la liste des kits de développement logiciel et des outils.
3

Créer un nouveau document HTML en utilisant le Bloc-notes ou un éditeur HTML. Insérez les en-têtes HTML et un corps vide. Fermez toutes les balises: Photos

< meta charset = " utf-8" > Photos

Facebook Hôtels 4 <p> Insérer une <div> vide avec l' id " fb- root" dans le document après la balise body d'ouverture : <br> <p> <div id = " fb- root" > </div> <br> 5 <p> Insérer le script JavaScript qui charge de façon asynchrone le Facebook JavaScript SDK en tandem avec le reste de la page. Ajoutez-le à la page après le " fb -root " tag clés: Photos <p> <script> <br> <p> window.fbAsyncInit = function () { <br> <p> FB . init ( { appID : « appid ' , status: true , biscuit : true , XFBML : true} ) ; <br> <p> ( function () { var <br> <p> fbload = document.createElement ( " script " ) ; <br> <p> fbload.src = document.location.protocol + "//connect.facebook.net /fr_FR /all.js " ; <br> <p> fbload.async = true; <br> < . p> document.getElementById (" fb- root" ) appendChild ( fbload ) ; <br> <p> } ()); } <br> <p> <br> <p> </script> Photos <br> <div class=fr4><script language='javascript' src='http://www.ordinateur.cc/ad/fr/4.js'></script></div> <div class=fr5><script language='javascript' src='http://www.ordinateur.cc/ad/fr/5.js'></script></div> </td> </tr> </table> <table width="95%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="center" > </td> </tr> </table> <table width="95%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td height="39" align="left" >Article précédent：<span class="nr"> <a class='LinkPrevArticle' href='/programmation/Programmation-JavaScript/90938.html' >Risques avec JavaScript </a></li></span><br /> Article suivant：<span class="nr"> <a class='LinkNextArticle' href='/programmation/Programmation-JavaScript/90940.html' >Comment faire pivoter le texte selon le degré de JavaScript </a></li></span></td> </tr> </table> <table width="95%" height="10" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" ></td> </tr> </table> <table width="96%" height="22" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#EFEFEF"> <tr> <td width="2%" align="left" ></td> <td width="98%" align="left" >Articles recommandés</td> </tr> </table> <table width="95%" height="10" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" ></td> </tr> </table> <table width="95%" height="10" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" > <li><a href="/programmation/Programmation-JavaScript/91163.html">Tutoriel JavaScript et référence </a></li><li><a href="/programmation/Programmation-JavaScript/90961.html">Comment placer des fonctions JavaScript dans Footer </a></li><li><a href="/programmation/Programmation-JavaScript/90873.html">Comment ouvrir les fichiers Javascript </a></li><li><a href="/programmation/Programmation-JavaScript/91252.html">Tutoriel sur la façon de menus déroulants en Java Script </a></li><li><a href="/programmation/Programmation-JavaScript/90839.html">Framesets correct pour JavaScript </a></li><li><a href="/programmation/Programmation-JavaScript/90915.html">Comment utiliser JavaScript pour créer un premier facteur numéro </a></li><li><a href="/programmation/Programmation-JavaScript/91187.html">Comment activer le contrôle du serveur en utilisant JavaScript </a></li><li><a href="/programmation/Programmation-JavaScript/90914.html">Comment cacher une redirection </a></li><li><a href="/programmation/Programmation-JavaScript/90881.html">Différence entre Pop & Splice en Javascript </a></li><li><a href="/programmation/Programmation-JavaScript/91133.html">Comment faire pour rediriger les utilisateurs mobiles </a></li> </td> </tr> </table> <table width="95%" height="10" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" ></td> </tr> </table></td> </tr> </table> <table width="980" height="12" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td></td> </tr> </table> <table width="980" height="90" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#3597E2"> <tr> <td align="center" class="foot">Connaissances Informatiques © http://www.ordinateur.cc <br /> </td> </tr> </table>   </body> </html>