Asp.Net projelerinde dünya çapında kullanılan web uygulamalarına bağlanarak çalışmanız gereken durumlar olabilir. Örneğin sitenize Facebook beğen butonu koyabilir, kişinin profil resmini Gravatar’dan alabilir, sitenize Twitter timeline koyabilirsiniz. Bunların her biri için ayrı ayrı araştırma yapmanız, her sitenin development dokümanlarını okuyup kodlama yapmanız gerekmekteydi. İdi dememin sebebi, Microsoft’un Web Helper kütüphanesine kadar böyleydi :) Microsoft Web Helper ile bu işlemler tek noktada toplandı ve kolay kullanılabilir hale getirildi.
Microsoft Web Helper kütüphanesini NuGet ile projenize ekleyebilirsiniz.
Kütüphane NuGet’te ASP.NET Web Helpers Library olarak tanımlanmaktadır.
Kurulumları tamamladıktan sonra projenize işlem yapacağımız sayfaları ekleyelim (Razor Web Page).
- Facebook.cshtml
- Gravatar.cshtml
- LinkPaylas.cshtml
- Twitter.cshtml
Microsoft Web Helper Facebook İşlemleri
Önce Facebook işlemlerinden başlayalım. Facebook işlemleri Facebook sınıfı altında yer alan metodlar ile yapılmaktadır.
Siteye Facebook Like (Beğen) Butonu Ekleme
Bu işlem için kütüphane içinde yer alan Facebook sınıfının LikeButton metodunu kullanacağız. Parametre olarak hangi sitenin beğenme butonunun yer almasını istiyorsanız onu yazabilirsiniz.
@Facebook.LikeButton("http://www.ugurkizmaz.com")
Siteye Facebook Aktivitelerini Ekleme
Sayfanıza sitenizle ilgili Facebook’ta yer alan aktiviteleri ekleyebilirsiniz. Bu işlemi Facebook sınıfının ActivityFeed metodu ile gerçekleştireceğiz. Parametre olarak hangi sitenin feedlerini almak istiyorsanız onu yazabilirsiniz.
@Facebook.ActivityFeed("http://www.yazilimdilleri.net")
Siteye Facebook Recommendations (Tavsiyeleri) Ekleme
Sayfanıza sitenizle ilgili Facebook’ta yer alan tavsiyeleri ekleyebilirsiniz. Bu işlemi Facebook sınıfının Recommendations metodu ile gerçekleştireceğiz. Parametre olarak hangi sitenin tavsiyelerini almak istiyorsanız onu yazabilirsiniz.
@Facebook.Recommendations("http://www.yazilimdilleri.net")
Microsoft Web Helper Twitter İşlemleri
Şimdi Twitter işlemlerine göz atalım. Twitter işlemleri Twitter sınıfı altında yer alan metodlar ile yapılmaktadır.
Siteye Tweet Butonu Ekleme
Sayfanızı ziyaret eden kullanıcıların sayfayı twitter üzerinden paylaşması için sayfaya Tweet butonu ekleyebilirsiniz. Bu işlem için kütüphane içinde yer alan Twitter sınıfının TweetButton metodunu kullanacağız.
@Twitter.TweetButton()
Siteye Twitter Takip Et Butonu Ekleme
Sayfanı ziyaret eden kullanıcıların twitter hesabınızı takip etmeleri için sayfana Twitter’dan Takip Et (Follow me on Twitter) butonu ekleyebilirsiniz. Bu işlem için kütüphane içinde yer alan Twitter sınıfının FollowButton metodunu kullanacağız. Parametre olarak takip edilecek twitter hesabının kullanıcı adını belirtiyoruz.
@Twitter.FollowButton("vukizmaz")
Microsoft Web Helper Gravatar İşlemleri
Şimdi Gravatar işlemlerine göz atalım. Gravatar işlemleri Gravatar sınıfı altında yer alan metodlar ile yapılmaktadır.
Siteye Gravatar Profil Resmini Ekleme
Sitenize üye olan kullanıcıların sitenize resim yüklemesi yerine Gravatar’da yer alan profil resmini kullanmak isteyebilirsiniz. Bu işlem için kullanıcının Gravatar’a kayıt olduğu e-posta adresini bilmeniz yeterli olacaktır. Gravatar sınıfının GetHtml metoduna parametre olarak e-posta adresini belirtip kişinin profil resmini alabilirsiniz.
@Gravatar.GetHtml("veyselugurkizmaz@hotmail.com")
Resim varsayılan olarak 80 x 80 px olarak gelmektedir. İsterseniz daha büyük boyutlu bir profil resmi de alabilirsiniz. Bunun için GetHtml metodununa ikinci parametre olarak istediğiniz resim boyutunu yazınız.
@Gravatar.GetHtml("veyselugurkizmaz@hotmail.com",200)
Sitene Paylaş Butonu Ekle
Sayfanıza giren kullanıcıların sayfanızı sosyal medyada paylaşabilmesi için paylaşma linkleri ekleyebilirsiniz. Paylaşım yapılabilen siteler:
- Delicious.com
- Digg.com
- Facebook.com
- Reddit.com
- Stumbleupon.com
- Twitter.com
Bu işlemi LinkShare sınıfının GetHtml metodu ile gerçekleştirebilirsiniz. Parametre olarak sayfa başlığını yazınız.
@LinkShare.GetHtml("Veysel Uğur KIZMAZ'ın Kişisel Blogu")
Not: Resimde Delicious.com ve Digg.com’un logoları görünmüyor. Bu iki site, buton resimlerini bulunduğu yerden kaldırmışlar :)
Örneğin Facebook linkine tıkladığımızda link paylaşım ekranı açılmaktadır.
Yepyeni makalelerde görüşmek dileğiyle :)
Veysel Uğur KIZMAZ
Bilgisayar Mühendisi
veysel@ugurkizmaz.com
www.ugurkizmaz.com