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

ARCH+.

ARCH+ ist eine unabhängige, konzeptuelle Zeitschrift für Architektur und Urbanismus. Der Name ist zugleich Programm: mehr als Architektur. Jedes vierteljährlich erscheinende Heft beleuchtet ...

Auszüge aus den Europäischen Patentschriften (3 Teilausgaben)

Vom Deutschen Patent- und Markenamt erteilte Patente. Bibliographie, Patentanspruch, wichtigste Zeichnung. Thomson Reuters is the world’s leading source of intelligent information for businesses ...

Beiträge zur Geschichte der Arbeiterbewegung

Die Zeitschrift "Beiträge zur Geschichte der Arbeiterbewegung" erscheint seit 1968. Zuerst in der DDR, dort gegründet, nach 1989 dann bei verschiedenen Verlagen. Seit 1998 erscheint die Zeitschrift ...

bank und markt

Zeitschrift für Banking - die führende Fachzeitschrift für den Markt und Wettbewerb der Finanzdienstleister, erscheint seit 1972 monatlich. Leitthemen Absatz und Akquise im Multichannel ...

Das Hauseigentum

Das Hauseigentum. Organ des Landesverbandes Haus & Grund Brandenburg. Speziell für die neuen Bundesländer, mit regionalem Schwerpunkt Brandenburg. Systematische Grundlagenvermittlung, viele ...

SPORT in BW (Württemberg)

SPORT in BW (Württemberg) ist das offizielle Verbandsorgan des Württembergischen Landessportbund e.V. (WLSB) und Informationsmagazin für alle im Sport organisierten Mitglieder in Württemberg. ...

Die Kaufleute für Büromanagement

Prüfungs- und Praxiswissen für Ihre Ausbildung. Mehr Erfolg in der Ausbildung, sicher in alle Prüfungen gehen, im Beruf jeden Tag überzeugen: „Die Kaufleute für Büromanagement“ ist die ...

die horen

Zeitschrift für Literatur, Kunst und Kritik."...weil sie mit großer Aufmerksamkeit die internationale Literatur beobachtet und vorstellt; weil sie in der deutschen Literatur nicht nur das Neueste ...

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 ...

Evangelische Theologie

Über »Evangelische Theologie« In interdisziplinären Themenheften gibt die Evangelische Theologie entscheidende Impulse, die komplexe Einheit der Theologie wahrzunehmen. Neben den Themenheften ...