Facebook App erstellen: Unterschied zwischen den Versionen

Aus Wikizone
Wechseln zu: Navigation, Suche
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.

Version vom 30. Juli 2011, 18:49 Uhr

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

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

Canvas URL - Dies ist der Link über den die reale Anwendung Ihre Daten abliefert. Also z.B. http://www.meinServer.de/meineApp/index.php

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.

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

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:

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');

?>

appId und secret ersetzen wir mit den uns zugewiesenen Daten. Sonst gibt es keine gültige Verbindung.