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=ad2><script language='javascript' src='/ad/201310/4.js'></script></div>
</div>
</td>
</tr>
</table>
<table width="95%" height="1" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#DEE7EE">
<tr>
<td></td>
</tr>
</table>
<table width="100%" height="7" border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<table width="91%" height="52" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="51%"><p>Previous ： <a class='LinkPrevArticle' href='/programmation/javascript-programming/90938.html' >Risques avec JavaScript </a></li></p></td>
</tr>
<tr>
<td width="49%"> next ： <a class='LinkNextArticle' href='/programmation/javascript-programming/90940.html' >Comment faire pivoter le texte selon le degré de JavaScript </a></li></td>
</tr>
</table></td>
</tr>
</table>
<table width="100%" height="7" border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<table width="770" height="246" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="375" height="246" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian">
<tr>
<td height="244" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="img_dm/danmai_r4_c04 -.jpg" bgcolor="#DBE3EE">
<tr>
<td width="4%" height="29"> </td>
<td width="96%" class="lan_lm"> articles connexes </td> </tr>
</table>
<table width="95%" height="209" border="0" align="center" cellpadding="0" cellspacing="4">
<tr>
<td height="201"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/javascript-programming/90903.html" title="Comment désactiver Javascript lorsque vous utilisez Sélénium " target="_self">Comment désactiver Javascript lorsque vous utilisez Sé…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/javascript-programming/90762.html" title="Qu'est-ce que Javascript Void ne peut pas ouvrir Moyenne " target="_self">Qu'est-ce que Javascript Void ne peut pas ouvrir Moyenn…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/javascript-programming/91075.html" title="Comment exécuter un script Java externe lorsqu'une page Web HTML charges " target="_self">Comment exécuter un script Java externe lorsqu'une pag…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/javascript-programming/90862.html" title="Comment rendre le contenu coulissante dans jQuery " target="_self">Comment rendre le contenu coulissante dans jQuery </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/javascript-programming/91091.html" title="Comment mettre la page Imprimer la limite en JavaScript " target="_self">Comment mettre la page Imprimer la limite en JavaScript…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/javascript-programming/90760.html" title="Java Script Vérification du formulaire de saisie de texte pour les caractères spéciaux " target="_self">Java Script Vérification du formulaire de saisie de te…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/javascript-programming/90787.html" title="Comment faire un Panier JavaScript " target="_self">Comment faire un Panier JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/javascript-programming/91265.html" title="Comment vérifier la valeur nulle dans JavaScript " target="_self">Comment vérifier la valeur nulle dans JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/javascript-programming/91041.html" title="Comment pouvez-vous définir une constante en JavaScript " target="_self">Comment pouvez-vous définir une constante en JavaScrip…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/javascript-programming/90795.html" title="JavaScript Fonctions à accepter des paramètres nommés " target="_self">JavaScript Fonctions à accepter des paramètres nommé…</a></td></tr><tr></tr></table></td>
</tr>
</table></td>
</tr>
</table></td>
<td width="20" valign="top"></td>
<td width="375" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian">
<tr>
<td height="244" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="img_dm/danmai_r4_c04 -.jpg" bgcolor="#DBE3EE">
<tr>
<td width="4%" height="29"> </td>
<td width="96%" class="lan_lm">articles en vedette </td> </tr>
</table>
<table width="95%" height="207" border="0" align="center" cellpadding="0" cellspacing="4">
<tr>
<td height="199"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/php-mysql-programming/92440.html" title="Comment faire pour modifier PHP dans Thèse " target="_self">Comment faire pour modifier PHP dans Thèse </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/visual-basics-programming/95683.html" title="Comment faire un script proxy avec Visual Basic " target="_self">Comment faire un script proxy avec Visual Basic </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/computer-programming-languages/88287.html" title="Comment faire un roulement ou Mouseover " target="_self">Comment faire un roulement ou Mouseover </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/computer-programming-languages/88459.html" title="Comment puis-je modifier les fichiers FLP " target="_self">Comment puis-je modifier les fichiers FLP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/cc-programming/86242.html" title="Comment utiliser la fonction Memset en C + + " target="_self">Comment utiliser la fonction Memset en C + + </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/java-programming/90058.html" title="À propos de Java Virtual Machine " target="_self">À propos de Java Virtual Machine </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/php-mysql-programming/92320.html" title="Comment utiliser PHP: Exec " target="_self">Comment utiliser PHP: Exec </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/visual-basics-programming/94612.html" title="Comment faire pour convertir Seconds to Time for Visual Basic 6 " target="_self">Comment faire pour convertir Seconds to Time for Visual…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/java-programming/89248.html" title="NetBeans Fonction de recherche " target="_self">NetBeans Fonction de recherche </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/visual-basics-programming/95194.html" title="Comment modifier la police arborescence dans Vb.Net " target="_self">Comment modifier la police arborescence dans Vb.Net </a></td></tr><tr></tr></table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
<table width="980" height="8" border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=980 bgColor=#36506e height=90>
<tr>
<td class=bs height=90 align=middle>Copyright © Connaissances Informatiques http://fr.wingwit.com
<script language='javascript' src='/ad/201310/1.js'></script></td>
</tr>
</table>
</div>
</body>
</html>
