Facebook proporciona un kit de desarrollo de software con JavaScript o SDK, que proporciona los métodos y herramientas necesarias para el desarrollo de aplicaciones de Facebook utilizando JavaScript . Antes de descargar e instalar el Facebook JavaScript SDK , es necesario crear y registrar una aplicación con Facebook para obtener un ID de aplicación para usar con el SDK. Instrucciones
1
Vaya a la página de configuración de desarrolladores de Facebook en Facebook en developers.facebook.com /configuración. Introduzca un nombre de sitio y la URL , ajuste la configuración regional si es necesario y haga clic en "Create App" para crear una aplicación de Facebook. Introduzca las palabras de seguridad cuando se le solicite . Anote el " App ID " y "App Secret " para la aplicación y revisar el código de ejemplo para ver cómo se utilizan .
2 Haga clic en " Documentación" en el menú " Facebook Desarrolladores " . Haga clic en " SDK y herramientas " en el menú de la izquierda. Haga clic en " JavaScript SDK " en la lista de SDK y herramientas.
3
Crear un nuevo documento HTML utilizando el Bloc de notas o un editor HTML. Inserte los encabezados de HTML y un cuerpo blanco. Cerrar todas las etiquetas :
< meta charset = " utf - 8 ">
Facebook Página 4 <p> Inserte una <div> vacío con el id " fb -root " en el documento después de la etiqueta de apertura <body> : <br> <p> < div id = " fb- root" > < /div > <br> 5 <p> Inserte la secuencia de comandos JavaScript que forma asincrónica cargar el Facebook JavaScript SDK en conjunto con el resto de la página . Agregar a la página después de la " fb- root" tag <div> : <br> <p> <script> <br> <p> window.fbAsyncInit = function ( ) { <br> <p> FB . init ({ appID : ' appid ' , estado : true, cookie: verdad, XFBML : true} ) ; <br> <p> (function ( ) { var <br> <p> fbload = document.createElement ( "script" ) ; <br> <p> fbload.src = document.location.protocol + "//connect.facebook.net /en_US /all.js " ; <br> <p> fbload.async = true; <br> < . p> document.getElementById ( "fb -root ") appendChild ( fbload ) ; <br> <p> } ()); } <br> <p> <br> <p> < /script > <br> <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='/Programacion/javascript-programming/90938.html' >Los riesgos con JavaScript </a></li></p></td>
</tr>
<tr>
<td width="49%"> next ： <a class='LinkNextArticle' href='/Programacion/javascript-programming/90940.html' >Cómo girar texto de Licenciado en 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"> Artículos relacionados </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="/Programacion/javascript-programming/90784.html" title="Tutorial de jQuery y Google Maps " target="_self">Tutorial de jQuery y Google Maps </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91002.html" title="Cómo ocultar Javascript Checkbox " target="_self">Cómo ocultar Javascript Checkbox </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91163.html" title="JavaScript Tutorial y Referencia " target="_self">JavaScript Tutorial y Referencia </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91252.html" title="Tutorial sobre la forma de menús desplegables en Java Script " target="_self">Tutorial sobre la forma de menús desplegables en Java …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90816.html" title="Cómo usar jQuery para insertar un ancla " target="_self">Cómo usar jQuery para insertar un ancla </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91203.html" title="Cómo redirigir una página Web en Javascript " target="_self">Cómo redirigir una página Web en Javascript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90865.html" title="Cómo habilitar validadores de ASP.NET con JavaScript " target="_self">Cómo habilitar validadores de ASP.NET con JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91055.html" title="Cómo cambiar de mesa colores de fondo con Javascript " target="_self">Cómo cambiar de mesa colores de fondo con Javascript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91215.html" title="Comunes estilos de fuente " target="_self">Comunes estilos de fuente </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91045.html" title="Cómo cambiar el texto HTML en entrada jQuery " target="_self">Cómo cambiar el texto HTML en entrada jQuery </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">Artículos destacados </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="/Programacion/computer-programming-languages/87020.html" title="Cómo pasar variables de CGI de un conjunto de marcos " target="_self">Cómo pasar variables de CGI de un conjunto de marcos </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91143.html" title="Cómo hacer tinta reciclado " target="_self">Cómo hacer tinta reciclado </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/java-programming/90422.html" title="Cómo utilizar JavaMail para enviar un correo electrónico HTML " target="_self">Cómo utilizar JavaMail para enviar un correo electrón…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/php-mysql-programming/92974.html" title="¿Cómo leer el contenido de una página Web remota mediante PHP " target="_self">¿Cómo leer el contenido de una página Web remota med…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/php-mysql-programming/92287.html" title="Cómo crear una matriz de objetos en PHP " target="_self">Cómo crear una matriz de objetos en PHP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/php-mysql-programming/91765.html" title="Cómo crear un formulario de suscripción a la revista con HTML y PHP " target="_self">Cómo crear un formulario de suscripción a la revista …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/88918.html" title="Cómo Multiplicar enteros con los cambios Bit " target="_self">Cómo Multiplicar enteros con los cambios Bit </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/cc-programming/85973.html" title="Un tutorial sobre Microsoft Visual Studio C + + " target="_self">Un tutorial sobre Microsoft Visual Studio C + + </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/86932.html" title="Cómo convertir un subformulario a un cuadro de lista " target="_self">Cómo convertir un subformulario a un cuadro de lista </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/visual-basics-programming/95203.html" title="Cómo enviar un archivo adjunto de correo electrónico en Vb.Net " target="_self">Cómo enviar un archivo adjunto de correo electrónico …</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 © Conocimientos Informáticos http://ordenador.wingwit.com
<script language='javascript' src='/ad/201310/1.js'></script></td>
</tr>
</table>
</div>
</body>
</html>
