Authentication Using Twitter In ASP.NET Core 2.0

You can fill the form with the details as mentioned below.

• Name
  Give any name of your choice. But it should be universally unique. This means no one should have used this name earlier for creating a Twitter app. This works same as Email id. Two people cannot have same Email id; similarly, two Twitter apps cannot have the same name. I am using the name “DemoTwitterAuth” for this tutorial. If you use an already existing name then you will get an error “The client application failed validation: <your entered name> is already taken for Name.”
  
  
• Description
  Give an appropriate description.
  
  
• Website
  Give your public website URL. But for this demo purpose, we will use a dummy URL http://demopage.com.
  
  Important Note
  If you use the URL format as www.demopage.com, you will get an error “The client application failed validation: Not a valid URL format.” Always use URL format as http://demopage.com

• Callback URL
  Give the base URL of your application with /signin-twitter appended to it. For this tutorial, the URL will be http://localhost:51763/signin-twitter

Accept the Developer agreement by clicking the checkbox and click on “Create your Twitter application” button. You will be redirected to your newly created Twitter app page and you can also see a success message as shown in the image below.

Navigate to “Keys and Access Tokens” tab and make a note of Consumer Key (API Key) and Consumer Secret (API Secret) field values. These values we will be using ASP.NET Core app.

The fields are masked in this image for security purpose.

Configure Web App to use Twitter authentication

We need to store Consumer Key (API Key) and Consumer Secret (API Secret) field values in our application. We will use Secret Manager tool for this purpose. The Secret Manager tool is a project tool that can be used to store secrets such as password, API Key etc. for a .NET Core project during the development process. With the Secret Manager tool, we can associate app secrets with a specific project and can share them across multiple projects.

Open our web application once again and Right-click the project in Solution Explorer, and select Manage User Secrets from the context menu.

A secrets.json file will open. Put the following code in it.

1. {
2. "Authentication:Twitter:ConsumerKey": "Your Consumer Key here",
3. "Authentication:Twitter:ConsumerSecret": "Your Consumer Secret here"
4. }

Now open Startup.cs file and put the following code into ConfigureServices method.

1. services.AddAuthentication().AddTwitter(twitterOptions => {
2. twitterOptions.ConsumerKey = Configuration["Authentication:Twitter:ConsumerKey"];
3. twitterOptions.ConsumerSecret = Configuration["Authentication:Twitter:ConsumerSecret"];
4. });

In this code section, we are reading ConsumerKey and ConsumerSecret for the authentication purpose. So finally, Startup.cs will look like this.

1. using System;
2. using System.Collections.Generic;
3. using System.Linq;
4. using System.Threading.Tasks;
5. using Microsoft.AspNetCore.Builder;
6. using Microsoft.AspNetCore.Identity;
7. using Microsoft.EntityFrameworkCore;
8. using Microsoft.AspNetCore.Hosting;
9. using Microsoft.Extensions.Configuration;
10. using Microsoft.Extensions.DependencyInjection;
11. using DemoTwitterAuth.Data;
12. using DemoTwitterAuth.Models;
13. using DemoTwitterAuth.Services;
14. namespace DemoTwitterAuth {
15. public class Startup {
16. public Startup(IConfiguration configuration) {
17. Configuration = configuration;
18. }
19. public IConfiguration Configuration {
20. get;
21. }
22. // This method gets called by the runtime. Use this method to add services to the container.
23. public void ConfigureServices(IServiceCollection services) {
24. services.AddDbContext < ApplicationDbContext > (options => options.UseSqlServer(Configuration.GetConnectionString("DefaultConnection")));
25. services.AddIdentity < ApplicationUser, IdentityRole > ().AddEntityFrameworkStores < ApplicationDbContext > ().AddDefaultTokenProviders();
26. services.AddAuthentication().AddTwitter(twitterOptions => {
27. twitterOptions.ConsumerKey = Configuration["Authentication:Twitter:ConsumerKey"];
28. twitterOptions.ConsumerSecret = Configuration["Authentication:Twitter:ConsumerSecret"];
29. });
30. // Add application services.
31. services.AddTransient < IEmailSender, EmailSender > ();
32. services.AddMvc();
33. }
34. // This method gets called by the runtime. Use this method to configure the HTTP request pipeline.
35. public void Configure(IApplicationBuilder app, IHostingEnvironment env) {
36. if (env.IsDevelopment()) {
37. app.UseBrowserLink();
38. app.UseDeveloperExceptionPage();
39. app.UseDatabaseErrorPage();
40. } else {
41. app.UseExceptionHandler("/Home/Error");
42. }
43. app.UseStaticFiles();
44. app.UseAuthentication();
45. app.UseMvc(routes => {
46. routes.MapRoute(name: "default", template: "{controller=Home}/{action=Index}/{id?}");
47. });
48. }
49. }
50. }

And with this, our application is ready.

Launch the application and click "Login" in the top right corner of the homepage. You will be redirected to http://localhost:51763/Account/Login page, where you can see the option to login using Twitter on the right side of the page.

Clicking on the Twitter button will take you to Twitter authorization page where you will be asked to fill in your Twitter credentials and authorize the Twitter app to use your Twitter account.

Once you click on Authorize app, the application will take a few moments to authenticate your Twitter account and upon successful authentication, you will be redirected to a registration page inside your application where you need to fill in an email id to tag with your account.



Give an email id and click "Register". You will be redirected to homepage again but this time, you can also see your registered email is in the top right corner.

See Also

• Authentication using Google in ASP.NET Core 2.0
• Authentication Using Facebook In ASP.NET Core 2.0
• Authentication Using LinkedIn In ASP.NET Core 2.0

Conclusion

We have successfully created a Twitter app and used it to authenticate our ASP.NET Core application. I have attached the source code for your reference. Please note that secrets.json file contains dummy values. Hence, replace the values with the keys of your Twitter app before executing it.

Please let me know of your valuable feedbacks in the comment section below.