Code2night
  • Home
  • Blogs
  • Tutorial
  • Post Blog
  • Tools
    • Json Beautifier
    • Html Beautifier
  • Members
    • Register
    • Login
  1. Home
  2. Blogpost
14 May
2022

How to Integrate Linkedin Login in Asp.net MVC

by Shubham Batra

2624

Download Attachment

Social Login

So, now a days it is really important while developing applications that user's don't have to waste a lot of time trying to register or go inside your web application. So , keeping in mind the need of today's world we have few Social Login's available that are getting used mostly. These include Google Login,Linkedin and Microsoft. So, if you want to implement Google Login than please refer to this article Google Authentication in Asp.net MVC , that explains all steps for Google Login.

LinkedIN Login


So, for linkedin login we will have to follow these steps, first of all we will need to get our Client Id and Client Secret like all social Login's. So we will see how to get client id and client secret in LinkedIn.

Register New LinkedIN App

So we have to register a new linkedin app first, so just go to developer login of linkedin and login using one linkedin account , like showed in the image.

So , here we have to enter LinkedIN account username and password and click on Sign In.

Now, we will see this screen where you have to click on Create App

Now , we have to add the app name that will be showed when user will be asked for permission while using LinkedIN Login on your webapp. 

After entering the name , you will need one company page.  You can click on Create a company profile  ,  if you don't have a company page already.

On this screen you have to click on Company because we want to create one company page.

Fill all the details here , that is required and should be valid. For this step , your linkedin account must be old one. As it will not save for new accounts.

After filling your details, you have to click on Create page .  This will create your company page and we can go back to the process of creating app in step 3.

Now, you can select your created company page in the Linked Page selection search box. Select your company page and then enter privacy page url, which can be any url.

Now, add your logo and check the checkbox and click on create app.

Now, at this step, you have to click on this edit icon and you will see one link button there

This, must be the URL from your application where you will redirect when user will authorize the LinkedIn Login. You can change this url as per your need.

Now, click on the products tab.

Now, this is one of the most important step, as you have to select the features that you want to use, so click on select on the last two options. This will open a popup where you will have to check the checkbox and then the add button.

After adding both the service, they will appear like this, now your app is set up for getting used.You can go to Auth and check your Client Id and client Secret. 

Note, down your client id and client secret key from here. Now, we will go to our application and write the code for LinkedIN Authentication. 

public ActionResult RedirectLinkedIN(string code, string state)
        {
            try
            {
                var client = new RestClient("https://www.linkedin.com/oauth/v2/accessToken");
                var request = new RestRequest(Method.POST);
                ServicePointManager.SecurityProtocol = (SecurityProtocolType)3072;
                request.AddParameter("grant_type", "authorization_code");
                request.AddParameter("code", Request.QueryString["code"].ToString());
                request.AddParameter("redirect_uri", "http://localhost:8080/Home/RedirectLinkedIN");
                request.AddParameter("client_id", "Enter Your ClientId");
                request.AddParameter("client_secret", "Enter Your Client Secret");/*These are to be added in the view also on the button*/
                IRestResponse response = client.Execute(request);
                var content = response.Content;
                var res = (JObject)JsonConvert.DeserializeObject(content);
                var client2 = new RestClient("https://api.linkedin.com/v2/emailAddress?q=members&projection=(elements*(handle~))&oauth2_access_token=" + res["access_token"]);
                client = new RestClient("https://api.linkedin.com/v2/me?projection=(id,firstName,lastName,profilePicture(displayImage~:playableStreams))&oauth2_access_token=" + res["access_token"]);
               
                request = new RestRequest(Method.GET);
                var request2 = new RestRequest(Method.GET);
                response = client.Execute(request);
                var response2 = client2.Execute(request);
                content = response.Content;
                var content2 = response2.Content;
                var user = (JObject)JsonConvert.DeserializeObject(content);
                var useremail = (JObject)JsonConvert.DeserializeObject(content2);
            }
            catch (Exception ex)
            {
                throw ex;
            }
            return View();
        }

So , on the controller we will add one action where the user will redirect after successful login, this action and url must match the name which was given while creating the app.You have to install RestSharp 104 version for this.


<a style="margin-top:10px" href="https://www.linkedin.com/oauth/v2/authorization?response_type=code&client_id=77bc666rocp9sm&redirect_uri=http://localhost:8080/Home/RedirectLinkedIN&state=987654321&scope=r_liteprofile,r_emailaddress"
   class="btn btn-primary"> Hureee!Login with LinkedIN</a>

Here, on the view we will add one button  , which will be used for LinkedIN Authentication. Remember, you have to replace the url and client id in the href. Now run your application.


After, clicking on allow it will go on your Redirect URL which you have provided while creating app. You will get your Login information there.Like showed in the image.


So, this is how to Integrate Linkedin Login in Asp.net MVC.  If you get any error regarding Redirect Url, then please double check the url in the code and the app and also that you are using your client id and client secret.

  • |
  • LinkedIn Authentication , Login using LinkedIN , Social Login in AspNet , LinkedIn Authentication in AspNet MVC , LinkedIn Login in aspnet MVC

Comments

Follow Us On Social Media - Like Us On Facebook

Best Sellers

product 1

Hand Hug Bracelet For Women Men Cuff Bangle Adjustable Lover Couple Bracelets

Can be given as a gift to your family, relatives, or friends

Buy $15.99
product 1

Teddy bear hug bear plush toy bear cub

Can be given as a gift to your family, relatives, or friends


Buy $49.99

Tags

LinkedinLogin
LinkedinProfile
GetLinkedinProfile
C#
Aspnet
MVC
Linkedin
ITextSharp
Export to Pdf
AspNet Core
AspNet
View to Pdf in Aspnet
Model Validation In ASPNET Core MVC 60
Model Validation
Model Validation In ASPNET Core MVC
Model Validation In ASPNET
Image Compression in AspNet
Compress Image in c#
AspNet MVC
Thank you for Downloading....!

Subscribe for more tutorials

Support our team

Continue with Downloading

Welcome To Code2night, A common place for sharing your programming knowledge,Blogs and Videos

  • Panipat
  • info@Code2night.com

Links

  • Home
  • Blogs
  • Tutorial
  • Post Blog

Popular Tags

Copyright © 2023 by Code2night. All Rights Reserved

  • Home
  • Blog
  • Login
  • SignUp
  • Contact
  • Terms & Conditions
  • Refund Policy
  • About Us
  • Privacy Policy
  • Json Beautifier