consume web api in asp.net c# with basic authentication

Question

how to consume web api in asp.net c# basic authentication and Request Parameters Please help me ASAP

Mukesh Nayak · Answer

Hi PP SmartWork, I have tried your code and i think we can write custom authorization filter as follows: public class CustomBasicAuthAtrribute : AuthorizationFilterAttribute { /// /// This is for authorization /// /// public override void OnAuthorization(HttpActionContext actionContext) { try { if (actionContext.Request.Headers.Authorization == null ) { actionContext.Response = new HttpResponseMessage(HttpStatusCode.Unauthorized); } else { string decodedAuthorizationHeaderParam = actionContext.Request.Headers.Authorization.Parameter; string encodedHeader = Encoding.UTF8.GetString(Convert.FromBase64String(decodedAuthorizationHeaderParam)); var splittedUser = encodedHeader.Split( ',' ); if (splittedUser.Length == 2) { if (splittedUser[0] != "admin" || splittedUser[1] != "admin" ) { actionContext.Response = new HttpResponseMessage(HttpStatusCode.Unauthorized); } } } } catch (Exception exception) { actionContext.Response = new HttpResponseMessage(HttpStatusCode.InternalServerError); } base .OnAuthorization(actionContext); } } Again you have to place the attribute on the top of controller as following : [CustomBasicAuthAtrribute] public class EmployeeController : ApiController { [Route( "api/employee/GetEmployeeList" )] public HttpResponseMessage GetEmployeeList() { List employeeModelList = new List (); try { DBHelper dbHelper = new DBHelper(); employeeModelList = dbHelper.GetEmployee(); } catch (Exception exception) { //Log Exception } return Request.CreateResponse(HttpStatusCode.OK, employeeModelList); } } Finally while calling web API through your client you can call as following : "utf-8" /> "Scripts/jquery-3.3.1.js" > "btnGetEmployee" > GetEmployee "ulEmployee" > $(document).ready( function () { $( '#btnGetEmployee' ).click( function () { var userName = 'admin' ; var password = 'admin' ; $.ajax({ url: 'http://localhost:65287/api/employee/GetEmployeeList' , type: "GET" , contentType: "application/json" , headers: { 'Authorization' : 'Basic ' + btoa(userName + ',' + password) }, success: function (result) { $.each(result, function (key, val) { $( '#ulEmployee' ).append($( ' ' ).text(val.EmployeeName)); }); }, error: function (err) { alert(err.statusText); } }); }); }); I have used "admin" as both user and passoword and if you check there is a function "btoa" you can get information for the same in following link : "https://developer.mozilla.org/en-US/docs/Web/API/WindowBase64/Base64_encoding_and_decoding" Mukesh Nayak