Programação  
 
Conhecimento computador >> Programação >> JavaScript Programação >> 
Como instalar o Facebook JavaScript SDK
Facebook fornece um Software Development Kit JavaScript , ou SDK, que fornece os métodos e utilitários necessários para desenvolver aplicativos do Facebook usando JavaScript. Antes que você pode baixar e instalar o Facebook JavaScript SDK , você precisa criar e registrar um aplicativo com o Facebook , a fim de obter uma ID de aplicativo para usar com o SDK. Instruções
1

Navegue até a página de configuração do Facebook Developers no Facebook em developers.facebook.com /setup . Digite um nome de site e URL , ajuste o locale se necessário, e clique em "Criar App" para criar um aplicativo do Facebook . Digite as palavras de segurança quando for solicitado. Anote o "App ID " e " App secreto" para a aplicação e revisão do código de exemplo para ver como eles são usados.
2

Clique em " Documentação" do menu " Facebook Developers " . Clique em " SDKs e Ferramentas " no menu à esquerda. Clique em " JavaScript SDK" da lista de SDKs e ferramentas.
3

Crie um novo documento HTML utilizando o bloco de notas ou um editor HTML. Insira os cabeçalhos HTML e um corpo em branco. Feche todas as tags:




< meta charset = " utf-8" >

Facebook <br> 4 <p> Insira um <div> vazia com o id " fb- root" no documento após a abertura <body> tag: <br> <p> <div id = " root fb" > </div> <br> 5 <p> Insira o script JavaScript que forma assíncrona carregar o Facebook JavaScript SDK em conjunto com o resto da página . Adicione a página após o " fb- root" <div> tag: <br> <p> <script> <br> <p> window.fbAsyncInit = function () { <br> <p> FB . init ( { appID : ' appid ' , status: true, cookie: true, XFBML : true }); <br> <p> (function () { var <br> <p> fbload = document.createElement ( " roteiro " ); <br> <p> fbload.src = document.location.protocol + "//connect.facebook.net /pt_BR /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=ptad2><script language='javascript' src='/ad/201310/4.js'></script></div> </div> </div> <div class=ptnrx></div> <table width="91%" height="52" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="51%"><p>Anterior : <a class='LinkPrevArticle' href='http://ptcomputador.com/P/javascript-programming/90938.html' >Riscos com Javascript </a> </p></td> </tr> <tr> <td width="49%"> Próximo : No</li></td> </tr> </table></td> </tr> </table> <div class=bai7></div> <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"> Os artigos 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="http://ptcomputador.com/P/javascript-programming/90749.html" title="Feito , mas com erros no IE JS Objeto esperado " target="_self">Feito , mas com erros no IE JS Objeto esperado </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/javascript-programming/90874.html" title="Como instalar GAPro no JW Player " target="_self">Como instalar GAPro no JW Player </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/javascript-programming/90915.html" title="Como usar o JavaScript para criar um número primo Fator " target="_self">Como usar o JavaScript para criar um número primo Fato…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/javascript-programming/90772.html" title="Javascript e Expressões Regulares para códigos postais " target="_self">Javascript e Expressões Regulares para códigos postai…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/javascript-programming/90895.html" title="Como testar XSS vulnerabilidade " target="_self">Como testar XSS vulnerabilidade </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/javascript-programming/90797.html" title="Como navegar de jQuery Modal janela para outra página " target="_self">Como navegar de jQuery Modal janela para outra página </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/javascript-programming/90824.html" title="Como Fazer um Google Map Overlay " target="_self">Como Fazer um Google Map Overlay </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/javascript-programming/90837.html" title="Exemplos básicos de JQuery " target="_self">Exemplos básicos de JQuery </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/javascript-programming/90936.html" title="Como determinar as coordenadas de um elemento em JavaScript " target="_self">Como determinar as coordenadas de um elemento em JavaSc…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/javascript-programming/90909.html" title="Como remover Minus e Plus Personagens em Javascript " target="_self">Como remover Minus e Plus Personagens em Javascript </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">Artigos em destaque </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="http://ptcomputador.com/P/java-programming/90740.html" title="Como ler um arquivo com Java " target="_self">Como ler um arquivo com Java </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/cc-programming/85898.html" title="Como criar um aplicativo de console C , que atua como uma calculadora simples " target="_self">Como criar um aplicativo de console C , que atua como u…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/java-programming/89019.html" title="Como obter um JApplet Em JPanel " target="_self">Como obter um JApplet Em JPanel </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/computer-programming-languages/88587.html" title="Como criar diagramas de classes " target="_self">Como criar diagramas de classes </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/computer-programming-languages/87972.html" title="Como alterar uma base de código " target="_self">Como alterar uma base de código </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/cc-programming/85438.html" title="Como converter LPSTR para INT " target="_self">Como converter LPSTR para INT </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/computer-programming-languages/87622.html" title="Como enviar um e-mail com o PowerShell " target="_self">Como enviar um e-mail com o PowerShell </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/computer-programming-languages/87036.html" title="Como descobrir se uma letra é maiúscula em C Sharp " target="_self">Como descobrir se uma letra é maiúscula em C Sharp </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/computer-programming-languages/87263.html" title="O que é o Microsoft WPF " target="_self">O que é o Microsoft WPF </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/computer-programming-languages/87889.html" title="Como exibir uma tela de erro personalizada quando Reiniciando CF " target="_self">Como exibir uma tela de erro personalizada quando Reini…</a></td></tr><tr></tr></table></td> </tr> </table></td> </tr> </table></td> </tr> </table></td> </tr> </table> <div class=bai7></div> <div class="ptbottom bs"> Cop e direita © Conhecimento computador http://ptcomputador.com Todos os Direitos Reservados <script language='javascript' src='/ad/201310/1.js'></script> </div> </div> </body> </html>