Angular HttpClient | Equivalent to curl --user (basic authentication)

Question

I'm trying to access an API using Angular's HttpClient.

I have a key: xxyyzz. According to the API's documentation, I can access resources using the following curl:

curl --user 'key:' https://rest.apiname.com

Question: How can I implement this basic authentication using Angulars HttpClient?

I have tried:

const httpOptions = {
  headers: new HttpHeaders({
    'Content-Type':  'application/json',
    'Authorization': 'Basic xxyyzz:'
  })
};

this._http.get('https://rest.apiname.com/resource', httpOptions).subscribe(
  data => {
    console.log(data);
  },
  err => {
    console.log(err);
  }
)

This fails with a 401. Accessing the API using curl works without problems.

Any help us much appreciated!

pls have a look at this : stackoverflow.com/questions/50694913/… — jcuypers
– jcuypers, Commented Apr 2, 2019 at 13:23

Alexandre L. · Accepted Answer · 2019-04-02 13:28:38Z

3

The value of the basic Authorization header needs to be encoded :

const httpOptions = {
    headers: new HttpHeaders({
        'Content-Type':  'application/json',
        'Authorization': 'Basic ' + btoa('xxyyzz:')
    })
};

answered Apr 2, 2019 at 13:28

Alexandre L.

403 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Kenana Reda · Accepted Answer · 2019-04-02 13:28:22Z

0

here is How to make request with basic auth

   const basicAuth = username + ':' + password;
    let Headers = new HttpHeaders();
    Headers = Headers.append('Authorization', 'Basic ' + btoa(basicAuth));
    return this.http.post<any>(`${this.authUrl}getLoggedInUserInfo.json`, null, { headers: Headers })

answered Apr 2, 2019 at 13:28

Kenana Reda

4601 gold badge10 silver badges24 bronze badges

Collectives™ on Stack Overflow

Angular HttpClient | Equivalent to curl --user (basic authentication)

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related