Düzenleme
---------------------------------------------------------------------------
23.07.2008 : get_elapsedtime() fonksiyonu eklendi.
---------------------------------------------------------------------------
Blogumda yaptığım yenilik çalışmalarından bir tanesi de bu aralar pek bi' sık kullanıyor olduğum twitter'a yazmış olduğum son 5 ögeyi bloguma yansıtmaktı. Bu işi yapmak için twitter'in sunmuş olduğu html ve flash tabanlı çeşitli çözümler mevcut ancak bunları modifiye etmek ve kullanmak o kadar da kullanışlı olmuyor. Bu sebeple bende Twitter Api'den, PHP'den ve onun JSON kütüphanesinden yararlanarak kendi işimi, kendim görmeye karar verdim. Açıkçası hiçte zor olmadı :)

PHP ile JSON işlemleri yapmak için 2 adet fonksiyonumuz bulunuyor. Bunlardan birisi json_encode diğeri ise json_decode . Bu fonksiyonlardan json_encode, kendisine array ( Dizi Değişken ) olarak verilen bir veriyi, JSON formatına dönüştürüyor. Diğeri, yani json_decode ise bunun tam tersi bir iş yaparak JSON olarak aldığı veriyi, parçalayarak bir PHP dizisi haline getiriyor.

Ben Wordpress'e bu tür bir olayı eklemek istediğimden dolayı başta eklenti yazmayı düşündüm ancak sadece kendim kullanacağım ve bu aralar zaman konusunda sıkıntılarım olduğu için biraz gereksiz geldi.
Bu sebeple bende pek sevgili functions.php dosyası ile işimi hallettim. Twitter'da yazmış olduğum son 5 mesajı çekmek için aşağıda görmüş olduğunuz fonksiyonu yazdım.

PLAIN TEXT
PHP:
  1. /**
  2. * @param $user string Son Twitleri alınacak olan kullanıcının adı
  3. * @param $count int Kullanıcıya Ait kaç twit'in alınacağı
  4. * @return $json
  5. */
  6. function getTwitterItems( $user = '', $count = 5 ) {
  7.  
  8.     $file = file_get_contents("http://twitter.com/statuses/user_timeline/$user.json?count=$count");
  9.     $json = json_decode($file);
  10.     return $json;
  11.  
  12. }
  13.  
  14. // Kullanımı
  15. // $items = getTwitterItems("twitter_kullanici_adi",alınmak_istenen_mesaj_sayisi );
  16.  
  17. // $time should be a Unix timestamp - get it with strtotime()
  18. function get_elapsedtime($time) {
  19.  
  20.     $gap = time() - $time;
  21.  
  22.     if ($gap <5) {
  23.         return 'Şimdi';
  24.     } else if ($gap <10) {
  25.         return 'Çok az önce';
  26.     } else if ($gap <20) {
  27.         return 'Az Önce';
  28.     } else if ($gap <40) {
  29.         return 'Yarım dakika önce';
  30.     } else if ($gap <60) {
  31.         return 'Yaklaşık 1 Dk Önce';
  32.     }
  33.  
  34.     $gap = round($gap / 60);
  35.     if ($gap <60)  {
  36.         return $gap.' dakika önce';
  37.     }
  38.  
  39.     $gap = round($gap / 60);
  40.     if ($gap <24)  {
  41.         return 'yaklaşık '.$gap.' saat ago';
  42.     }
  43.  
  44.     return date('h:i A F d, Y', $time);
  45.  
  46. }

Bu fonksiyonu functions.php dosyama ilave ettikten sonra, sidebar.php dosyasında da bir takım düzenlemeler yapmam lazım geldi. Düzenleme dediysem o kadar da zor birşey değil. Altı üstü, bu fonksiyondan dönen verileri ekrana basacak olan bir döngü. O da aşağıda görmüş olduğunuz gibi basit bir foreach ile halloldu :)

PLAIN TEXT
PHP:
  1. <?php foreach( getTwitterItems("grkn",5) as $item ) : ?>
  2.         <div class="oge">
  3.             <div class="ust"></div>
  4.             <p><?= $item->text ?></p>
  5.             <span class="tarih"><?= get_elapsedtime(strtotime($item->created_at)) ?></span>
  6.             <div class="clear"></div>
  7.         </div>
  8. <?php endforeach; ?>

Burada $item->text ile belirtmiş olduğumuz şey, mesaj oluyor. Tabii ki yaptığımız JSON çağrısı ile sadece bu veri dönmüyor bize. Daha dönen ( kullanıcı adı, gönderilme tarihi v.b ) bir çok veri var ancak ben sadece bana lazım olanı kullandım. Twitter Api ile ilgili daha detaylı bilgiyi buradan (resmi) yada buradan gayri resmi olarak almanız mümkün. Ancak ben 2. verdiğim linki tavsiye ederim.

Tüm bu işlemlerden sonra artık twitter'a yazmış olduğum son 5 ögeyi rahatlıkla blogumda gösterebiliyordum. Ama 1 dakika bir problem var. Sanki çok mu şekilsiz oldu ne? Evet, öyle oldu. Bu sebeple birazcıkta css ile süsleme yapmam gerek. Bunu da aşağıdaki css çalışması ile yaptım.

PLAIN TEXT
CSS:
  1. div#sidebar div#twitter { margin-top:5px; }
  2.     div#sidebar div#twitter div.oge { background:url(images/twitter_u.png) no-repeat left top; width:221; margin:10px 0px 10px 10px; }
  3.     div#sidebar div#twitter div.oge div.ust { background:url(images/twitter_u.png) top no-repeat; width:%100; height:10px; }
  4.     div#sidebar div#twitter div.oge p { background:url(images/twitter_a.png) no-repeat left bottom #bff5ff; font-size:11px;}
  5.     div#sidebar div#twitter div.oge span.tarih { color:#828282; font-size:10px; text-indent:70px; }

Böylelikle sağ alt taraftan görebileceğiniz, bana ait son 5 mesajı konuşma baloncuğu şeklinde gösteren basit uygulamamı da yazmış oldum. Sınavlarım geçtikten sonra, bu basit uygulamayı bir wordpress eklentisine çevirme planlarımda var. Daha sonra görüşmek üzere, esen kalın! :)

Not : Yukarıda bahsetmiş olduğum tüm olayları aslında Javascript ile istemci tarafında halletmekte mümkündü. Ancak ben nedense PHP ile yaptım, daha sonradan farkettim ki Javascript ile bu işlemleri yapmak daha kolaymış. Javascript ile olan versiyonunu da bir daha ki yazı da yazarım artık :)

Bu yazı Cuma, Mayıs 16th, 2008 tarihinde 21:38 sularında yazıldı. , ile etiketlendi. Bu yazıya yazılan yorumları RSS 2.0 linkinden takip edebilirsiniz. Yorum bırakabilir, veya Geribildirim yapabilirsiniz.