Facebook App erstellen - Versionsgeschichte

Kholja: /* Requests / Anfragen */

2011-07-31T07:20:46Z

Requests / Anfragen

Kholja: /* Feed / Pinnwand Einträge */

2011-07-31T06:43:25Z

Feed / Pinnwand Einträge

Kholja: /* Facebook Canvas - Wie erscheint meine App */

2011-07-31T06:39:34Z

Facebook Canvas - Wie erscheint meine App

Kholja: /* Facebook Canvas - Wie erscheint meine App */

2011-07-31T06:27:39Z

Facebook Canvas - Wie erscheint meine App

Kholja: /* App zulassen */

2011-07-31T06:25:51Z

App zulassen

Kholja am 31. Juli 2011 um 06:08 Uhr

2011-07-31T06:08:13Z

Kholja: /* Weitere Daten der App */

2011-07-30T17:49:49Z

Weitere Daten der App

Kholja: /* App Daten */

2011-07-30T16:43:23Z

App Daten

Kholja: /* App in Facebook anlegen */

2011-07-30T16:33:21Z

App in Facebook anlegen

Kholja: Die Seite wurde neu angelegt: „== Vorbereitungen == Du brauchst: Allgemein: * Einen Facebook Account * Du mußt der Gruppe Facebook Developer beitreten * Handy Nummer oder Kreditkartennummer…“

2011-07-30T16:13:12Z

Die Seite wurde neu angelegt: „== Vorbereitungen == Du brauchst: Allgemein: * Einen Facebook Account * Du mußt der Gruppe Facebook Developer beitreten * Handy Nummer oder Kreditkartennummer…“

Neue Seite

== Vorbereitungen ==
Du brauchst:

Allgemein:
* Einen Facebook Account
* Du mußt der Gruppe Facebook Developer beitreten
* Handy Nummer oder Kreditkartennummer muß registriert sein (geht beim ersten anlegen einer App

== App in Facebook anlegen ==
Facebook Developer ist im Prinzip selbst eine FB Anwendung, die es dir ermöglicht deine '''Anwendung auf dem FB Server zu registrieren'''. Deine Anwendung selbst läuft dann auf deinem eigenen Webspace. Die Facebook '''API stellt dir Funktionen zur Verfügung''' mit denen du z.B. auf die Daten von den Usern o.ä. zugreifen kannst. Die App authentifiziert sich gegenüber dem FB Server über eine App ID und ein App Secret. Diese Daten werden beim Anlegen der App automatisch erstellt.

Für die App brauchst du noch
* Ein Icon (Standard 16x16 Pixel)
* Ein Logo (Standard 75x75 Pixel)
* Eine "Privacy URL" auf der die Datenschutzbestimmungen zu findens sind.
* Eine Kontaktseite oder eine Kontakt E-Mail Adresse

← Nächstältere Version		Version vom 31. Juli 2011, 07:20 Uhr
Zeile 191:		Zeile 191:
	?>		?>
	</pre>		</pre>
		+
		+	== Custom Tabs ==
		+	Die Social Channels sind ein schneller Weg um Apps und Informationen zu teilen. Im Gegensatz dazu bieten die Custom Tabs eine Möglichkeit eine Seite mit Brandings eigenen Funktionen o.ä. aufzuwerten.
		+
		+	Tabs erscheinen als Icons in der linken Sidebar des Benutzers, genau wie der Anwendungstab. Allerdings nicht wenn man sich auf der Pinwand befindet. Wann genau wäre noch herauszufinden ;-). Vielleicht kann man das auch nur als Seite machen.
		+
		+	Die Breite sollte 520px nicht überschreiten weil man auf beiden Seiten Sidebars hat.

@@ Zeile 160: / Zeile 160: @@
           } else {
              echo ("Feed Post Id: " . $_REQUEST["post_id"]);
+          }
 ?>
 </pre>

@@ Zeile 123: / Zeile 123: @@
 == Facebook Canvas - Wie erscheint meine App ==
 In Facebook wird die Ausgabe deiner App auf eine Canvas geschrieben. Das kann man sich wie eine leere Leinwand vorstellen.
@@ Zeile 130: / Zeile 132: @@
   setSize()
 einstellen.

@@ Zeile 83: / Zeile 83: @@
 appId und secret ersetzen wir mit den uns zugewiesenen Daten. Sonst gibt es keine gültige Verbindung.
-== Facebook Canvas - Wie erscheint meine App ==
+== App authentifizieren - App zulassen ==
 Wenn ein Benutzer eine App nutzen will muß er der App Rechte auf den Zugriff gewisser Daten gewähren. Facebook nutzt den OAuth Mechanismus. Den passenden Dialog dazu liefert facebook unter der URL:
   https://www.facebook.com/dialog/oauth?client_id=YOUR_APP_ID&redirect_uri=YOUR_CANVAS_PAGE
@@ Zeile 103: / Zeile 94: @@
 Wenn der User Akzeptiert wird er ebenfalls auf die redirect_uri geleitet. Dann bekommt er den Parameter signed_request mit einigen Userdaten zurück.

@@ Zeile 92: / Zeile 92: @@
 einstellen.
-=== App zulassen ===
+=== App authentifizieren - App zulassen ===
 Wenn ein Benutzer eine App nutzen will muß er der App Rechte auf den Zugriff gewisser Daten gewähren. Facebook nutzt den OAuth Mechanismus. Den passenden Dialog dazu liefert facebook unter der URL:
   https://www.facebook.com/dialog/oauth?client_id=YOUR_APP_ID&redirect_uri=YOUR_CANVAS_PAGE
-Es bietet sich natürlich an beim Aufruf der App zu testen ob der User authentifiziert hat und wenn nicht auf die Auth Page zu leiten.
+Dann erscheint der bekannte FB Dialog bei dem man der App (in diesem Fall Standard-) Rechte gewährt. Braucht man mehr Rechte sieht es ungefähr so aus:

@@ Zeile 1: / Zeile 1: @@
-== Vorbereitungen ==
+== Quickstart - Beispiel App ==
 Du brauchst:
@@ Zeile 82: / Zeile 82: @@
 </pre>
 appId und secret ersetzen wir mit den uns zugewiesenen Daten. Sonst gibt es keine gültige Verbindung.

← Nächstältere Version		Version vom 30. Juli 2011, 17:49 Uhr
Zeile 31:		Zeile 31:
	=== Weitere Daten der App ===		=== Weitere Daten der App ===
	Unter '''Web''' kann man eine URL angeben unter der die App auf Deinem Server zu finden ist. Z.B. fbapp.meinServer.de/index.php		Unter '''Web''' kann man eine URL angeben unter der die App auf Deinem Server zu finden ist. Z.B. fbapp.meinServer.de/index.php
		+
		+	== Facebook API und Facebook SDK ==
		+
		+	Das Facebook SDK stellt einige vorgefertigte Funktionen zur Verfügung. Man kann es sich auf der Developer Seite für verschiedene Plattformen (PHP, Android, ...) herunterladen. Wir benutzen hier das PHP SDK.
		+
		+	=== Grundprogrammierung ===
		+
		+	Wir beginnen mit dem Beispiel Code aus dem SDK in der Art:
		+
		+	<pre>
		+	require '../src/facebook.php';
		+
		+	// Create our Application instance (replace this with your appId and secret).
		+	$facebook = new Facebook(array(
		+	'appId' => '117743971608120',
		+	'secret' => '943716006e74d9b9283d4d5d8ab93204',
		+	));
		+
		+	// Get User ID
		+	$user = $facebook->getUser();
		+
		+	// We may or may not have this data based on whether the user is logged in.
		+	//
		+	// If we have a $user id here, it means we know the user is logged into
		+	// Facebook, but we don't know if the access token is valid. An access
		+	// token is invalid if the user logged out of Facebook.
		+
		+	if ($user) {
		+	try {
		+	// Proceed knowing you have a logged in user who's authenticated.
		+	$user_profile = $facebook->api('/me');
		+	} catch (FacebookApiException $e) {
		+	error_log($e);
		+	$user = null;
		+	}
		+	}
		+
		+	// Login or logout url will be needed depending on current user state.
		+	if ($user) {
		+	$logoutUrl = $facebook->getLogoutUrl();
		+	} else {
		+	$loginUrl = $facebook->getLoginUrl();
		+	}
		+
		+	// This call will always work since we are fetching public data.
		+	$naitik = $facebook->api('/naitik');
		+
		+	?>
		+
		+	</pre>
		+	appId und secret ersetzen wir mit den uns zugewiesenen Daten. Sonst gibt es keine gültige Verbindung.

@@ Zeile 21: / Zeile 21: @@
 '''About''': Hier kann man die Basisdaten angeben und findet die ID und den Secret Key. Dies sind die essentiellen Daten. Zusätzlich lassen sich hier z.B. Rollen angeben z.B. Testpersonen oder Administratoren die Zugriff auf die technischen Details der App bekommen. Im Reiter Advanced lassen sich technische Details regeln z.B. ob eine oAuth Authentifizierung möglich ist, ob eine alte API benutzt wird. Welche Werbepartner für die App Werbung benutzt werden oder sogar eine IP White- und Blacklist.
-Unter '''Web''' kann man eine URL angeben unter der die App auf Deinem Server zu finden ist. Z.B. fbapp.meinServer.de/index.php
+Unter '''On Facebook''' legt man das Erscheinungsbild der App auf Facebook fest. Wichtig ist hier vor allem die Angabe
-Unter '''On Facebook''' legt man das Erscheinungsbild der App auf Facebook fest. Wichtig ist hier vor allem die Angabe
+Damit kann man die App schon nutzen. Ruft man den Canvas Page Link auf erscheint die Ausgabe der Seite im Facebook iFrame und zwar unabhängig davon ob man in FB angemeldet ist oder nicht.
-Canvas Page - hier gibt man die URL an unter der die App auf Facebook zu erreichen ist. Die URL beginnt immer mit  http://apps.facebook.com/ und nach dem Slash gibt man seinen Wunschnamen ein also z.B. http://apps.facebook.com/meineapp. Nur Kleinbuchstaben sind erlaubt.
+=== Weitere Daten der App ===

← Nächstältere Version		Version vom 30. Juli 2011, 16:33 Uhr
Zeile 15:		Zeile 15:
	* Eine "Privacy URL" auf der die Datenschutzbestimmungen zu findens sind.		* Eine "Privacy URL" auf der die Datenschutzbestimmungen zu findens sind.
	* Eine Kontaktseite oder eine Kontakt E-Mail Adresse		* Eine Kontaktseite oder eine Kontakt E-Mail Adresse
		+
		+	=== App Daten ===
		+	Um die App anzulegen gehtst du auf den Karteireiter Anwendungen und dann auf neue Anwendung. Nun kann man die App Daten eingeben.
		+
		+	'''About''': Hier kann man die Basisdaten angeben und findet die ID und den Secret Key. Dies sind die essentiellen Daten. Zusätzlich lassen sich hier z.B. Rollen angeben z.B. Testpersonen oder Administratoren die Zugriff auf die technischen Details der App bekommen. Im Reiter Advanced lassen sich technische Details regeln z.B. ob eine oAuth Authentifizierung möglich ist, ob eine alte API benutzt wird. Welche Werbepartner für die App Werbung benutzt werden oder sogar eine IP White- und Blacklist.
		+
		+	Unter '''Web''' kann man eine URL angeben unter der die App auf Deinem Server zu finden ist. Z.B. fbapp.meinServer.de/index.php
		+
		+	Unter '''On Facebook''' legt man das Erscheinungsbild der App auf Facebook fest. Wichtig ist hier vor allem die Angabe
		+
		+	Canvas Page - hier gibt man die URL an unter der die App auf Facebook zu erreichen ist. Die URL beginnt immer mit http://apps.facebook.com/ und nach dem Slash gibt man seinen Wunschnamen ein also z.B. http://apps.facebook.com/meineapp. Nur Kleinbuchstaben sind erlaubt.