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

Benzer Yazılar:

Facebook Uygulaması Yazmak – 2Facebook Uygulaması Yazmak – 2

Bir önceki yazımda facebook uygulaması yazma konusuna girmiştim. Eğer bu yazıdaki terimler

Facebook Arkadaşına Önerme KoduFacebook Arkadaşına Önerme Kodu

<fb:chat-invite msg="EvrenCe ye baksana > http://www.facebook.com/pages/EvrenCe/165977678405" condensed="true"><fb:profile-pic uid="profileowner" linked="false" width="32" height="32" /></fb:chat-invite>

Facebook Sayfanıza Paylaş Butonu EkleyinFacebook Sayfanıza Paylaş Butonu Ekleyin

Static FBML konusuna girmişken sıcağı sıcağına hemen bir örnek vereyim dedim. Static

Facebook’da  Müzik Çalar YapmakFacebook’da Müzik Çalar Yapmak

Uzun zamandır Facebook ile ilgili yazı yazmıyordum, kısmet bugünmüş. Gelen mailler, internette

Facebook Sayfasına Sayaç EklemeFacebook Sayfasına Sayaç Ekleme

Facebook sayfanıza nasıl müzik ekliyeceğinizi, paylaş butonunu nasıl yapıcağınızı anlatmıştım. Tabi kendi

Eylül 22, 2009   Kategori: Programlama

“Facebook Uygulaması Yazmak – 1” için 11 Yorum

  1. dj_olcix demiş ki:

    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 demiş ki:

    Şö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 demiş ki:

    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 demiş ki:

    Rica ederim ;)

    Beni takip etmeye devam edin :) )

  5. ali demiş ki:

    api anahtarı neolcak gizli neolcak yazın laaaaaaaaaaaaaaa

  6. Evren Bayraktar demiş ki:

    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. Pingback: Facebook uygulaması yazmak « Efenim // Com : Kacan balik sabunszudur..!

  8. HaYTo demiş ki:

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

  9. Evren Bayraktar demiş ki:

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

  10. oytun demiş ki:

    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 …

  11. yiğit demiş ki:

    güzel paylşaım


Yorum Yaz

*