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="escomad2"><script language='javascript' src='http://www.ordenador.online/ad/es/2.js'></script></div>
</div>
<div class=contentpage>
<div class=p1>Página anterior: <a class='LinkPrevArticle' href='http://www.ordenador.online/Programacion/JavaScript-Programación/Los-riesgos-con-JavaScript-.html' >Los riesgos con JavaScript </a> </div>
<div class=p2>Página siguiente: <a class='LinkNextArticle' href='http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-girar-texto-de-Licenciado-en-JavaScript-.html' >Cómo girar texto de Licenciado en JavaScript </a> </div>
</div>
<dl class=xgc>
<dt><span>JavaScript Programación</span></dt>
<dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-colocar-las-funciones-de-JavaScript-en-Pie-.html">Cómo colocar las funciones de JavaScript en Pie </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/JavaScript-Nodo-Tipos-.html">JavaScript Nodo Tipos </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-comparar-String-de-Java-Script-.html">Cómo comparar String de Java Script </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-actualizar-Literal-JavaScript-.html">Cómo actualizar Literal JavaScript </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-llenar-un-cuadro-combinado-con-JavaScript-.html">Cómo llenar un cuadro combinado con JavaScript </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-cambiar-un-atributo-de-clase-CSS-con-Javascript-.html">Cómo cambiar un atributo de clase CSS con Javascript </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Internet-Explorer-6-Javascript-Problemas-de-cabecera-.html">Internet Explorer 6 Javascript Problemas de cabecera </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/¿Qué-hace-JavaScript-.html">¿Qué hace JavaScript </a></dd>
</dl>
</div>
<!--right-->
<div class=rightmain>
<div class=esrightlist>
<div class=e1>Los últimos artículos de equipo</div>
<ul>
<li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/JavaScript--Apostrophe-Problema-en-el-URL-.html" >JavaScript: Apostrophe Problema en el URL </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cambiar-el-puntero-del-ratón-en-Javascript-.html" >Cambiar el puntero del ratón en Javascript </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Lightbox-Vs---Lightbox-2-.html" >Lightbox Vs . Lightbox 2 </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-utilizar-JavaScript-y-PHP-en-la-validación-de-formularios-.html" >Cómo utilizar JavaScript y PHP en la validación de formularios </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-deshabilitar-CSS-Hover-con-JavaScript-.html" >Cómo deshabilitar CSS Hover con JavaScript </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-configurar-el-fondo-de-animación-en-una-página-Web-.html" >Cómo configurar el fondo de animación en una página Web </a> </li>
</ul>
</div>
<div class=esrightlist>
<div class=e1>Artículos de la popular computadora</div>
<ul>
<li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-matar-Browser-Descargas-Con-Javascript-.html" >Cómo matar Browser Descargas Con Javascript </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-convertir-Javascript-Variable-de-texto-.html" >Cómo convertir Javascript Variable de texto </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/El-desarrollo-de-Google-Maps-API-.html" >El desarrollo de Google Maps API </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-enviar-una-función-JavaScript-en-un-hipervínculo-.html" >Cómo enviar una función JavaScript en un hipervínculo </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Efectos-secuenciales-en-jQuery-.html" >Efectos secuenciales en jQuery </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Tutorial-sobre-la-forma-de-menús-desplegables-en-Java-Script-.html" >Tutorial sobre la forma de menús desplegables en Java Script </a></li>
</ul>
</div>
<div class="esrightad">
<script language='javascript' src='http://www.ordenador.online/ad/es/r.js'></script>
</div>
<div class=esrightlist>
<div class=e1>Más categorías</div>
<ul>
<li><a href='http://www.ordenador.online/Programacion/C--C-----Programming/' target="_self">C /C + + Programming</a></li>
<li><a href='http://www.ordenador.online/Programacion/Lenguajes-De-Programación/' target="_self">Lenguajes De Programación</a></li>
<li><a href='http://www.ordenador.online/Programacion/Delphi-Programación/' target="_self">Delphi Programación</a></li>
<li><a href='http://www.ordenador.online/Programacion/Programación-Java/' target="_self">Programación Java</a></li>
<li><a href='http://www.ordenador.online/Programacion/JavaScript-Programación/' target="_self">JavaScript Programación</a></li>
<li><a href='http://www.ordenador.online/Programacion/Programación-PHP--MySQL/' target="_self">Programación PHP /MySQL</a></li>
<li><a href='http://www.ordenador.online/Programacion/Perl-Programming/' target="_self">Perl Programming</a></li>
<li><a href='http://www.ordenador.online/Programacion/Python-Programming/' target="_self">Python Programming</a></li>
<li><a href='http://www.ordenador.online/Programacion/Rubí-Programación/' target="_self">Rubí Programación</a></li>
<li><a href='http://www.ordenador.online/Programacion/Visual-Basics-Programación/' target="_self">Visual Basics Programación</a></li>
</ul>
</div>
</div>
<!--right end-->
<div class="cl"></div>
</div>
<div class=esfoot>
<div class=copy>Conocimientos Informáticos © http://www.ordenador.online</div>
</div>
</body>
</html> 