IFrame Metodu ile Facebook’da Uygulama Oluşturmak.

Gönderen Ufuk Deniz tarih 31 Aralık 2011 Yorum Yaz (0) Yorumlara Git

Merhaba arkadaşlar, şu aralar üzerinde uğraştığım ve aslında benim de yeni öğrendim bir şeyi sizinle paylaşmak istedim. Facebook hesabı olmayanımız yoktur herhalde. Girdiğimiz grup veya sayfalarda sol menülerde bazı sekmeler ve/veya uygulamalar vardır. Bunları da görmüşsünüzdür. Şimdi bunların nasıl yapıldığını dilimin döndüğünce sizlere anlatmaya çalışayım.

Mantık: Kendi sunucumuzda buradaki uygulama penceresinde görüntülenecek olan sayfayı hazırlayıp, bu sayfanın Facebook’da iframe içerisinde görüntülenmesini sağlamak.

Sunucu Tarafı :

Öncelikle çok basit bir şekilde uygulamada görüntülenecek sayfamızı kendi sunucu tarafımızda hazırlıyoruz. Ben basitçe HTML olarak hazırladım. Sizler ASP,PHP,.NET gibi web yazılımları ile hazırladığınız sayfaları da görüntüleyebilirsiniz.

index.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-9"/>
<title>Facebook Deneme Uygulaması</title>
</head>
<body>

<font style=" font-family:Verdana; font-size:11px; font-weight:bold">İlk Facebook uygulamamız hayırlı olsun.</font>

</body>
</html>

Facebook Tarafı:

Facebook hesabımıza giriş yaptıktan sonra https://developers.facebook.com/ adresine giriyoruz.
Daha sonra “Uygulamalar” sekmesine tıklıyoruz.
butonuna tıklıyoruz.
Daha sonra uygulamamızın ekran adını ve https://apps.facebook.com/ alan adından sonra gelecek ismini giriyoruz.
Açılan sayfadan uygulamamıza resim/logo ekleyebilir, uygulama simgesini değiştirebilir ve/veya diğer bilgilerini güncelleyebiliriz.
Sayfanın alt kısmında bulunan “İnternet Sitesi”, “Facebook’ta Bir Uygulama” ve “Sayfa Sekmesi” alanlarını resimdeki gibi doldurup “Değişikleri Kaydet”iyoruz.
kayıt işlemini başarılı bir şekilde yaptıktan sonra sol menüde bulunan “İzin Penceresi” sekmesine gelinir. Bu aşamayı şimdilik geçiyorum. Ama kısaca uygulamanızın kullanıcıların hangi verilerine erişeceklerini ve bu erişim için izin almanızı sağlıyor. Bu erişim izin isteği sırasında görüntülenecke bilgiler giriliyor. Bu sekmeye tıklayrak “Değişikleri Kaydet” diyoruz.

Yine sol menüden “Gelişmiş” sekmesine tıklıyoruz. Burada yapacağımız tek bir ayar var. Uygulamanın görüntüleneceği iframe enxboy ayarı. İstersek 760px de sabitleyebilir, istersek ekran çönürlüğüne göre otomatik olarak ayarlanmasını sağlayabiliriz. Tavsiyem “Akışkan” seçeneğini seçmenizdir.

Evet. Uygulamamızı oluşturduk. Şimdi bu uygulamamızı sayfamıza eklemeye geldi sıra. https://www.facebook.com/add.php?api_key=142376849207397&pages adresinden “api_key=” kısmındaki rakamları kendi uygulamamızın keyi ile değiştirerek sayfayı çağırıyoruz. Kendi uygulamamızın keyine, uygulamamızın “Temel” sekmesinden ulaşabiliriz.

Gelen ekrandan uygulamanın hangi sayfaya ekleneceğini seçerek onaylıyoruz.

Veee, uygulamamız hazır.
Ayrıca uygulamammıza http://apps.facebook.com/ufukdeniz/ adresinden de direk ulaşabiliriz.

Şimdi önemli bir not : Eğer uygulamanızın olduğu sunucunuzda SSL sertifikanız yok ise uygulamanızı oluştururken ki güvenli adres alanlarını boş bırakmalısınız. Ayrıca bu şekildeki uygulamar “Güvenli gezinmesi” aktif olan kullanıcılarda görüntülenmeyecektir. Görüntülenebilmesi için “Hesap Ayarları > Güvenlik > Güvenli Gezinme > Mümkün olduğunda Facebook’a güvenli bağlantı (https) üzerinden bağlan” seçeneğinin kaldırılması gerekir.