Using Facebook Authentication in ASP.Net MVC

You can easily login to your site using Facebook, Twitter, Google or Microsoft with just a few lines of code.

Procedure on how it is done

Before you can add a Facebook login to your web application you will need to register a new Facebook application. Head over to the Facebook Developer page and select “Create a New App” from the Apps menu at the top of the page.

Create App

Create an app using the following procedure.

Step 1

Click "Add a New App".



Step 2

Choose the following option depending on your requirements.



Step 3

Provide App Name.



Step 4

Choose Category.



Step 5

Provide the Site URL.



Step 6

Click on the “Settings” menu in the left hand navigation bar.



Step 7

Take note of the values for the “App ID” and “App Secret” fields since you will need these when enabling the Facebook login in your ASP.NET MVC application. To view the App Secret click on the “Show” button next to the app secret and add your Contact Email.



Now Enabling Facebook authentication in your ASP.NET MVC Application

The next step is to add the Facebook login to your ASP.NET MVC application. For this we will create a new ASP.NET MVC application using Visual Studio. Go to "File" -> "New" -> "Project..." and select the template for a new “ASP.NET Web Application” and click “OK”.



Next, select the Internet Application template.



Now open the AuthConfig.cs file.



Copy and paste the appid and secret into the authconfig file.





Run the application. Click on Login.

Click on the Facebook Button and you are logged in perfectly. But you are not getting the Email of the user. That is the most important thing so scope=email while redirecting to Facebook of the dialog. If you need additional fields that require user permission then them as parameters.

In the second function I am creating my own AuthenticationResult by calling functions from my custom Facebook class.

Facebook.cs