how to pass username and password with api in angular?

Question

I have an API. If you open that you should enter username and password. How can I get the data which is in that API? If I write get("....api-url...."), it shows unauthorized error. How can I pass a username and password to that API?

constructor(private _http: Http) {
    this.getMyBlog();
}

private getMyBlog() {
    return this._http.get('http://localhost:8088/.../...')
        .map((res: Response) => res.json())
        .subscribe(data => {
            this.data = data;
            console.log(this.data);
        });
}

raaaay · Accepted Answer · 2021-03-21 07:30:18Z

6

I'm assuming you want to send it along with the GET request as query parameters?

This is terrible bad practice (the users password is part of the URL - while the body contents may be protected by SSL, the actual URL will be fully visible to attackers) - read more @ https://www.fullcontact.com/blog/never-put-secrets-urls-query-parameters/

Also, the HTTP Module is being deprecated - look at using the HttpClientModule instead (https://angular.io/guide/http)

If you still want to do this:

    public getMyBlog(username, password): Observable<any> {
      const params = new HttpParams().set('username', username).set('password', password);
      return this.http.get('...apiurl...', { params });
    }

For post:

    public getMyBlog(username, password): Observable<any> {
      const body = { username, password };
      return this.http.post('...apiurl...', body);
    }

A better way for get requests is to send a token in the headers:

    public getMyBlog(token) {
      const headers = new HttpHeaders().set('Authorization', token);
      return this.http.get('...apiurl...', { headers });
    }

edited Mar 21, 2021 at 7:30

raaaay

5627 silver badges14 bronze badges

answered Sep 14, 2017 at 6:09

yusijs

8679 silver badges20 bronze badges

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

4 Comments

ch pravalika Over a year ago

I'm not getting data from api.

yusijs Over a year ago

Is it your own API? Or a public one? If public, which is it?

ch pravalika Over a year ago

Its activiti rest api

yusijs Over a year ago

There are docs @ activiti.org/userguide/#_installation_and_authentication - basically you do:this.http.get(http://${username}:${password}@apiurl)

Swoox · Accepted Answer · 2017-09-14 06:13:24Z

0

Use `` and then you can make around your string instead of ''. Also try to do something to encrypt your password before sending it.

public getMyBlog(username, password): Observable<any> { return this._http.get(http://localhost:8088/${username}/${password}

answered Sep 14, 2017 at 6:13

Swoox

3,7602 gold badges23 silver badges32 bronze badges

Collectives™ on Stack Overflow

how to pass username and password with api in angular?

2 Answers 2

4 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related