How To Configure Google Sign-In For ASP.NET MVC 5: Part Sixteen

• Getting Started With ASP.NET MVC
• First ASP.NET MVC 5.0 Application
• How to Publish ASP.NET MVC on IIS MVC 5.0: Part 3
• How to Publish ASP.NET MVC 5.0 Application on Windows Azure: Part 4
• ASP.NET MVC 5.0 Views (Dynamic/Strongly Typed Views) - Part 5
• What Are Areas in ASP.NET MVC - Part 6
• Using Partial Views In ASP.NET MVC 5.0: Part 7
• MVC 5.0 Application using Entity Framework DB First Approach: Part 8
• MVC 5.0 Application using Entity Framework Code First Approach: Part 9
• HTML Helpers In ASP.NET MVC 5.0: Part 10
• Using TempData, ViewData and ViewBag in ASP.NET MVC 5.0: Part 11
• Filters in ASP.NET MVC 5.0: Part 12
• Validations In ASP.NET MVC 5.0: Part 13
• Layouts (Master Pages) in ASP.NET MVC 5.0: Part 14
• Facebook Authentication In ASP.NET MVC 5.0: Part 15

Introduction

Enabling an Authentication sign in with Google and to allow users of your application to sign in with their Google account, you will need to register an application in the Google Developers console. After you have registered the application you can use the Client ID and Client Secret supplied by Google to register the Google social login provider in your ASP.NET MVC application.

You can follow the below screenshot:

Open the Visual Studio and select the File, New, then click Project.

Select Installed > Templates > Visual C#, and select ASP.NET Web Application from the menu. Here, I have given the name of my project to be “WebApplication8”.

In the below figure as you can see the default MVC will be selected, select MVC and then click “OK” button.

In Solution Explorer, your project has been created. Click on Web Application8 project.

Hit the ALT+ENTER key to show the properties.

Right click on to your project and select properties, select “Web” from the menus and take note of the “Project Url”, as you will need this when specifying the Redirect URI in Google.

Next, we need to click on Google +API.

Click on to "Enable" button, by clicking on to enable button API will be enabled.

You must have to enter your credentials, by which we can’t use API in our project.

So click on to Create Credentials and under it choose OAuth client ID.

For OAuth consent screen, click on to it.

In the OAuth consent screen panel, enter your email_id and product name which have been registered yet, click on to save button to save this.

Now click on create credentials and you have shown oAuth client id option, And then click on client id.

Click on radio button i.e. “web application” and click on to create button.

Now enter your URL in authorized redirect Urls

You mention your correct URL as on project in Visual Studio, go to properties of your existing project and copy URL from there.

Then click on create on click button.

After click on create button the client ID and client secret will be generated. Now copy both client id and client secret form here.

Now go to project.

In Solution Explorer, APP_START folder would be there. In APP_START folder you have STARTUP.AUTH.CS class, just click on to that class.

After clicking on that class, scroll down the page and you just show app.usegoogleAuthentication(), where I need to enter my client ID and client secret.

Below this you have a client id and client secret

Paste that client id and client secret

Just like this….

Now run your application. Press F5 to run it.

In the below screenshot, click on to Login button on the top-right of the page.

I’m going to Login with my Google account for authenticate. Click on Google to Login. After clicking on button, you will be redirected to Google website.

If you are not logged into Google yet, you will be prompted to do so.

Now Google will then prompt you to give the application permissions to access your personal data.

That's all about how we can configure Google Authentication in MVC Framework.

I hope you enjoyed this article. Stay tuned with me for more articles on all other Microsoft technologies.

Thanks.

Connect (“Nitin Pandit”);