Developed by

Kladosweb | Blog Development
Αν σου αρέσει το Blog , αξιολόγησέ το στο allblogs.gr

Δημιουργία facebook applications

Σάββατο, Ιουνίου 20, 2009


Facebook Developers

Προγραμματίζοντας applications στο facebook

Από τι αποτελείται η Πλατφόρμα ανάπτυξης του facebook :

  • FBML (Facebook Markup Language),προέρχεται από την html (είναι υπoσύνολό της και έχει μερικά δικά της tags) , έχει το πρόθεμα fb: στα tags της.
  • API για επικοινωνία της εφαρμογής και του Facebook
  • FQL (Facebook Query Language) είναι μια γλώσσα σε στυλ SQL που δίνει τη δυνατότητα να αλληλεπιδρούμε με τις pληροφορίες που υπάρχουν στο Facebook. Μπορούμε να πάρουμε πληροφορίες από 9 πίνακες (user,friend,group,group_member,event,event_member,photo,album,phototag)
  • Facebook Javascript
  • Διάφορες βιβλιοθήκες (client libraries) για διάφορες γλώσσες προγραμματισμού. Στο tutorial θα χρησιμοποιήσουμε php.

Τι χρειάζεται για να δημιουργήσουμε ένα facebook application:

  1. λογαριασμό facebook
  2. ένα web server
  3. την client library για την php

Πως δουλεύει ένα facebook ap:

Αρχιτεκτονική των facebook application

Αρχιτεκτονική των facebook application

Καταρχήν προσθέτουμε την εφαρμογή developer στο προφίλ μας.
Πάμε στην εφαρμογή και και πατάμε το “setup a new application”.
Βάζουμε το όνομα της εφαρμογής και πατάμε “submit”.
Στη συνέχεια μας εμφανίζεται μια σελίδα η οποία περιέχει στοιχεία για την εφαρμογή μας.
Στο δεξί menu πατάμε edit settings.
Σημαντικά εδώ είναι τα:
- callback url : ειναι το URL στο οποίο έχουμε αποθηκεύσει την εφαρμογή μας. Για παραδειγμα θα μπορούσαμε να βάλουμε ” http://www.gkomninos.com/facebook/app1/ ”

!Σημαντικό εδώ είναι να μην ξεχάσουμε να βάλουμε / στο τέλος του url!
- Canvas page url : Το url που θα φαίνεται ότι είναι η εφαρμογή μας στο facebook. π.χ. http://apps.facebook.com/my_app/.
- developer mode: Καλό είναι να είναι ενεργοποιημένο κατά την διαδικασία ανάπτυξης ώστε να έχουν μόνο οι developers πρόσβαση στην εφαρμογή.

Τα υπόλοιπα τα αφήνουμε ως έχουν προς το παρόν.

Στον server μας ανεβάζουμε σε ένα φάκελο την client library του facebook π.χ.(http://www.gkomninos.com/facebook/lib).

Δημιουργούμε ένα αρχείο config.inc.php στο φάκελο της εφαρμογής μας (http://www.gkomninos.com/facebook/app1).
//Facebook configuration
// include the facebook client library
require_once ‘../lib/facebook.php’;
// facebook developer details
$appapikey = ‘API KEY’;
$appsecret = ‘SECRET’;
$facebook = new Facebook($appapikey, $appsecret);
$user_id = $facebook->require_login();

?>

όπου API KEY ,SECRET βάζουμε τα δικά μας τα οποία βρίσκουμαι στην κεντρική σελίδα της εφαρμογής developer για την εφαρμογή μας.
το include στην 3η γραμμή κάνει include την php library. Βάζουμε το path εκεί που την αποθηκεύσαμε.
(Εμένα όταν το έκανα έτσι δεν μου το έπαιρνε και όταν έβαλα την library μέσα στο φάκελο της εφαρμογής το πήρε)
Η μεταβλητή user_id περιέχει το id του χρήστη που έκανε login στην εφαρμογή.
$user_info=$facebook->api_client->users_getInfo($user_id, array(’last_name’,'first_name’,’sex’)

Στον παραπάνω κώδικα η users_getIfo δημιουργεί έναν πίνακα (τον users_ifo ) με στοιχεία για τον συνδεδεμένο χρήστη.
Έχω επιλέξει τα last_name,first_name,sex.
Μπορείτε να δείτε πολλά περισσότερα για την getInfo
$fb_last_name=$user_info[0]['last_name'];
$fb_first_name=$user_info[0]['first_name'];

και έτσι βάζω τα περιεχόμενα του πίνακα σε μεταβλητές.

Ένα από τα σημεία τα οποία είχα μπερδευτεί αρχικά ήταν το πως εμφανίζω την εφαρμογή στα tabs του προφίλ.
Για να γίνει αυτό πρέπει στις ρυθμίσεις της εφαρμογής (στην εφαρμογή developer) να βάλουμε το url του αρχείου όπου θα έχουμε το tab. Για παράδειγμα tab.php.
$facebook->api_client->profile_setInfo(’Title’, 5, $info_fields, $user_id);

H profile_setInfo πρέπει να καλείται για να μπορέσουμε να εμφανίσουμε πληροφορίες για την εφαρμογή μας στο info section του προφίλ μας

Όπου $info_fields είναι μια μεταβλητή που περιέχει κάτι παρόμοιο:

$info_fields = array(
array(’field’ => ‘AppName(oti thelw)’,
‘items’ => array(array(’label’=> ‘κεφαλίδα’,
’sublabel’=>’και εδώ κάτι’,
‘image’ => ‘http://facebook.gkomninos.com/images/image.jpg’,
‘description’=>” και εδώ μια περιγραφή”,
‘link’=>’http://www.gkomninos.com’)
)
)
);


! Η εικόνα πρέπει να είναι 35χ35.
Περισσότερες πληροφορίες και λεπτομέρειες μπορείτε να βρείτε στη σελίδα για developers του facebook καθώς και στα forum των developers .

Ετικέτες