Social Provider Access in Web Application With MVC 5

• Adding Task
  
  Add the following Task in your Account Controller:
  
  1. private async Task FbAuthenticationToken(ApplicationUser User)
  2. {
  3. var claims = await AuthenticationManager.GetExternalIdentityAsync(DefaultAuthenticationTypes.ExternalCookie);
  4. if (claims != null)
  5. {
  6. var getclaim = await UserManager.GetClaimsAsync(User.Id);
  7. var FbToken = claims.FindAll("FacebookAccessToken").First();
  8. if (getclaim.Count() <= 0)
  9. {
  10. await UserManager.AddClaimAsync(User.Id, FbToken);
  11. }
  12. }
  13. }

• Modify the ExternalLoginCallback()
  
  Modify the external login provider in this method with the following code:
  

  1. // Sign in the user with this external login provider if the user already has a login
  3. var user = await UserManager.FindAsync(loginInfo.Login);
  4. if (user != null)
  5. {
  6. await FbAuthenticationToken(user);
  7. await SignInAsync(user, isPersistent: false);
  8. return RedirectToLocal(returnUrl);
  9. }

• Modify the LinkLoginCallback()
  
  Modify this method with this code:
  

  1. // GET: /Account/LinkLoginCallback
  2. publicasyncTask<ActionResult> LinkLoginCallback()
  3. {
  4. var loginInfo = await AuthenticationManager.GetExternalLoginInfoAsync(XsrfKey, User.Identity.GetUserId());
  5. if (loginInfo == null)
  6. {
  7. return RedirectToAction("Manage",new { Message = ManageMessageId.Error });
  8. }
  9. var result = await UserManager.AddLoginAsync(User.Identity.GetUserId(), loginInfo.Login);
  10. if (result.Succeeded)
  11. {
  12. var FbUser = await UserManager.FindByIdAsync(User.Identity.GetUserId());
  13. await FbAuthenticationToken(FbUser);
  14. return RedirectToAction("Manage");
  15. }
  16. return RedirectToAction("Manage",new { Message = ManageMessageId.Error });
  17. }

• Modify the ExternalLoginConfirmation()
  
  Modify the external login provider in this method with the following code:
  

  1. // Get the information about the user from the external login provider
  3. var info = await AuthenticationManager.GetExternalLoginInfoAsync();
  4. if (info == null)
  5. {
  6. return View("ExternalLoginFailure");
  7. }
  8. var user = newApplicationUser() { UserName = model.UserName };
  9. var result = await UserManager.CreateAsync(user);
  10. if (result.Succeeded)
  11. {
  12. result = await UserManager.AddLoginAsync(user.Id, info.Login);
  13. if (result.Succeeded)
  14. {
  15. await FbAuthenticationToken(user);
  16. await SignInAsync(user, isPersistent: false);
  17. return RedirectToLocal(returnUrl);
  18. }
  19. }
  20. AddErrors(result);

• Facebook Package
  
  Install the Facebook NuGet Package in your application.
  

• Modify the AccountViewModel
  
  Add the following code in your AccountViewModel.cs file in the Account Folder:
  

  1. public class FacebookViewModel
  2. {
  3. [Required]
  4. [Display(Name = "Friend's name")]
  6. public string Name { get;set; }
  8. public string Image { get;set; }
  9. }

• Modify Controller
  
  Add the following code in the Account Controller to access the Facebook Friends Information:
  

  1. public async Task<ActionResult> FacebookFriends()
  2. {
  3. var UserClaim = await
  5. UserManager.GetClaimsAsync(User.Identity.GetUserId());
  7. var token = UserClaim.FirstOrDefault(fb => fb.Type == "FacebookAccessToken").Value;
  9. var FbClient = newFacebookClient(token);
  11. dynamic FacebookFriends = FbClient.Get("/me/friends");
  12. var FbFriends=newList<FacebookViewModel>();
  13. foreach (dynamic MyFriend in FacebookFriends.data)
  14. {
  15. FbFriends.Add(newFacebookViewModel()
  16. {
  17. Name=MyFriend.name,
  18. Image= @"https://graph.facebook.com/" + MyFriend.id + "/picture?type=large"
  19. });
  20. }
  22. return View(FbFriends);
  23. }

Adding View

The final step is to add the View to access Facebook. So, proceed with the following procedure.

Step 1: Add a View to your Account Folder:

Step 2: In the wizard, enter the View name:

Step 3: Replace the boilerplate code with the following code:

Access Application

Use the following procedure to run the application.

Step 1: Click on the LogIn link on your Home Page:

Step 2: Click on Facebook to proceed.

Step 3: Enter the Facebook Credentials.

Step 4: Authenticate the Facebook App.

Step 5: Register yourself and click on the Facebook Friends to proceed.

Step 6: Now you can view your Facebook Friends in your Web Application.

Step 7: Please log off.

That's it.

Summary

This article will help you to access social providers such as Facebook in your ASP.NET Web Application. You can also create views to display them in a sleek way. Thanks for reading.