Skip to main content

SignIn Using Facebook Aspnet core 2.2

SignIn Using Social Logins Aspnet core 2.2


https://docs.microsoft.com/en-us/aspnet/core/security/authentication/social/google-logins?view=aspnetcore-2.2  

https://docs.microsoft.com/en-us/aspnet/core/security/authentication/social/facebook-logins?view=aspnetcore-2.2

Follow the above link to create an app and get the clientId and secret from google. and AppId and App secret from facebook.

Facebook Alone

To integrate login using facebook alone just add the below lines 

In ConfigureServices method

 services.AddAuthentication(op=> {
                op.DefaultChallengeScheme = FacebookDefaults.AuthenticationScheme;
                op.DefaultSignInScheme = CookieAuthenticationDefaults.AuthenticationScheme;
                op.DefaultAuthenticateScheme = CookieAuthenticationDefaults.AuthenticationScheme;
            })
                .AddFacebook(op => {
                    op.AppId = "";
                    op.AppSecret = "";
                })


In Configure method
 app.UseAuthentication();

In the Layout Page

 <ul class="navbar-nav flex-grow-1">
                        @if (User.Identity.IsAuthenticated)
                        {
                            <li class="nav-item">
                                <a class="nav-link text-dark" asp-area="" asp-controller="Home" asp-action="Index">Home</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link text-dark" asp-area="" asp-controller="Home" asp-action="Privacy">Privacy</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link text-dark" asp-controller="auth" asp-action="signOut">SignOut</a>
                            </li>
                        }
                        else
                        {
                            <li class="nav-item">
                                <a class="nav-link text-dark" asp-controller="auth" asp-action="signIn">SignIn</a>
                            </li>
                        }
                        
                    </ul>
The SignIn link will be shown when the User is not signed in and clicking on it will redirect the user to the signIn method in the AuthController.

AuthController

[Route("signin")]
        public IActionResult SignIn()
        {
            return Challenge(new AuthenticationProperties() { RedirectUri="/"});
        }

It is necessary to specify the redirectUri else after login the call there will be an infinite loop as after the user is authenticated the call comes back to the signIn method. So we need to redirect the user from this method once the user is signed in.

 [Route("signout")]
        public async Task<IActionResult> SignOut()
        {
            await HttpContext.SignOutAsync(CookieAuthenticationDefaults.AuthenticationScheme);
            return RedirectToAction("Privacy","Home");
        }

User claims can be viewed by using the folowing code

<h1>Welcome @User.Identity.Name</h1>
<ul>
    @foreach (var item in User.Claims)
    {

        <li><em>@item.Type : </em> <em> @item.Value</em> </li>
    }
</ul><h1>Welcome @User.Identity.Name</h1>
<ul>
    @foreach (var item in User.Claims)
    {

        <li><em>@item.Type : </em> <em> @item.Value</em> </li>
    }
</ul>

____________________________________________________________________________

 Multlple Social Login Providers

 To integrate more than one social logins we need to make a few change to the above code.

 services.AddAuthentication(op=> {
                op.DefaultChallengeScheme = CookieAuthenticationDefaults.AuthenticationScheme;
                op.DefaultSignInScheme = CookieAuthenticationDefaults.AuthenticationScheme;
                op.DefaultAuthenticateScheme = CookieAuthenticationDefaults.AuthenticationScheme;
            })
                .AddFacebook(op => {
                    op.AppId = "";
                    op.AppSecret = "";
                })
                .AddGoogle(op => {
                    op.ClientId = "1";
                    op.ClientSecret = "";
                })
                .AddCookie(op=> {
                    op.LoginPath = "/auth/signIn";
                });

 I have added google authentication to this application. So update the ConfigureServices method to allow google authentication. Notice DefaultChallengeScheme  has been changed to use cookie authentication , so that facebook authentication isnt being used as default.

In the Auth SignIn method we will not be issuing a challenge but redirecting to a view that will give the users the option to select a method to login. Modify SignIn method and add a view called signIn in the Auth Folder under the Views folder.

 [Route("signin")]
        public IActionResult SignIn()
        {
            //return Challenge(new AuthenticationProperties() { RedirectUri="/"});

            return View();
        }

 Code for SignIn.Cshtml

 @inject Microsoft.AspNetCore.Authentication.IAuthenticationSchemeProvider scheme


@foreach (var item in await scheme.GetRequestHandlerSchemesAsync())
{
    <a class="btn btn-primary login-button" asp-action="SignIn" asp-route-provider="@item.DisplayName">@item.DisplayName</a>

}

 We Inject the IAuthenticationSchemeProvider  bcoz we need the registered login schemes.

Once a user click on a Scheme the User is redirected to the screen where  He/She is asked to enter the credentials and upon successful authentication the user is redirected to the Home?index page where all the claims are displayed.



Comments

Post a Comment

Popular posts from this blog

Service Endpoints --

 1. Create a VNET with 2 subnets 2. Create a service endpoint policy. That enables us to specify which particular storage account to connect to. This is currently enabled for storage accounts alone. Otherwise as part of service endpoints we can specify the resource provider alone and not a specific resource. We can specify this service endpoint policy while creating a service endpoint. Only storage account allow service endpoint policies as of now. If we notice then selecting cosmos db or any other service other than storage will not have the ability to accept service endpoint policies. As mentioned microsoft.storage allows us to add service endpoint policies. Thus we can specify a particular resource within a provider This is 1 way of enabling service endpoints. Or we can directly go to the storage account and from the networking tab select Sub1. This will automatically configure service endpoints and will add a service endpoint policy that enables the resource to connect to the s...
Post a Comment
Read more

Function APP and KV integration

 Create a function App and enable system assigned identity Create  a Keyvault and add a secret (Name in my case) Configure Access policies for the function app in keyvault Create an  access policy in Key Vault   for the application identity you created earlier. Enable the "Get" secret permission on this policy. Do not configure the "authorized application" or   applicationId   settings, as this is not compatible with a managed identity. https://docs.microsoft.com/en-us/azure/app-service/app-service-key-vault-references Key Vault references currently only support system-assigned managed identities. User-assigned identities cannot be used. We are granting our function app permissions to get and list all the secrets in this keyvault. Add Key Vault secrets reference in the Function App configuration Go to the keyvault and click on the secret we just created. Copy the secret identifier. We need to add this value to the function app configuration.  @Microsof...
Post a Comment
Read more

Azure AD Authentication And Authorization

ROLE BASED AUTHORIZATION Step1:   Setup  API. 1. Create an app registration and create an app role. Make sure that the app role is assigned to user and applications. We add it to both user groups and applications as this role can be then assigned to both users and applications. Scopes can only be assigned to apps. Now we can have only users with this role access our application. This app role behind the scenes adds an approles section to the manifest.json. We can directly add it to the manifest file also. Step 2:  Setup an app registration for the UI/ WEB App. . We will grant this app the read role created in the API app (shown above). Go to Azure AD and select the UI app registration. When we register an application 2 elements get created. 1. App registration  2. Enterprise Application -- service principal that get created for the app Adding roles to applications Go to the App registration => API Persmissions => Add a Permission => My API's The My Api's sec...
Post a Comment
Read more