Bir önceki yazımda facebook uygulaması yazma konusuna girmiştim. Eğer bu yazıdaki terimler size yabancı geliyorsa önce şurayı okuyun. XHTML, PHP, FTP, HOSTING, FBML hakkında hiç bir bilginiz yoksa google amcaya sorun..
Yok yok FBML yi dert etmeyin 🙂 Giricez şimdi o konuya 😛 Esas şimdi başlıyoruz uygulama geliştirmeye, yazamaya.. Öhöm öhöm..
Facebook Uygulaması Yazmak
Uygulama sayfamızı oluşturmayı bir önceki yazımda anlatmıştım. Gelelim kod yazmaya..
İşimize yarayacak en büyük şey Facebook İstemci Kütüphanesi. Bu kütüphane sayesinde php ile facebook a uygulama geliştirebileceğiz. PHP ile facebook’un kendi yaratmış olduğu dili FBML’yi kullanabileceğiz. Yeri gelmişken kısaca FBML den bahsedeyim.
FBML Nedir ?
Arkadaşlar FBML (Facebook Markup Language) facebook un kendi geliştirdiği bir dil yapısıdır. Facebook un özel görünümlerini fbml sayesinde çok basit bir şekilde elde edebilirsiniz. Yada ne bileleyim, arkadaşlarınızı listeletebilirsiniz. Görerek öğrenmek en mantıklısı heralde;
<fb:name uid=”12345″ /> uid ile belirttiğiniz id li kişinin adını yazdırabilirsiniz mesela. Yada daha anlamlı olsun. Facebook’un meşhur pencerelerinden açalım.
Benim dialogu görmek istiyomusun canım yazısındaki dialog linkine tıklayınca resimde gördüğünüz dialogbox diye tabir edilen pencere açılıyor. Bunu sağlamak için gerekli kodumuz,
[code lang=”php”]require_login();
?>
Anlayacağınız <fb:bilmem ne> mevzularının hepsi FBML ye giriyor. Wiki sayfasında hepsi mevcut, ben şimdi fazla uzaymayacağım.
Facebook Platform
İstemci kütüphanesini indirmenizi söylemiştim. İndirip içini açtıktan sonra iki adet klasör göreceksiniz. Birisi footprints öbürü ise php. Size tavsiyem, uygulama dosyalarınızın hepsini bu php klasöründe depoyın.
php klasörünün içerisinde de bunlar mevcut. bunların içerisindeki facebook.php bizim herşeyimiz. Yazdığımız kodların içerisine onu çağırarak API,FBML, FQL yi kullanacağız. Örneğin
[code lang=”php”][/code]
Bu kod dizimi ile facebook sınıfımızı kullanmaya başladık. Bundan sonra hayal gücümüze kalıyor. Zaten uygulama yazaksanız php ile bildiğiniz şeyi yapıcaksınız, öğrenmeniz gereken uygulamanın facebook ayağı. En çok merak edilenler, olması gerekenler hakkında örnekler ile sizlere yardımcı olmaya çalışacağım. Uygulama sayfanıza gelen kişinin15 arkadaşını listeletelim mesela:
[code lang=”php”]require_login();
echo “
Merhaba,
“;
echo “
Arkadaşların:”;
$friends = $facebook->api_client->friends_get();
$friends = array_slice($friends, 0, 15);
foreach ($friends as $friend) {
echo “
}
echo “
“;
?>[/code]
Bu dosyayı ark.php olarak kayıt edelim. FTP aracılığı ile hostumuza (ben http://face.evrenweb.net/ şeklinde yapmıştım) atalım. Sonra da http://apps.facebook.com/seninadresin/ark.php açalım. Göreceğiz ki 15 adet arkadaşımızı listeliyoruz.
Davet Gönderme
Davet formu oluşturmak yapacağımız uygulamanın olmazsa olmazlarından olsa gerek. Resimde görmüşsünüzdür nasıl bişey olduğunu. Bu işi yapabilmek için kullanacağımız örnek kodlar,
[code lang=”php”]require_login();
$invfbml = <<
FBML;
?>
Belkide Facebook ile ünlenen tab yapımına bakalım. FBML ile bu çok basit aslında 🙂
[code lang=”php”]
Bu kodları tab.php olarak kayıt edin. İş bu kadar basit 🙂
Aslında facebook da uygulama geliştirmek çok zor bişey değil. Yani işin facebook ayağı zor değil. Siz beyin gücünüzü kullarak bişeyler ortaya çıkarıcaksınız, artık ne tarz programlama bilgisi gerektiriyorsa (misal php) o dil deki becerinizi ortaya koyacaksınız. Facebook ayağı sizi zaten fazla zorlamaz.
Ben bu örnekleri vermeye devam edersem Facebook Platform dökümanına ayıp etmiş olurum. Orada bütün fonksiyonları, API, FBML, XFBML, FQL, FBJS hakkında açıklamaları, kod örneklerini adamlar vermiş. Göz gezdirmeden yola çıkmak yanlış olur.
Dilerim ki yararlı bir kaynak olmuştur, emeğe saygı duyulup kaynaksız paylaşım yapılmaz..
Edit: PHP İstemci kütüphanesi linki güncellendi.
Yazar Hakkında
EvrenWeb
Kendini programlama konusuna adamış, boş zamanlarında bu yazıyı okuduğun kişisel blog'unu da aksatmayıp birşeyler karalayan, hakkındaki daha fazla bilgiyi sitenin Hakkında bölümünden öğrenebileceğin bir şahsiyet :)
mrb. bu hosting işini nasıl yapacağız..sitem yok benim.
Merhabalar,
Hosting satan firmalar var. Biraz araştırma yaparak işinize ve bütçenize uygun bir paket bulup onları alabilirsiniz. Bana biraz geniş alan vs. diyorsanız, DreamHost ve Hostgator a göz gezdirebilirsiniz. Dilerseniz dreamhost için indirim kuponu ayarlayabilirim. Bedava hosting sağlayan yerler de mevcut. Bir ara Lycos bu işi güzelce yapıyordu. Hala devam ediyormu bilmiyorum.
merhaba, verdiğiniz bilgiler için teşekkürlerfaydalı bir yazı.
Şunu sormak istiyorum facebookta uygulama geliştirmek için hangi dili, dilleri bilmek gerekir? İllaki php mi? yoksa asp veya diğerleri ile de olur mu?
teşekkürler
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 “
ben sizden bir konuda yardım isticektim ben face buka girdiğim zaman ana sayfayı görüntüleyemiyorum profilimi görüntülemenin bir yolunu buldum ama paylaşımlarımı göremiyorum ve bana
adı:tab.php
tür:php_auto_file
şeklinde bir dosya indirme seceneği geliyor onu indiriyorum yinede işe yaramıyor acaba bana yardımınız dokunurmu
Arkadaşlar kusura bakmayın bu sıralar çok yoğunum. Blog’a uğrayamıyorum bile.. En kısa zamanda telafi etmeye çalışacağım.
@Miqo,
bahsettiğin gibi birşeye facebook’un izin vericeğini sanmıyorum açıkcası. Facebook’da sen benzer uygulamalar gördün mü ?
@Mehmet,
O olay bende de oluyor bazen, heralde tarayıcı ve bizim bilgisayarlarımız ile ilgili bir problem. Kullandığın tarayıcının son sürümünü kullan, internet hızınıda yavaşlatıcak şeyleri kapat öyle dene bakalım. Kesin bir bilgiye sahip değilim, ama çözüm olarak bunlar bende işe yarıyor 🙂
Merhaba, Evren Bey Öncelikle Böyle Bir Döküman Hazırladığınız için Teşekkürler. Kısa ve Öz Şekilde Feys Uygulama Sistemini Görmüş Olduk. Ben Hayran Sayfalarında Bulunan Profil Kutusu Uygulaması Yapmak İstiyorum. Açıkcası İnternetde İşe Yarar Bir Örnek Bulamadım. Örneğin Fenerbahçe, Galatasaray, Türk Bayrağı vb. Gibi Kutuları Profil Sayfanızın Sol Kısmına Ekliyebiliyorsunuz. Bu konuda elinizde bir örnek veya döküman varmı. Ben Feysbook da olabileceğini düşündüm ancak ingilizce 0 olduğundan fazla birşey bulamadım.
Şimdiden Teşekkürler…
merhabalar bu yazmış oldugunuz kodları ne olarak
yani hangi php dosyasına kayıt edecegiz..
yada hocam ftp ye atmış oldugunuz dosyanın tümünü paylaşa bilirmisiniz ben deiklerinizi yaptım fakat uygulama çalışmadı
Yazıda açıklamıştım zaten ?
Mesela, ark.php, tab.php olarak kaydedin diye. Yazının dizisini tamamen okuyun sorununuz olmayacaktır diye umut ediyorum.
ark.php davet.php ve tab.php olarak verdiginiz kodları kaydedip ftp içindeki facebook klasörü php
dosyası içine attım fakat böyle bir sorun çıkıyor.
FBML Error (line 5): illegal tag “body” under “fb:canvas”
Birde yukarda vermiş oldugunuz bu kodu facebook.php içinemi ataçagız.
Facebook Platform altında vermiş oldugunuz ilk kodu facebook.php içinemi ataçagız.
Facebook Platform altındaki kısa kod facebook.php deki class yapısını nasıl kullanmamız gerektiğini anlatıyor.
Ark.php diye kayıt edin dediğim koda bakarsan zaten içerisinde kullanmışım class yapısını.
facebook.php bizim FaceBook Platform daki sınıf yapısı. Biz kendi yazıcağımız dosyalara bunu include edip class yapısını kullanmaya başlıyoruz. facebook.php nin orjinali ile oynama yok yani. Wiki sayfasına göz atarsan örnekler mevcut, bende onlardan yola çıkarak hazırlamıştım.
http://www.evrence.com/programlama/facebook-uygulamasi-yazmak-1.html
burada anlattıklarımı doğru yaptığına da emin ol. Yanlış yaparsan bunlarda sıkıntı yaratır.
çok teşekkür ederim acamilik başa bele 🙂 emin olun anlattıklarınızı bir bir yaptım.ama hata veriyor
son olarak şunu ögrenmek istiyorum ftp içindeki facebook klasöründe bulunan php dosyasının içine sadece ark.php ,davet.php ve tab.php mi attınız yoksa index.php de varmı varsa index.php içine hangi kodu yazmamız gerekiyor tekrar teşekkür ederim
Ben index.php de attım ama onla bir işiniz yok zaten sizin. Eğer index.php atmazsanız
http://apps.facebook.com/sizinuygulamanız/
adresi sayfa bulunamıyor diyecektir fakat,
http://apps.facebook.com/sizinuygulamanız/ark.php dediğinizde çalışacaktır..
index.php de diğerleri gibi bir dosya özelliği yok yani. Siz kendi programınıza göre özellik kazandıracaksınız, size kalmış
Çok Güzel Anlatmışsınız Çoooook Teşekkür ederim 🙂
Rica ederim Atakan 😉 Sizlerden böyle yorumlar almak beni gerçekten çok sevindiriyor. Böyle olduğu sürece sıkılmadan merak edilenleri aktarmaya devam 🙂 🙂
Evren bey ben flash mp3 player gibi bir uygulama oluşturdum uygulamam çalışıyor fakat kendi profilimde sayfaya ekleyemiyorum bunu nasıl yaparım bunun için bir kod varsa bunuda mı index.php dosyasına yazmak gerekiyor bu konuda bilgi alabilirmiyim…?
Kusura bakmayın, tatildeyim yorumlarınıza zamanında cevap veremiyorum.
Son gelişmelerden haberdar değilim, bilgilerim gerçek manada güncelliğini yitirmiş durumda. Ama Sanki uygulmayı oluşturuken profil kutularını desteklemesi için bir tık atıyorduk.
Syn Evren Bey benim sorunum FBML mp3 url player ve koda url ekledim ve çalışıyor sayfamda sorunsuz ama bu playera daha fazla şarkı eklemem gerekiyor kod bu burdkai şarkı sayısını arttırmam için ne yapmalıyım yardım ederseniz sevenirim teşekkürler
<fb:mp3 src=”http://www.fenerbahce.org/multimedia/marslar/marslar2_1907_marsi_remix.mp3″ title=”1907 Marsı” artist=”Fenerbahçe Eien” album=”Fenerbahçe Eien”>
Facebook, liste oluşturmaya izin verip vermediği konusunda bir bilgim yok henüz. Dilerseniz kendi mp3 player’ınızı http://developers.facebook.com/docs/reference/fbml/swf buradan yardım alarak, ekleyebilirsiniz.
Syn Evren Bey ben sayfama mp3 player oluşturdum ve çalışıyor yanlız sorunum tek şarkı çalıyor ve tekrar calması için play tusuna basmamız lazım ben bunu daha fazla şarkı ve o listenin otomatik çalmasını istiyorum kod bu yardım ederseniz sevnirim teşekkürler
<fb:mp3 src=”MP3 URL ADRESİ” title=”ŞARKI İSMİ” artist=”ŞARKICI İSMİ” album=”ALBÜM İSMİ”>
Syn Evren bey bu sayfada dedim mp3 player mevcut bu şekilde olmaıs imkansızmı
http://www.facebook.com/Fenerbahce?ref=ts#!/Fenerbahce?ref=ts
Eğer siz o playerdan yapnmak istiyorsanız
http://www.evrence.com/programlama/facebookda-muzik-calar-yapmak.html
bu yazımı okuyabilirsiniz.
Fakat kendi yazdığınız fbml kodları ile bir player oluşturmak istiyorsanız o iş başka. Facebook sadece yukarıda verdiğim linkteki gibi kullanım imkanı sağlıyor o player listesini. Eğer müzik eklemek isterseniz de tek tek sizin verdiğiniz koddaki gibi eklenebiliyor. Benim bildiğime göre dışarıdan öyle bir liste oluşturmak şuan mümkün değil. Fakat kendi müzik playerınızı ekleyebilirsiniz dilediğiniz gibi
anladım çok teşekkür ederim eğer beni ekelrseniz yardıma ihtiyac duydumda size ulaşmak isterim facebook profilimin linki buyrun
link silindi
Hasan bey, ilginiz için teşekkürler. Bu güne kadar kimse buradan profil linki paylaşmadı, bu günden sonra da paylaşılsın istemiyorum. Sorunlarınız oldukça buradan yardımcı olmaya çalışırım. Yerim belli, bir yere gittiğim yok 😉
<fb:mp3 src=”MP3 URL ADRESİ” title=”ŞARKI İSMİ” artist=”ŞARKICI İSMİ” album=”ALBÜM İSMİ”>
<fb:mp3 src=”MP3 URL ADRESİ” title=”ŞARKI İSMİ” artist=”ŞARKICI İSMİ” album=”ALBÜM İSMİ”>
<fb:mp3 src=”MP3 URL ADRESİ” title=”ŞARKI İSMİ” artist=”ŞARKICI İSMİ” album=”ALBÜM İSMİ”>
<fb:mp3 src=”MP3 URL ADRESİ” title=”ŞARKI İSMİ” artist=”ŞARKICI İSMİ” album=”ALBÜM İSMİ”>
<fb:mp3 src=”MP3 URL ADRESİ” title=”ŞARKI İSMİ” artist=”ŞARKICI İSMİ” album=”ALBÜM İSMİ”>
Bu şekilde yapmayı denedinizmi acaba olması lazım gibime geliyor…
Bende bu aşağıda olan mp3 playeri yaptım çalışmasına çalışıyorda profilde sol köşeye bir yere yerleştirme
işlemini yapamadım.
Öyle olmaz, olurda, playlist olmaz. Örnek olması açısından facebook üzerindeki evrence sayfasının kutular kısmına ekledim.
<fb:swf height=”360″ width=”270″ swfbgcolor=”000000″ imgstyle=”border-width:0px; border-color:white;”
swfsrc=’http://rules.bravehost.com/mp3 swf/lcd05.swf’
flashvars=”playList=http://rules.bravehost.com/mp3%20swf/mp3player.xml&ShowPlaylist=1&ShowEQ=1&firstTrack=1&initVol=100″ wmode=”opaque”>
/>
Ben bunu hazırladım kendi playerim için.
Evet o da farklı bir player eklemek için kullanılacak güzel bir yöntem.
http://www.evrence.com/programlama/fbml/facebooka-farkli-muzik-calar-ekleme.html
Bende yukarıdaki bağlantıda anlatmıştım facebook’a farklı bir player eklemeyi.
Benim sormak istediğim birisi uygulamam girdiğinde onun ve arkadaşlarında işte “engin ezelioyun da okey oynamaya başladı” şeklinde bunu nasıl yapabiliriz?
merhabalar,
kaptan bu senin sayfanda da olan listeli mp3 player kod nedir. Bir türlü bulamadım listeli olanını. yardımcı olursan sevinirim.
Hosting ihtiyacı olan arkadaşlar benim ile iletişime geçebilirler. Hosting firması değilim, Web yazılımı alanında çalışıyorum kendime ait server dan hosting satışı yapıyorum. İsteyen arkadaşlara yardımcı olabilirim.
Evren bey merhaba,
Kişisel web sayfamızı facebook’a ekleme işlemi hakkında bir yazı yazacak mısınız? Blog değil. Örnek olarak Ebru Gündeşin sayfasında kutuda web sitesi mevcut. Aynen o şekilde nasıl yapabiliriz.
Link verebilirseniz çok sevinirim. Örneği gördükten sonra anlatımı yaparım
merhaba evren bey.
benim sorum= bu facebook platformu indirdik ve bunu ftp mize icindeki php klasorunu mu aticaz. yoksa footprints ile birliktemi aticaz. dediginiz gibi sitemin uzerinde facebook uygulamasi icin bi klasor olusturdum ve uygulamaya yolunu gosterdim orda sorun yok fakat kurdugum bu klasorun icine hangi dosyalari atmam gerekiyor? ve sitem uzerinden buna bi veri tabani olusturup bilgilerini config.php ye girmem mi gerekiyor? ve bi index dosyasi olusturmamiz mi gerekiyor? gerekiyorsa nasil yapabilirim?
http://svn.facebook.com/svnroot/platform/clients/packages/facebook-platform.tar.gz
bu link calısmıyor.ne yapmamız lazım ?
merhaba evren bey, öncelikle php kütüphanesi linki çalışmıyor bunu belirtmek isterim. Ayrıca apps konusunda bizi aydınlattığınız için teşekkür ederim. Benim sormak istediğim bir çok şey vardı ama henüz başlayamadığım için şimdi ne desem boş kalacak. Eğer php kütüphanesinin yeni linkini ekleyebilirseniz, deneme yaptıktan sonra, diğer sorularım da gelecek.
Kütüphane linki güncellendi. Bu yazıyı yazalı epey oldu, güncelliğini yitirdi ne yazıkki. Vakit bulduğumda yeni düzenlemeler ile ilgili, türkçe, basit düzeyli birşeyler yazmaya çalışacağım.
ban bir şey sormak istiyorum.diyelim senin tarzında bir blog sitesi var. bu blogdaki son yazıları facebookta görüntülemek için bir uygulama yazılabilir mi? yani rss gibi . facebook için rss reader yazılabilir mi diye.
Yazılabilir ve örnekleri de mevcut. http://www.facebook.com/EvrenCeCom sayfasında hangi uygulamanın kullanıldığını görebilirsiniz.
çok sağol yanıt verdiğin için. ama aradığım şey bu değil gibi. burada postları status olarak paylaşıyor. ben siteyi wordpress’n postlarında göründüğü gibi facebook app sayfasında görünmesini istiyor. bir nevi siteyi facebook a gömme. düşündüm de çok şey mi istiyorum 🙂
wiki platformuna girilmiyor. Davet kodunu yaptığımda boş sayfa çıkıyor. Ayrıca size bir sorum daha olacaktı. Uygulamalarda izin ver izin verme bölümü bazı uygulamalarda duvarına yazma email gönderme gibi izinler de var. Ben yaptığımda sadece temel profil bilgilerine ulaşma var. Diğer izinleri nasıl ekleyebilirim. Birde daha önceden fbml ve iframe seçenekleri vardı. Yani canvas type. Şimdi o kaldırılmış. Sadece iframe yapılıyor. Bunu fbmlye döndürmemiz mevcut mu? Ayrıca bu konudaki yazılarınızın devamını bekliyorum. Umarım yayınlarsınız. 🙂 Sorularıma da cevap verirseniz çok memnun olurum.
@Yusuf, anladım aslında bunu biraz php biraz html ve css yardımı ile yapabilirsin. Facebook üzerinde bir uygulama oluşturacaksın ve canvas url senin blog unun bire birini gösterecek ? Facebook iframe olarak çekiyor ya o yüzden blog unun aynısı görünecektir. Hatta sadece beğenenlere gösterme gibi seçeneklerinde mevcut olacaktır.
@Lukama, kusura bakma adını değiştirdim. Anonim yorumları kabul etmiyorum genelde fakat güzel ve faydalı bir konuya değindiğin için yayınlamak istedim. Yorumdaki adın ve ada verdiğin bağlantı google da sana hiç bir kazanç sağlamayacaktır emin ol.
Dediğin gibi izinler, permission bölümleri var. Sen izin olarak hangi seçenekleri belirtirsen facebook kullanıcıdan o izinleri talep eder. Kodunda aralara virgül atarak istediğin izinleri talep edebilirsin. Biz türk kullanıcıları için geliştirici arşivi biraz karışık gibi fakat ben bu konuda bir yazı yazmayı düşünüyorum.
FBML e dönüştürmemiz mevcut mu derken demek istediğini tam anlayamadım fakat, html etiketinde fbml kullanıldığını belirtebilirsin.
Öncelikle isim için Kusura bakmayın. Bu izin kodunu hangi dosyaya yazacağımı bulamadım. facebook.php mi appinclude.php mi yoksa diğer dosyalar mı. Ve nereye yazacağımızı örnek kodla belirtirseniz sevinirim.
fbml artık kalktı çalışmıyor davet kodunu oluşturunca sayfa beyaz hiç bir çktı yok 🙁 bunu nasıl düzeltebilriiz ne yapmak gerekiyor ayrıyettden?
En kısa zamanda facebook uygulama konusunda yeni bir yazı yazmaya çalışacağım arkadaşlar
Merhaba evren bey sizden bi konuda yardım isticektim ben uygulamayı felan herşeyi yaptımda şu arkadaşlarınaö ner kısmını yapamadım ya bilgilendirebilirmisiniz lütfen çok ihtiyacım var ya şimdiden çok tşkederim…