Sie sind hier

E-Book

Praxishandbuch Facebook-Programmierung

Autor	Klaus Breyer, Kornelius Nägele, Stephan Alber
Verlag	O'Reilly Verlag
Erscheinungsjahr	2015
Seitenanzahl	336 Seiten
ISBN	9783955617950
Format	PDF/ePUB
Kopierschutz	kein Kopierschutz/DRM
Geräte	PC/MAC/eReader/Tablet
Preis	27,99 EUR

'Praxishandbuch Facebook-Programmierung' zeigt, dass man keine außergewöhnlichen Hürden nehmen muss, um Teil der technischen Facebook-Welt zu werden. Die Anforderungen an Facebook-Anwendungsprogrammierer unterscheiden sich nicht sonderlich von den gängigen, modernen Web-Techniken. Im Buch wird der Einsatz der JavaScript- und PHP-Entwicklungswerkzeuge von Facebook anhand praktischer Beispiele erklärt. Die Autoren starten sofort mit einer ersten Facebook-Anwendung, um die Einrichtung eines Entwickler-Account und einer ersten Anwendungsinstanz zu zeigen. Ans Eingemachte geht es, wenn der Aufbau der Facebook-API erklärt wird, welche Endpunkte es dabei gibt und wie sie mit den Facebook SDKs angesprochen werden können. Da die Graph-API der Grundbaustein für jegliche Facebook-Plattform-Funktionalität ist, wird dem Thema ein ganzes Kapitel gewidmet. Twitter Bootstrap, Parse und JavaScript-Templates mittels Handlebars schließen den Grundlagenteil ab. Über die praktische Erstellung von Anwendungen stellen die Autoren die ganze Bandbreite der Facebook-Plattform vor. Die Anwendungsbeispiele behandeln Themen wie Location-Services, der Umgang mit Bildern und die Implementierung von Wettbewerben. Dabei werden auch erweiterte Features wie die Darstellung von Open-Graph-Stories im Newsfeed behandelt. Im Anschluss bringen die Autoren dem Leser Facebook-Plattform-Features näher, die sich speziell zum Einsatz in Spielen eignen. Da sich ein Spiel nicht von alleine verbreitet, erfährt der Leser auch, wie man Highscores und Achievements veröffentlicht. Mit der Einführung der Graph API 2.0 verstärkt Facebook seine Ambitionen zum Schutz der Privatsphäre seiner Nutzer. Als Teil dieser Initiative ist für Funktionen, die auf besonders persönliche Nutzerdaten zugreifen, ein Freigabeprozess geschaltet. Der Leser erfährt, wie dieser Prozess gemeistert werden kann. Das Buch schließt mit dem Thema Facebook-App Analytics ab.

Kaufen Sie hier:

Horizontale Tabs

Leseprobe

Bevor es im folgenden Kapitel an die Entwicklung der ersten Facebook-Anwendungen geht, möchten wir kompakt noch ein paar kleine Helfer vorstellen:

JavaScript Templates: Moderne, flexible Webanwendungen basieren meist auf einem intensiven Einsatz von JavaScript und dem dynamischen Laden von Daten. Das Aktualisieren einzelner DOM-Elemente hat auf Dauer keine Perspektive. Stattdessen werden wir in unseren Tutorien das JavaScript Template-System Handlebars werden.
Twitter Bootstrap: Bootstrap ist ein freies CSS-Framework. Es enthält auf HTML und CSS basierende Gestaltungsvorlagen für Formulare, Buttons, Tabellen und andere Oberflächengestaltungselemente. Für das Entwickeln der Test-Anwendungen wird das Framework nicht zwingend benötigt, doch bekanntlich isst das Auge mit, zudem erleichtert es die Arbeit etwas.
Parse: Im ersten Kapitel des Buches hatten wir den Facebook Service Parse oberflächlich angesprochen. In Diesem werden wir erklären wie eine Parse-Anwendung eingerichtet wird, wie der Parse JavaScript SDK eingebaut wird, wie Daten gespeichert und gelesen werden als auch weitere interessante Themen wie Cloud Code und Cron Jobs.

Weder für den Autor noch für den Leser sehr ansprechend. Um etwas Ordnung in diesen Bereich zu bringen, haben wir uns für die Verwendung der JavaScript-Template-Bibliothek Handlebars entschlossen. Mit Handlebars können semantische Templates auf einfache und schnelle Weise gebaut werden.

Das Tool kann entweder von http://handlebarsjs.com/ heruntergeladen werden oder über folgende (inoffizielle) CDN URL eingebunden werden:

Handlebars Templates verwenden normale HTML Tags, ergänzt um Funktionen bzw. Variablen (Handlebar Expressions):

<div class="entry"> <h1>{{title}}</h1> <div class="body"> {{body}} </div> </div>

Handlebars-Expressions sind von zwei geschweiften Klammern eingeschlossen. Bei der Kompilierung der Templates werden diese Platzhalter durch die Werte der entsprechenden Variablen ersetzt.

Es gibt verschiedene Ansätze die Templates auszuliefern. Der einfachste ist, die s per <script> Tag in eine HTML-Seite einzubinden:

Das Template wird in JavaScript via Handlebars.compile kompiliert:

var source = $("#entry-template").html(); var template = Handlebars.compile(source);

Die Variable template ist eine Referenz auf eine Funktion, die sowohl das Template als auch Template-Logik enthält. An die Funktion können key-value Paare in Form eines JavaScript-Objekts übergeben werden:

var context = { title: "Mein Blog Beitrag", body: "Dies ist mein erster Beitrag!" }; var html = template(context);

Auf context.title kann in der Template über {{ title }} zugegriffen werden. Durch das Ausführen der Funktion befindet sich in der Variable html nun einfacher HTML-Code:

<div class="entry"> <h1>Mein Blog Beitrag</h1> <div class="body"> Dies ist mein erster Beitrag! </div> </div>

Der HTML-Code kann sowohl aus einem einzelnen HTML-Element als auch hunderten von Elementen bestehen.

Eine der wichtigsten Funktionen für alle Beispiel-Anwendungen ist die Verwendung von Schleifen und Iteratoren:

<div id="comments"> {{#each comments}} <h2><a href="{{id}}">{{title}}</a></h2> <div> {{body}} </div> {{/each}} </div>

In diesem Beispiel wird als Argument eine Reihe von Kommentaren in Form eines Arrays übergeben:

var context = { comments: [{ id: 1, title: "Mein Kommentar", body: "Hier steht Kommentartext" }, { id: 2, title: "Ein anderer Kommentar", body: "..." }] }; var html = template(context);

Auf weitere Funktionen der Bibliothek werden wir direkt in den Anwendungsbeispielen eingehen.

Mustache: Eines der populärsten Template-Systeme ist Mustache. Ein großer Vorteil der Mustache Templates ist die serverseitige Kompilierung, d.h. ein und das selbe Template kann sowohl in JavaScript aber auch PHP oder Java verwendet werden. Dies geht jedoch auf Kosten der Flexibilität in JavaScript. Mustache Templates sind größtenteils kompatibel zu Handlebars-Templates. Die Bibliothek gibt es auf Github zum Download: https://github.com/janl/mustache.js
Underscore: Wer bereits Underscore verwendet, sollte sich das Utility »template« anschauen (http://underscorejs.org/#template). Das System funktioniert analog zu Handlebars, anstelle der geschweiften Klammern werden Variablen jedoch von <% ... %> eingeschlossen.

Um die Funktionsweise auf kurzes zu verdeutlichen: Durch das Hinzufügen von Twitter-Bootstrap CSS Klassen zu klassischen HTML Elementen können diese deutlich ausgeschmückt werden. Im folgenden Beispiel handelt es sich um die Jumbotron Komponente (eng.: component; siehe auch: http://getbootstrap.com/components/#jumbotron):

<div class="jumbotron"> <h1>Hello, world!</h1> <p> This is a template ... </p> <p> <a href="#" class="btn btn-primary btn-lg" role="button"> Learn more » </a> </p> </div>

Sie eignet sich zur Darstellung der Kernaussage einer Seite, zum Beispiel einer Willkommensmeldung und verfügt über eine Überschrift, Textteil sowie Link. Ein Darstellungsbeispiel für die Komponente sowie weitere Bootstrap Elemente ist in Abbildung 5.1 zu sehen. Alle benötigte Komponenten werden wir in den eigentlichen Anwendungsbeispielen benennen.

Abbildung 5.1 Twitter-Bootstrap Template...

Blick ins Buch

Weitere E-Books zum Thema: Internet - Intranet - Webdesign - Security

Internet für Psychologen

Format: PDF

Das Internet kurz zu erklären und gleichzeitig einen aktuellen Überblick über psychologische Themen und Forschungsschwerpunkte zu geben, ist wohl ein hoffnungsloses Unterfangen. Zu…

Internet für Psychologen

Format: PDF

Das Internet kurz zu erklären und gleichzeitig einen aktuellen Überblick über psychologische Themen und Forschungsschwerpunkte zu geben, ist wohl ein hoffnungsloses Unterfangen. Zu…

Internet für Psychologen

Format: PDF

Das Internet kurz zu erklären und gleichzeitig einen aktuellen Überblick über psychologische Themen und Forschungsschwerpunkte zu geben, ist wohl ein hoffnungsloses Unterfangen. Zu…

Internet für Psychologen

Format: PDF

Das Internet kurz zu erklären und gleichzeitig einen aktuellen Überblick über psychologische Themen und Forschungsschwerpunkte zu geben, ist wohl ein hoffnungsloses Unterfangen. Zu…

Texten für das Web

Erfolgreich werben, erfolgreich verkaufen Format: PDF

Dieses Buch bietet das nötige Handwerkszeug, um die Qualität der eigenen Web-Texte zu verbessern bzw. eingekaufte Texte sicherer beurteilen zu können. Es liefert klare Kriterien für die Textanalyse,…

Texten für das Web

Erfolgreich werben, erfolgreich verkaufen Format: PDF

Texten für das Web

Erfolgreich werben, erfolgreich verkaufen Format: PDF

TCP/IP-Praxis

Dienste, Sicherheit, Troubleshooting Format: PDF

Netzwerke modernen Standards verlangen weniger nach Rezepten für Neu - Design als vielmehr nach Wegen, Maßnahmen zur Integration in eine bestehende Infrastruktur aufzuzeigen. Diesem Aspekt trägt TCP/…

E-Learning

Einsatzkonzepte und Geschäftsmodelle Format: PDF

Der vorliegende Band ist dem Lernen und Lehren auf der Basis moderner Informations- und Kommunikationstechnologien gewidmet. Das Buch fasst die wichtigsten Ansätze zur Einführung, Umsetzung und…

E-Learning

Einsatzkonzepte und Geschäftsmodelle Format: PDF

Der vorliegende Band ist dem Lernen und Lehren auf der Basis moderner Informations- und Kommunikationstechnologien gewidmet. Das Buch fasst die wichtigsten Ansätze zur Einführung, Umsetzung und…

Weitere Zeitschriften

Archiv und Wirtschaft

"Archiv und Wirtschaft" ist die viermal jährlich erscheinende Verbandszeitschrift der Vereinigung der Wirtschaftsarchivarinnen und Wirtschaftsarchivare e. V. (VdW), in der seit 1967 rund 2.500 ...

artist window: art to buy magazin und internetgalerie

Das artist window stellt Künstler bzw. deren Werke vor und gibt somit einen Einblick in die Ateliers und Werkstätten der Kunstschaffenden. Das besondere am artist window ist, dass die ...

Atalanta

Atalanta ist die Zeitschrift der Deutschen Forschungszentrale für Schmetterlingswanderung. Im Atalanta-Magazin werden Themen behandelt wie Wanderfalterforschung, Systematik, Taxonomie und Ökologie. ...

Augenblick mal

Die Zeitschrift mit den guten Nachrichten "Augenblick mal" ist eine Zeitschrift, die in aktuellen Berichten, Interviews und Reportagen die biblische Botschaft und den christlichen Glauben ...

Berufsstart Gehalt

»Berufsstart Gehalt« erscheint jährlich zum Sommersemester im Mai mit einer Auflage von 50.000 Exemplaren und ermöglicht Unternehmen sich bei Studenten und Absolventen mit einer ...

der gefahrgutbeauftragte

Gefahrgutvorschriften sind kompliziert, sie in die Praxis umzusetzen ist es auch. der gefahrgutbeauftragte macht die Arbeit leichter: Gefahrgutbeauftragten, beauftragten Personen und ...

DER PRAKTIKER

Technische Fachzeitschrift aus der Praxis für die Praxis in allen Bereichen des Handwerks und der Industrie. “der praktiker“ ist die Fachzeitschrift für alle Bereiche der fügetechnischen ...

DULV info

UL-Technik, UL-Flugbetrieb, Luftrecht, Reiseberichte, Verbandsinte. Der Deutsche Ultraleichtflugverband e. V. - oder kurz DULV - wurde 1982 von ein paar Enthusiasten gegründet. Wegen der hohen ...

IT-BUSINESS

IT-BUSINESS ist seit mehr als 25 Jahren die Fachzeitschrift für den IT-Markt Sie liefert 2-wöchentlich fundiert recherchierte Themen, praxisbezogene Fallstudien, aktuelle Hintergrundberichte aus ...

VideoMarkt

VideoMarkt – besser unterhalten. VideoMarkt deckt die gesamte Videobranche ab: Videoverkauf, Videoverleih und digitale Distribution. Das komplette Serviceangebot von VideoMarkt unterstützt die ...