Nwlapcug.com


Come installare Facebook JavaScript SDK

Facebook fornisce un Kit di sviluppo Software JavaScript, o SDK, che fornisce i metodi e le utilità necessarie per sviluppare applicazioni Facebook utilizzando JavaScript. Prima di poter scaricare e installare Facebook JavaScript SDK, è necessario creare e registrare un'applicazione con Facebook al fine di ottenere un ID applicazione da utilizzare con il SDK.

Istruzioni

1

Spostarsi nella pagina di installazione di Facebook Developers su Facebook a developers.facebook.com/setup. Immettere un nome di sito e l'URL, se necessario, regolare le impostazioni internazionali e fare clic su "Crea applicazione" per creare un'applicazione Facebook. Inserisci le parole di sicurezza quando richiesto. Registrare il "App ID" e "App segreto" per l'applicazione ed esaminare il codice di esempio per vedere come vengono utilizzati.

2

Fare clic su "Documentazione" dal menu "Facebook Developers". Fare clic su "SDK & Tools" dal menu a sinistra. Fare clic su "JavaScript SDK" dall'elenco degli SDK e strumenti.

3

Creare un nuovo documento HTML utilizzando blocco note o un editor HTML. Inserire le intestazioni HTML e un corpo vuoto. Chiudere tutti i tag:

<! DOCTYPE HTML >

< html lang = "it" >

< head >

< meta charset = "utf-8" >

< title > applicazione Facebook < / title >

< / head >

< corpo >

< / body >

< / html >

4

Inserire un vuoto < div > con l'id "fb-root" nel documento dopo il tag di apertura < corpo >:

< div id = "fb-root" >< / div >

5

Inserire lo script JavaScript che consentirà di caricare in modo asincrono Facebook JavaScript SDK in tandem con il resto della pagina. Aggiungere alla pagina dopo il tag "fb-root" < div >:

< script >

window.fbAsyncInit = function () {

FB.init({appID: 'appid', status:true, cookie:true, xfbml:true});

(function() {

var fbload = document.createElement("script");

fbload.src = document.location.protocol + "//connect.facebook.net/en_US/all.js";

fbload.async = true;

document.getElementById("fb-root").appendChild(fbload);

} () );

}

< / script >