1- İlk olarak yeni bir proje açıyoruz. Projeyi açarken ASP.NET MVC 4 Web Aplication'i seçiyoruz. Biz projemize MvcFaceBookLogin ismini verdik siz istediğiniz ismi verebilirsiniz.

2- Template'te Internet Aplication ve View Engine de Razor'u seçiyoruz.

3- https://developers.facebook.com/apps adresine facebook hesabımız ile giriş yaptıktan sonra uygulama oluştur butonuna tıklıyoruz. Biz uygulamamıza MVC4FBLogin ismini verdik siz istediğiniz ismi verebilirsiniz. Devam butonu ile uygulamamızı oluşturuyoruz.

4- Daha sonra sitemizin adresini alıyoruz. Projemizi çalıştırdığımızda tarayıcımızın adres satırından kopyalayabilirsiniz.

5- Facebook Aplication sayfasına geri dönerek facebook girişi destekleyen internet siteleri site URL yazan kısma sitemizin adresini yazıp kaydediyoruz.

6- MvcFaceBookLogin projemize geri dönerek Solution Explorer'da App_Start klasöründe bulunan AuthConfig.cs 'da App ID ve App Secret seçeneklerine facebook aplication' ımızın appid ve appsecret anahtarlarını giriyoruz.

7- Projemizi çalıştırıp Login linkine tıkladığımızda karşımıza gelen sayfada facebook butonu görülecek. Bu butona tıkladığımızda facebook uygulamamıza yönleneceğiz. Burada uygulamaya git diyerek uygulama giriş için izin vermiş oluyoruz.

8- Facebook bizi kayıt işlemini tamamlayacağımız son ekrana yönlendirecek. Burada site kullanıcı adını seçerek register diyoruz.

9- Sitemize facebook ile giriş yaptık.

10- Çıkış yapıp yeniden girmek istediğimizde eğer facebook a giriş yaptıysak otomatik olarak giriş yapılacak ve bizden her hangi bir bilgi istenmeyecektir. Eğer facebook girişi yapmadıysanız facebook giriş ekranına yönlendirileceksiniz.

Benzer konular :

http://www.asp.net/mvc/overview/security/create-an-aspnet-mvc-5-app-with-facebook-and-google-oauth2-and-openid-sign-on​

http://www.dotnetexpertguide.com/2012/08/facebook-twitter-oauth-openid-login-with-aspnet-mvc-4-application.html

http://blue-and-orange.net/articles/facebook/integrating-facebook-login-button-in-aspnet-mvc-4-application/