Merhaba,

Bu yazımda MVC 4 ile gelen sosyal ağ entegrasyonuna değineceğim. Bu versiyonda MVC 3’te yer alan webHelper desteği daha da geliştirilerek Twitter, Facebook ve Google+ üzerinde hesaplar ile ek bir kütüphane ihtiyacı olmadan doğrudan bağlantı kurulabiliyoruz. MVC 4 içerisinde Facebook C# SDK’yi da barındırıyor.

Örneğimizi Facebook üzerinden bilgi alan bir uygulama oluşturarak tamamlayacağız. Öncelikle Visual Studio’da yeni bir proje açalım. Projeye istediğiniz ismi verebilirsiniz.

Visual Studio Projeyi oluşturduktan sonra App_Start dosyası içinde yera alan AuthConfig.cs dosyası, bağlanmak istediğimiz sosyal ağa ait bilgileri ekleyeceğimiz bölüm. Facebook, MSN, Google+ ve Twitter için RegisterAuth metodu ile bağlantıları yapacağız.

Önce bunun nasıl gerçekleştiğine bakmakta fayda var.

OAuth

Günümüzde büyük internet sitelerinin – özellikle sosyal paylaşım siteleri – çoğunluğu barındırdıkları veriyi belirledikleri sınırlar içerisinde 3. parti uygulamalar/siteler ile paylaşıyor. OAuth sözkonusu uygulamanın veya web sitesinin kullanıcının şifresini bilmeleri gerekmeden kullanıcı verilerine erişmesine olanak tanıyan bir açık standart kimlik doğrulama protokolüdür.

Facebook, Twitter gibi sitelerden veri alabilmek için Access Token, APPID ve App Secret gibi uygulamamızı ilgili sitede doğrulamaya yarayan anahtarlara ihtiyacımız var.

Örneğimizde Facebook üzerinden devam ettiğimiz için https://developers.facebook.com/apps adresinden bir uygulama yaratıyoruz. “Create New App” e tıkladığımızda aşağıdaki gibi ilgili alanları dolduruyoruz.

 

Uygulamayı oluşturduktan sonra Facebook bize gerekli APPID ve App Secret bilgilerini vermiş durumda.

Facebook’la şuan işimiz tamamlandı.

Visual Studio’yu açıp projemize dönelim. AuthConfig.cs dosyasında Facebook’la ilgili olan alanı aktif hale getirelim.

//OAuthWebSecurity.RegisterFacebookClient(
// appId: “”,
// appSecret: “”);

AppID ve appSecret kısımlarına facebooktan aldığımız bilgileri yazıyoruz. Görünüm aşağıdaki gibi olmalı:

Uygulamayı çalıştıralım. Açılan standart MVC 4 sayfası karşımıza geldi. URL olarak görünen adresi kopyalayalım. Facebook’ta kullanıcı uygulamamıza erişim sağladıktan sonra yönlendirme için gerekli olan bu adrestir. Lokalde çalıştığımızdan adres http://localhost:port no// olarak kalabilir.

Adresi kopyaladıktan sonra aşağıdaki bölüme adresi yapıştırıp kaydedin.

Çalıştırdığımız uygulamıza geri dönüp sağ üstten Login’e basalım. Facebook uygulamamıza ait bilgileri verdiğimiz için artık Facebook Login açılmış oldu.

Facebook’u seçtiğimizde sayfa bizi facebook’a yönlendirip uygulamaya izin vermemizi isteyecek. İzin verdikten sonra http://localhost:port no// olarak kaydettiğimiz sayfaya yönlendirip kayıt işlemini tamamlayacağız.

Kayıt işlemiyle birlikte artık sitemiz Facebook’a bağlanmış oldu. Kullanıcıdan aldığımız izinler ölçüsünde Facebook’tan kullanıcı hakkında bilgi alabilir, timeline’a post edebiliriz. Bu işlemler için ayrıca metotlar yazmak gerek.

Bunu da bir başka yazımda aktarmaya çalışacağım.

Kolay Gelsin.