Facebook Application Örneği

Herkese selamlar. Daha önceki yazımda facebook application mantığını kısaca anlatmıştım. Bu yazımda, pratik olarak basit bir  tane application yazmayı göstereceğim. Örnek olarak meşhur “hello world” yazımı ve birkaç fotoğraf gösterimi olacak.

Bunun için, ilk önce bir hosting ve domain olmalı. Burdaki örneklerde kendi web alanımı kullanacam. Benim kullanacağım örnekte, PHP 4 uyumlu application yapacağız..

1. Aşama

Uygulamaya başlamak için developer application kurulması lazım. Bu işlem yapıldıktan sonra, sağ üstte  Account /Hesabınız menusunden Application Settings tıklanılır.

facebook application development-1

Daha sonra Developer linki seçilir.

facebook application development-2

Açılan sayfada sağ üstte bulunan “Set up New Application” butonu  seçilir.

facebook application development-3

Açılan yeni sayfada Application adı yazılır ve Agree kısmı seçilir.

facebook application development-4

Daha sonra açılan güvenlik resmindeki kodu yazıp geçiyoruz.

En önemli kısma geldik. Açılan yeni bölümde, About sayfası gelir.Burda, Application adı, application ile ilgili açıklama, kullanılacak icon/logo ve developera ulaşılabilecek bir adres girilir.

facebook application development-5

Biz, bu örnekte application yapacağmız için, sol tarafta bulunan “Web Site” kısmını pas geçiyoruz.

Daha sonra “Facebook Integration” kısmına geliyoruz.

Canvas Page:  facebook application adresinde gözükecek olan isimdir, ve ilgili kısım doldurulur.

Canvas Page: facebook’un,  sizin yazdığınız uygulamaya nerden erişeceğinin adresi. Yani, dosyasınızı üzerinde tutacağınız adres. Örnek resimde de görüldüğü gibi burda full adres yazılır ve en sonda / işareti unutulmamalıdır.

Canvas Type:  şimdilik FBML seçilir(bunu başka bir yazıda ayrıntılı anlatacağım)

facebook application development-6

İşte bu kadar. “Save Changes” deyip çıkıyoruz.application bilgileri kısmına gelinir. Burda çok önemli üç bilgi var: Application  ID, API Key, ApplicationSecret. Bunları yanımıza kaydediyoruz..

facebook application development-7

2. Aşama

Application kurulumunu yaptıktan sonra sıra geldi, onu yazmaya. Yazının başında belirttiğim gibi uygulamayı PHP dilinde yazağız ve Php-4 versiyonuna göre yazacağız. (Nitekim, php-5 için birkaç farklılık var. Bu yüzden, bu uygulama php-5’te denerseniz, çalışmama gibi bir durum olabilir.)

İndex.php sayfası: burası bizim application’ın anasayfas olacak.  <fb:fbml> ile başlayıp </fb:fbml>ile bitiyor. Burda, iki önemli nokta var. Sayfanın üst taraflarında bulunan iki tane değeri değiştireceğiz. $appapikey ve $appsecret değerleri. Bu değerleri, sizin application oluşturduğunuz zaman verilen değerler ile değiştiriyorsunuz. Bunun dışında geriye kalan şeyler bildiğimiz php kodları.

echo “Bu benim ilk facebook uygulamam”;

echo “<img src=’http://www.mahsumakbas.com/web/mypictures/ist1.jpg’>”;

anasayfada dikkat edilecek diğer bir nokatada, facebook.php isimli sayfanın include edilmesidir. facebook, bu dosyayı farklı sürümler için sağlıyor.

daha sonra uygulamanıza http://apps.facebook.com/uygulamanizinadi sayfasından ulaşabilirsiniz.

İlgili tüm dosyaları aşağıda zip halinde bulabilirsiniz. Bunları açtıktan sonra, olduğu gibi hepsini tek klasörde toparlıyoruz.

index.php sayfası

facebook.php sayfası

facebookapi_php4_restlib.php dosyası

php 4 için facebook xml dosyaları-klasör halinde

Leave a Reply

Your email address will not be published. Required fields are marked *

*