Sezer Çoban

Bir İki Şey Biliyorum, Üç Dört Şey Ekliyorum.

Facebook Uygulama Oluşturma: Javascript İle Durum Güncelleme

Daha önceki yazılarımda* Facebook’un php kütüphanesini kullanarak kullanıcıdan izin isteme ve duvarına yazma konusunu anlatmıştım. Bu yazımda facebook’un javascript kütüphanesini kullanarak doğrudan bir html sayfası üzerinden durum güncellemeyi ele alacağım.

Bildiğiniz üzere telefon onaylı bir Facebook hesabından şu yazımdaki anlatım ile en temel ayarlarla bir facebook uygulaması oluşturmamız gerekiyor. Javascript kütüphanesinde yalnızca uygulama id’sini kullanıyoruz, gizlilik açısından uygulama anahtarını html kodlarına yazmamamız gerek.

Öncelikle facebook’un kütüphanesini sayfamıza çağırıyoruz:

 (function() { var e = document.createElement('script'); e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js'; e.async = true; document.getElementById('fb-root').appendChild(e); }());

Ardınndan Facebook kütüphanesinin div elementini sayfamızın body tagları arasında bir yere yerleştiriyoruz:

<div id="fb-root">&nbsp;</div>

Temel işlemleri uyguladıktan sonra, aynı php kütüphanesindeki gibi, facebook uygulamamızı FB.init parametresi ile oluşturuyoruz:

window.fbAsyncInit = function() {
        FB.init({
          appId  : 'UYGULAMA ID',
          status : true, // check login status
          cookie : true, // enable cookies to allow the server to access the session
          xfbml  : true  // parse XFBML
        });
}

Burda window.fbAsycInit ile sayfa yüklenir yüklenmez facebook uygulamamızı oluşturuyoruz ki facebook javascript kütüphanesi window.onload ya da jquery gibi hazır kütüphanelerin onload işlemleri ile çalışmıyor. Uygulama Id yazan yere oluşturduğunuz uygulamanın id’sini yazmayı da unutmayın.

Facebook ile post etme işlemini yapmadan önce kullanıcının uygulamamızdan izin alması gerekli, fb.login çağrısı ile kullanıcının izinlerini kontrol ediyoruz; eğer izin yoksa yeni bir pencerede izin isteyecek.

FB.login(function(response) {
if (response.authResponse) {
//izin alınmışsa yapılacak işlemler
//izin alınmamışsa pop up açacak ve izin isteyecek.
} else {
	alert("izin verilmedi.");//eger kullanıcı uygulamaya izin vermezse basit bir uyarı verdim
			  }
			}, {scope:'read_stream,publish_stream,offline_access'});//kullanıcıdan istenilecek izinler

Şimdi sıra esas işlemi yani post işlemini yapmaya geldi. fb.api çağrısı ile kullanıcının duvarına post gönderiyoruz:

FB.api('/me/feed', 'post', {message:'Javascript İle gönderilmiş bir durum güncellemesidir. - sezercoban.com'});

Bu kadar basit.

Örneğimizin çalışan halini buraya tıklayarak görebilir, kaynak kodlarına bakabilirsiniz.

  • Ahmet says:

    facebok javascript örneklerine devam edebilir misiniz? kullanıcı bilgilerini okuma falan da olsa iyi olur.

  • sezai says:

    meraba bende bir facebook beğeni sitesi açmak istiyorum yardımcı olabilirmisiniz.

    • Sezer says:

      yakın zamanda yeni facebook api hakkında döküman ve örnek paylaşacağım.

Your email address will not be published. Required fields are marked *

*