Facebook Uygulaması Yazmak – 1

facebook Facebook ile arayı açmıştım fakat uygulama yazma konusu ilgimi çekiyordu ve Facebook a uygulama yazma işlerine daldım. Öğrendiğim temel şeyleri sizler ile paylaşacağım ve sizlerde kendi uygulamalarınızı (application) yazabileceksiniz. Hemen başlayayım.

Facebook’a uygulama yazabilmek için öncelikle facebook hesabınızın olması, hesabınıza developer eklentisini yüklemeniz ve eklenti dosyalarınızı barındıracağınız bir hosting’inizin olması gerekmekte. http://www.facebook.com/developers/ bu bağlantıdan uygulamayı profilinize yükleyebilir, Facebook da uygulama geliştirmeye başlayabilirsiniz.

Facebook Geliştirici
İzinver dedikten sonra hazırız demektir. Bundan sonra gelen sayfada Yeni Uygulama Oluştur butonunu göreceğiz.
2009-09-22_112606
Butonumuza tıklayarak uygulamamızı oluşturmaya başlıyoruz.
Facebook
Şimdi yapmamız gereken şey uygulamamıza isim bulup, facebook kullanım koşullarını kabul etmek.
Facebook

Koşulları kabul ettikten sonra yukarıdaki ekran görüntüsü karşınıza gelecek. Burada şuan bizim için önemli olan API anahtarı ve Gizli ibareleri. Geliştireceğimiz uygulamada facebook’a bu kodlar sayesinde kendimizi tanıtacağız. Bu paneli biraz  tanıyalım..

Sol tarafra gördüğünüz Temel, Doğrulama, Profil, Canvas (Tuval), Bağlan, Widgets, Advanced bizim sekmelerimiz. Şuan basit bir uygulama geliştireceğimiz için detaylara girmeyeceğim. İşimize yarayacakları söyleyeceğim.

Temel sekmesinde işimize yarayacak olan şeyler, API Anahtarı ve Gizli kodlarıdır. Bahsi geçen gizli kodu ileride karşımıza API SECRET KEY olarak çıkacak. Temel sekmesinin biraz aşşağısında uygulamamız için simge ve logo yükleyebiliriz.

Canvas (Tuval) Sekmesi :

2009-09-22_141810

Burada Canvas Page URL bizim uygulamamızın facebook daki adresi olacak. Ben evrenweb olarak seçtim. Seçeceğiniz adres en az 7 karakterden oluşmalı, denedim, hata aldım biliyorum :P

Canvas Callback URL ise bizim hosting deki dosyalarımızın bulunduğu adres. Ben subdomain oluşturdum, siz http://www.evrenweb.net/facebook/ gibi klasör içinede atabilirsiniz. Ama dikkat etmeniz gereken bir husus, her ne şekilde yaparsanız yapın adresin sonun ” / ” koyun.

Görüntüleme yönetmi olarak Iframe ve FBML var. Biraz html bilgisi olanlar iframe’in ne olduğu bilirler, FBML yabancı bir kavram olarak gelmiştir. Kısaca açıklayayım, FBML facebook un kendisine özel geliştirdiği bir dil.. İleride inceleyeceğiz. Diğer ayarlar ile oynamaya gerek yok, siz kurcalayabilisiniz..

2009-09-22_120949Butonuna tıklayıp ayarlarımızı kayıt ediyoruz.

Kayıt ettikten sonra karşımıza gelen ekran:

2009-09-22_144227

Uygulamamızı oluşturduk. Aslında şu ana kadar yaptığımız işler uygulamamızı yapabilmek için ön hazırlığımız oldu :) Bu yazıya Facebook Uygulama Yapımı İçin Hazırlık adını verip sonlandıralım. İkinci yazımızda yavaş yavaş kodlama işlerine gireriz.

İnceleyin: Facebook Uygulama Yazmak – 2

Etiketler:, , , , , ,

11 Yorum to “Facebook Uygulaması Yazmak – 1”

  1. dj_olcix 12 Aralık 2009 de 23:21 #

    Hocam ben bir kaç gündür Hayranlık sayfasına; FBML(static code) den bir davet aracı ekleme istiyorum… Hayranık sayfasının duvarına DAVET KUTUSU ekliyosun ve üye girdiği zaman direk arkadaşlarını “input cehcbox” yane isimlerin yanında küçük kutucuğu işaretliyosun ve sayfanın adı yazılı olduğu davet butonuna tıklıyosun hızlı bir şekilde davet gidiyor../bu hayranlık sayfasını arkadaşlarına Öner” linkine tıklayıp tektek seçmek yerine direk üyenin karşısına hızlı bir şekilde davet kutusu eklemek daha mantıklı ve verimli olabileceğini düşünüyorum.
    Bana bu konuda yardımcı olursanız çok sevinirim. Örnek Hayranık Sayfası” http://www.facebook.com/galatasaraysporkulubu?ref=sgm

  2. Evren Bayraktar 13 Aralık 2009 de 01:21 #

    Şöyle birşey yapmak heralde senin için ve hayranların için daha kolay olucaktır. Arkadaşlarına Öner linkine tıkladıktan sonra adres satırına

    javascript:elms=document.getElementById('friends').getElementsByTagName('li');for(var fid in elms){if(typeof elms[fid] === 'object'){fs.click(elms[fid]);}}

    yazıp, enter’a basarsan bütün arkadaşları seçmiş olacak. Heralde bu daha akılcı bir yöntem.

  3. yokyok 21 Aralık 2009 de 01:23 #

    cok sagolun özellikle şu javascript:elms=document.getElementById(‘friends’).getElementsByTagName(‘li’);for(var fid in elms){if(typeof elms[fid] === ‘object’){fs.click(elms[fid]);}} kod cok isime yaradı teşekkür ederimm .

  4. Evren Bayraktar 21 Aralık 2009 de 01:30 #

    Rica ederim ;)

    Beni takip etmeye devam edin :) )

  5. ali 13 Mayıs 2010 de 18:45 #

    api anahtarı neolcak gizli neolcak yazın laaaaaaaaaaaaaaa

  6. Evren Bayraktar 14 Mayıs 2010 de 11:04 #

    Türkçemizi düzgün kullanırsan sevinirim. Eğer tarzın bu ise, ctrl+w yap gitsin.

    Yukarıdaki işlemleri yaparsan neyin ne olduğunu göreceksin.

  7. HaYTo 06 Temmuz 2010 de 13:55 #

    ya ben 2 günden beri anket oluşturmaya çalışıyorum ama başaramadım sen bu işte ustaysa anketi sen oluştururmusun ?

  8. Evren Bayraktar 09 Temmuz 2010 de 11:51 #

    Tek tek herbirinize yardım edebilmem ne yazıkki mümkün değil. Anlayışınız için teşekkür ederim.

  9. oytun 26 Kasım 2010 de 03:27 #

    Sayın Evren Bayraktar bey ben pek anlamıyorum beceremedım duvar sekmelerine sende yaz gibi üyelerimizin yorum yazabilecekleri bi alan yapmak istiyoruz çok teşekkürler yardımlarınız için …

  10. yiğit 22 Mart 2011 de 03:48 #

    güzel paylşaım

Geri izlemeler

  1. Facebook uygulaması yazmak « Efenim // Com : Kacan balik sabunszudur..! - 14 Haziran 2010

    [...] http://www.evrence.com/programlama/facebook-uygulamasi-yazmak-1.html [...]

Bir Cevap Yazın