Getting Started With Twitter Authentication in MVC 5

Nimit Joshi

13y46.1k5100Article

Twitter AppMVC5 ApplicationMvc login By TwitterTwitter Login

5 Comments

Join the conversation! Your thoughts help the community grow.

Hir Maheta8y ago
I get email=null in LoginInfo so can not register
Liza Varela12y ago
Thank you, that was it!
- Nimit Joshi12y ago
  I am glad to hear that you solve your problem. It is my pleasure..
Liza Varela12y ago
Hello, I am a little bit lost here, with Twitter's new authentication policy, if I implement this same steps, I keep receiving an error with the message, certificate validation incorrect. I was reading on Twitter's issues forum, since December 2013, they are requesting an HTTPS site with an SSL twitter certificate, I have been trying to do this for 3 days with no luck, can you help me, I am totally new on this field and I am lost, I do not know what to do, o how to implement this. HELP!
- Nimit Joshi12y ago
  Hey If you are getting the SSL warning regarding the certificate then it is possible that you did not configure your application for the SSL. Go through the following link to configure the SSL and try the steps defined above. http://www.c-sharpcorner.com/UploadFile/4b0136/working-with-facebook-and-google-oauth2-and-openid-in-visual/

Introduction

This article explains Twitter Authentication for logging into your ASP.NET Web Application developed in MVC Project Templates. I will use Visual Studio 2013 Preview and MVC 5 in my ASP.NET Web Application. As I had described in my earlier article there are various login options with which you can login your MVC Application. Here, I am describing for you how to authenticate your MVC Application with Twitter.

In that context, you will see in the following image that there are three login options available in my application with which you can login:

As you can see, the following are the login options available in my MVC Application and I am using Twitter Authentication in my application:

Facebook
Google
Twitter

Twitter Authentication for MVC Application

So, let's start to authenticate the MVC Application with Twitter using the following sections:

Twitter App Creation
MVC App Creation

Twitter App Creation

Let's start to create an Twitter app with the following procedure.

Step 1: At first, create an app in Twitter as a developer by https://dev.twitter.com/apps

Step 2: After login, create an app by clicking on "Create a New Application".

Step 3: Enter your unique App name and other necessary details.

Note: You need to enter the CallBack URL and choose Read and Write options to authorize . If you do not have any domain then you can enter an URL like http://www.website.com/

Step 4: After accepting the license agreement, click on "Create your Twitter Application".

Step 5: Copy your Consumer Key and Consumer Secret values from the next window.

That's it. Now, move to the next session.

MVC App Creation

Let's start to create an MVC app with the following procedure.

Step 1: Create an ASP.NET MVC Application.

Step 2: In your Solution Explorer, open the "Startup.Auth.cs" file .

Step 3: As you can see in the following figure, my Twitter authentication is disabled:

Please un-comment it and paste your Consumer Key value and Consumer Secret value in the file as I mentioned below:

Save the changes.

Step 4: Debug your application and move to the Login link.

Step 5: Click on the Twitter Login option.

Step 6: After clicking the "Twitter" link, it'll automatically move to authenticate your app from Twitter.

Step 7: Click on "Authorize App" and it'll redirect you back to your application.

Step 8: Register yourself to associate with a Twitter account.

Step 9: Now, you will see your User Name in your MVC Application.

Step 10: Log yourself out.

Summary

So far this article will help you to login your MVC Application by Twitter. In this article I have provided all necessary information related to Twitter. So just apply it in your MVC Application.

Thanks for reading my article.