Dünya Sizin Onu İyi Kullanın

Facebook bir çılgınlıktır gidiyor.Heryerde herkesin ağzında facebook.Facebooku özel yapan özelliklerden biride değişik uygulamalar yani applicationlarıdır.Bu applicationlar kullanıcılar tarafından geliştirilmektedir.Bizde bir kaç kolay adım sayesinde basit bir Facebook uygulaması geliştirebiliriz.Bende bu işe merak sardım ve Facebookun Başlangıç yazısını çevirip facebook gençliğine yardımcı olayım dedim. Başlıyoruz.

Bu rehberde PHP5 Kullanılarak nasıl Facebook uygulaması geliştirebileceğimizi anlatıcam.Tabi ki ilk ugulamaya yine Hello World olacak.

  1. http://developers.facebook.com/ adresine girin.
  2. Get Started‘ yazısına tıklayın.
  3. Add Facebook Developer Application‘ a tıklayın.
  4. Sol menüde ‘Developer’ görünecek o yazıya tıklayın ve Developer Applicationa gidin.
  5. Üstünde ‘Setup New Application‘ yazan butona tıklayın.
  6. Karşınıza bir form çıkacak o formu aşağıdaki şekilde doldurun.
    1. Application Name: Facebook uygulamanızın ismi olacak,ben ‘altugilk‘ koymuştum.Siz kendinize göre başka bir isim vermelisiniz.
    2. Alt satırdaki Kullanım şartlarınızı kabul ettiğinize dair kutuyu işaretleyin.
    3. Option Fields‘ Linkine tıklayın.Bu size daha çok ayar formu çıkartacaktır.
    4. Support E-mail‘ sizin Facebook iletişim email adresiniz otomatik olarak doldurulacaktır.Eğer uygulamınızı ekleyen herkesin kişisel mailinizi görmesini istemiyorsanır.Ona göre başka bir e-mail adresi girin
    5. Callback Url‘: kendi uygulamanızı webde nereye koyacaksanız onun adresini yazınız. ben altugilk uygulamasını ‘http://www.alialtugkoca.com/altugilk/‘ adresine koydum.Bu adresi yazdım.Siz kendi geliştirdiğiniz uygulamayı koyacağınız serverın adresini yazınız
    6. Canvas Page URLhttp://apps.facebook.com/altugilk, ben ‘altugilk‘ yazdım siz kendi uygulamanızın adresini yazmalısınız.
    7. Use FBML: buraya dokunmayın
    8. Application Type: bu ayarı ‘Website‘ olarak bırakın.
    9. Can your application be added to Facebook: ‘yes‘ – olarak işaretlerseniz uygulamanız çalışmaya başlanacaktır.Bu seçenek bir kaç tane ayar daha çıkartacak,onlardan da önemliler aşağıdadır.
    10. TOS URL: Boş bırakın.
    11. Post-Add Url: kendi uygulamanızın Canvas Pageini yazınız. Ben ‘http://apps.facebook.com/altugilk/‘ — yazdım siz kendinizinkini yazınız.
    12. Default FBML: ‘hello world‘ yazın.
    13. Diğer şeyleri boş bırakın
    14. Side Nav Url: Ben ‘http://apps.facebook.com/altugilk/‘ –yazdım siz kendi uygulamanızın Canvas Page ini yazın
    15. Integration Packin altındaki herşeyide boş bırakın.
  7. Submit‘ Butonuna basınız.
  8. My Applications‘ sayfasına gidiniz ve sizin uygulamanızın yaratılıp yaratılmadığını kontrol edin.
  9. Facebookun PHP5 Client versiyonunun dosyalarını kendi uygulamanızın adresine (Callback URL) kopyalayın.
  10. Client kütüphanelerinin değişik versiyonlarına download bölümünden ulaşabilirsiniz. Eğer unix versiyonlarından birini kullanıyorsanız,şu komutlar işinize yaracaktır:

    wget http://developers.facebook.com/clientlibs/facebook-platform.tar.gz
    tar zxvf facebook-platform.tar.gz
    cp facebook-platform/client/facebook.php .
    cp facebook-platform/client/facebookapi_php5_restlib.php .
    rm -rf facebook-platform.tar.gz facebook-platform

  11. appinclude.php‘ isimli bir php dosyası yaratın.Bu sayfa sizin uygulamalarınızın başına ekleyeceğiniz bir dosya olacak.Aşağıdaki kodları dosyanın içine yapıştırın:

    <?php
    require_once ‘facebook.php’;
    $appapikey = ‘[your api_key]‘;
    $appsecret = ‘[your secret]‘;
    $facebook = new Facebook($appapikey, $appsecret);
    $user = $facebook->require_login();
    //[todo: change the following url to your callback url]
    $appcallbackurl = ‘http://www.alialtugkoca.com/altugilk/‘;
    //catch the exception that gets thrown if the cookie has an invalid session_key in it
    try {
    if (!$facebook->api_client->users_isAppAdded()) {
    $facebook->redirect($facebook->get_add_url());
    }
    } catch (Exception $ex) {
    //this will clear cookies for your application and redirect them to a login prompt
    $facebook->set_user(null, null);
    $facebook->redirect($appcallbackurl);
    }
    ?>

  12. [your app_key]‘ ve ‘[your secret]‘ değerlerini,My Applications sayfasındaki uygulamanızın ‘app_key‘ ve ‘secret‘ değerleriyle değiştirin. Callback Urlyide kendi callback url adresinizde değiştirmelisiniz.
  13. index.php‘ isimli bir sayfa yaratın.Bu sayfa aynı zamanda uygulamanızın anasayfası olacak.’index.php’ dosyasının içine aşağıdaki kodları kopyalayın ve dosyayı serverınıza gönderin:

    <?php
    require_once ‘appinclude.php’;
    echo “<p>hello $user</p>”;
    ?>

  14. Uygulamanızın Callback url adresini browserınıza girin.Aynı zamanda canvas page urlinizide girebilirsini iki adreste sizi biraz önce yarattığınız ‘index.php‘ dosyasına çalıştıracaktır.
  15. Kullanım şartlarınızı kabul ettiğinizi onaylamak için ‘I agree‘ linkine tıklayın ve ‘Add[sizin uygulamanızın adı]‘ butonuna tıklayın ki uygulamanız facebook profilinize eklensin.
  16. Bu adımdan sonra canvas page olarak verdiğiniz adrese yönlendirilefeksiniz ki bu sayfa index.php dosyanız olacaktır.
  17. Kendi profilinize gidin ve sizin uygulamanızın kutucuğunu arayın, kutucukta ‘Hello world’ yazması lazım (bu sizin daha önce ayarladığınız standart FBMLdir.
  18. En son olarak sol navigasyon linkine bakın bu sizi canvas pageinize geri döndürecektir.

Facebookla ilgili ilk çevirim burada sona eriyor yakında facebookla uygulama geliştirmeyle ilgili bir kaç kod örneğine yer vermeyi planlıyorum.Okuyan herkese iyi çalışmalar.

Bu yazı Step-by-step Guide to Creating an application isimli rehberin birebir çevirisidir.Çeviride hatalar olabilir,yorumlarda belirtirseniz düzeltebilirim.

Facebook developer wikisinede göz atabilirsiniz.

Arkadaşlar Facebookta yazılım geliştirme başlıklı bir yazı buldum.Facebook appsin genel anlatımına yer veriyor.faydalı bir yazı bunu okuduysanız onuda okuyun.Facebookun uygulamalarının genel yapısını anlatıyor.FBML nedir önemli.

Reklamlar

Bir Cevap Yazın

Aşağıya bilgilerinizi girin veya oturum açmak için bir simgeye tıklayın:

WordPress.com Logosu

WordPress.com hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Google+ fotoğrafı

Google+ hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Twitter resmi

Twitter hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Facebook fotoğrafı

Facebook hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Connecting to %s

Etiket Bulutu

%d blogcu bunu beğendi: