Die Facebook JavaScript SDK installieren

May 18

Facebook liefert ein JavaScript Software Development Kit oder SDK, die die Methoden und Werkzeuge für die Entwicklung von Facebook-Anwendungen mit JavaScript. Bevor Sie download und Installation des Facebook JavaScript SDK können, müssen Sie erstellen und eine Anwendung bei Facebook registrieren, um eine Anwendungs-ID zur Verwendung mit dem SDK zu erhalten.

Anweisungen

1 Navigieren Sie zu der Facebook Developers-Setup-Seite auf Facebook bei developers.facebook.com/setup. Geben Sie einen Site-Namen und die URL, passen Sie das Gebietsschema an, bei Bedarf, und klicken Sie auf "App erstellen", um eine Facebook-Anwendung erstellen. Geben Sie die Sicherheit-Wörter, wenn Sie dazu aufgefordert werden. Zeichnen Sie auf "App-ID" und "App-Secret" für die Anwendung und überprüfen Sie den Beispiel-Code, um zu sehen, wie sie verwendet werden.

2 Klicken Sie auf "Dokumentation" aus dem Menü "Facebook Developers". Klicken Sie im Menü auf der linken Seite "SDKs & Tools". Klicken Sie auf "JavaScript SDK" aus der Liste der SDKs und Tools.

3 Erstellen Sie ein neues HTML-Dokument mithilfe von Editor oder einen HTML-Editor. Die HTML-Header und eine leere Stelle einfügen. Schließen Sie alle Tags:

<! DOCTYPE HTML >

< html Lang = "de" >

< Head >

< Meta Charset = "Utf-8" >

< Title > Facebook Anwendung < / title >

< / head >

< Körper >

< / body >

< / html >

4 Ein leeres < Div > mit der Id "fb-Root" in das Dokument nach dem Starttag < Körper > Einfügen

< Div Id = "fb-Root" >< / Div >

5 Legen Sie das JavaScript-Skript, das asynchron die Facebook JavaScript SDK im Tandem mit dem Rest der Seite geladen wird. Nach dem "fb-Root" < Div >-Tag auf der Seite einfügen:

< Skript >

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 >