Error: Unauthorized in web api.

Rohan

Hello everyone I have face a issue . Client Applied security in web api(Admin api) I'm using this api in Forntend so I have face this error

Error: Unauthorized .How to access thi api in front side(client send this wording (Here what you need for login to create a token value and send application key and application name How to use this ))

5 Replies

Know the answer? Post it — somebody with the same question will find it here.

Sachin Singh5y ago
Accepted answer
yes, call the authenticate API, get the token and save it to local storage and then send the token with each request.
$.ajax({
    type: "POST",
    url: ,
    data: ,
    crossDomain: true,
    dataType: 'json',
    headers: {"key": ,"applicationName":},
    success: function(response) {
      localStorage.setItem('token', data.id_token);
    },
    error: function(response) {

    },
});
now use the token as
var token:localStorage.getItem('token');
$.ajax({
  url: "url",
  type: 'GET',

  headers: {
    Authorization: 'Bearer '+token
}
});
Sachin Singh5y ago
That is the body, if you have to send some data then use that or just leave it.
Ganesan C5y ago
Mostly after login only, we have to get access token and use for subsequent API calls.
Ganesan C5y ago
Hi,
First you need to get access token for accessing that API. For getting the token, you need to send request to another API(which is provide the access token). Using that token value(in the authentication header), you can access that API.
Sachin Singh5y ago
for this, first, you need to issue a postrequest to the Token endpoint with the application name and key, in the response you will get the token. Later you can use this token to access any end point.
$.ajax({
    type: "POST",
    url: ,
    data: ,
    crossDomain: true,
    dataType: 'json',
    headers: {"key": ,"applicationName":},
    success: function(response) {
      $('#output').html('Success');
    },
    error: function(response) {
      $('#output').html('Failure');
    },
});