Angular, http request with header and token for a login form
I am trying to create a login form in Angular 6. My test app check the data written from the current user and try to match with the data received from a remote service via http. This is the point: with a simple request as following, all works correctly. But what about a request also with header and token? How can I create a function with this information? Or, do you have a link with a specific tutorial for this case? Thank you very much!
onlogin(): void {
.get('myLink'=;
.subscribe(data => {
this.data = data;
this.loading = false});
}
(....)
(example from official Angular 6 Book, page 157)
angular http
add a comment |
I am trying to create a login form in Angular 6. My test app check the data written from the current user and try to match with the data received from a remote service via http. This is the point: with a simple request as following, all works correctly. But what about a request also with header and token? How can I create a function with this information? Or, do you have a link with a specific tutorial for this case? Thank you very much!
onlogin(): void {
.get('myLink'=;
.subscribe(data => {
this.data = data;
this.loading = false});
}
(....)
(example from official Angular 6 Book, page 157)
angular http
1
Are you trying to do a HTTP Request with few headers and a token?
– CodingFreak
Nov 14 '18 at 19:51
1
angular.io/guide/http
– JB Nizet
Nov 14 '18 at 19:54
Exactly! Thank you very much for the very quick response, I appreciate because is urgent... Do you have an idea?
– Archimede
Nov 14 '18 at 19:54
Possible duplicate of Angular sending token with get (and other) requests
– CodingFreak
Nov 14 '18 at 19:55
Thank you too CodingFreak, not exactly a duplicate I think... And also in that guide I see several example but I don't understand which part is useful for my case. Thank very much both, I try to edit the question to be more specific. If you can simply explain me how to modify this request to include an header and a token, I appreciate too much! PS Sorry if the question is banal but I am relatively new to Angular.
– Archimede
Nov 14 '18 at 19:59
add a comment |
I am trying to create a login form in Angular 6. My test app check the data written from the current user and try to match with the data received from a remote service via http. This is the point: with a simple request as following, all works correctly. But what about a request also with header and token? How can I create a function with this information? Or, do you have a link with a specific tutorial for this case? Thank you very much!
onlogin(): void {
.get('myLink'=;
.subscribe(data => {
this.data = data;
this.loading = false});
}
(....)
(example from official Angular 6 Book, page 157)
angular http
I am trying to create a login form in Angular 6. My test app check the data written from the current user and try to match with the data received from a remote service via http. This is the point: with a simple request as following, all works correctly. But what about a request also with header and token? How can I create a function with this information? Or, do you have a link with a specific tutorial for this case? Thank you very much!
onlogin(): void {
.get('myLink'=;
.subscribe(data => {
this.data = data;
this.loading = false});
}
(....)
(example from official Angular 6 Book, page 157)
angular http
angular http
edited Nov 14 '18 at 20:03
asked Nov 14 '18 at 19:42
Archimede
101112
101112
1
Are you trying to do a HTTP Request with few headers and a token?
– CodingFreak
Nov 14 '18 at 19:51
1
angular.io/guide/http
– JB Nizet
Nov 14 '18 at 19:54
Exactly! Thank you very much for the very quick response, I appreciate because is urgent... Do you have an idea?
– Archimede
Nov 14 '18 at 19:54
Possible duplicate of Angular sending token with get (and other) requests
– CodingFreak
Nov 14 '18 at 19:55
Thank you too CodingFreak, not exactly a duplicate I think... And also in that guide I see several example but I don't understand which part is useful for my case. Thank very much both, I try to edit the question to be more specific. If you can simply explain me how to modify this request to include an header and a token, I appreciate too much! PS Sorry if the question is banal but I am relatively new to Angular.
– Archimede
Nov 14 '18 at 19:59
add a comment |
1
Are you trying to do a HTTP Request with few headers and a token?
– CodingFreak
Nov 14 '18 at 19:51
1
angular.io/guide/http
– JB Nizet
Nov 14 '18 at 19:54
Exactly! Thank you very much for the very quick response, I appreciate because is urgent... Do you have an idea?
– Archimede
Nov 14 '18 at 19:54
Possible duplicate of Angular sending token with get (and other) requests
– CodingFreak
Nov 14 '18 at 19:55
Thank you too CodingFreak, not exactly a duplicate I think... And also in that guide I see several example but I don't understand which part is useful for my case. Thank very much both, I try to edit the question to be more specific. If you can simply explain me how to modify this request to include an header and a token, I appreciate too much! PS Sorry if the question is banal but I am relatively new to Angular.
– Archimede
Nov 14 '18 at 19:59
1
1
Are you trying to do a HTTP Request with few headers and a token?
– CodingFreak
Nov 14 '18 at 19:51
Are you trying to do a HTTP Request with few headers and a token?
– CodingFreak
Nov 14 '18 at 19:51
1
1
angular.io/guide/http
– JB Nizet
Nov 14 '18 at 19:54
angular.io/guide/http
– JB Nizet
Nov 14 '18 at 19:54
Exactly! Thank you very much for the very quick response, I appreciate because is urgent... Do you have an idea?
– Archimede
Nov 14 '18 at 19:54
Exactly! Thank you very much for the very quick response, I appreciate because is urgent... Do you have an idea?
– Archimede
Nov 14 '18 at 19:54
Possible duplicate of Angular sending token with get (and other) requests
– CodingFreak
Nov 14 '18 at 19:55
Possible duplicate of Angular sending token with get (and other) requests
– CodingFreak
Nov 14 '18 at 19:55
Thank you too CodingFreak, not exactly a duplicate I think... And also in that guide I see several example but I don't understand which part is useful for my case. Thank very much both, I try to edit the question to be more specific. If you can simply explain me how to modify this request to include an header and a token, I appreciate too much! PS Sorry if the question is banal but I am relatively new to Angular.
– Archimede
Nov 14 '18 at 19:59
Thank you too CodingFreak, not exactly a duplicate I think... And also in that guide I see several example but I don't understand which part is useful for my case. Thank very much both, I try to edit the question to be more specific. If you can simply explain me how to modify this request to include an header and a token, I appreciate too much! PS Sorry if the question is banal but I am relatively new to Angular.
– Archimede
Nov 14 '18 at 19:59
add a comment |
1 Answer
1
active
oldest
votes
For adding a token to the Http request, you can use RequestOptionsArgs
onlogin(): void {
let headers = new Headers({ 'authToken':'Place your Token Here' });
let reqOptionsArgs = new RequestOptions({headers:headers});
// Your Injected Http in the service.
this.http
.get('Your API URL', reqOptionsArgs)
.subscribe(data => {
this.data = data;
this.loading = false});
});
}
Thank you very, very much!
– Archimede
Nov 14 '18 at 20:08
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53307677%2fangular-http-request-with-header-and-token-for-a-login-form%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
For adding a token to the Http request, you can use RequestOptionsArgs
onlogin(): void {
let headers = new Headers({ 'authToken':'Place your Token Here' });
let reqOptionsArgs = new RequestOptions({headers:headers});
// Your Injected Http in the service.
this.http
.get('Your API URL', reqOptionsArgs)
.subscribe(data => {
this.data = data;
this.loading = false});
});
}
Thank you very, very much!
– Archimede
Nov 14 '18 at 20:08
add a comment |
For adding a token to the Http request, you can use RequestOptionsArgs
onlogin(): void {
let headers = new Headers({ 'authToken':'Place your Token Here' });
let reqOptionsArgs = new RequestOptions({headers:headers});
// Your Injected Http in the service.
this.http
.get('Your API URL', reqOptionsArgs)
.subscribe(data => {
this.data = data;
this.loading = false});
});
}
Thank you very, very much!
– Archimede
Nov 14 '18 at 20:08
add a comment |
For adding a token to the Http request, you can use RequestOptionsArgs
onlogin(): void {
let headers = new Headers({ 'authToken':'Place your Token Here' });
let reqOptionsArgs = new RequestOptions({headers:headers});
// Your Injected Http in the service.
this.http
.get('Your API URL', reqOptionsArgs)
.subscribe(data => {
this.data = data;
this.loading = false});
});
}
For adding a token to the Http request, you can use RequestOptionsArgs
onlogin(): void {
let headers = new Headers({ 'authToken':'Place your Token Here' });
let reqOptionsArgs = new RequestOptions({headers:headers});
// Your Injected Http in the service.
this.http
.get('Your API URL', reqOptionsArgs)
.subscribe(data => {
this.data = data;
this.loading = false});
});
}
edited Nov 14 '18 at 20:11
answered Nov 14 '18 at 20:07
CodingFreak
594625
594625
Thank you very, very much!
– Archimede
Nov 14 '18 at 20:08
add a comment |
Thank you very, very much!
– Archimede
Nov 14 '18 at 20:08
Thank you very, very much!
– Archimede
Nov 14 '18 at 20:08
Thank you very, very much!
– Archimede
Nov 14 '18 at 20:08
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53307677%2fangular-http-request-with-header-and-token-for-a-login-form%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
1
Are you trying to do a HTTP Request with few headers and a token?
– CodingFreak
Nov 14 '18 at 19:51
1
angular.io/guide/http
– JB Nizet
Nov 14 '18 at 19:54
Exactly! Thank you very much for the very quick response, I appreciate because is urgent... Do you have an idea?
– Archimede
Nov 14 '18 at 19:54
Possible duplicate of Angular sending token with get (and other) requests
– CodingFreak
Nov 14 '18 at 19:55
Thank you too CodingFreak, not exactly a duplicate I think... And also in that guide I see several example but I don't understand which part is useful for my case. Thank very much both, I try to edit the question to be more specific. If you can simply explain me how to modify this request to include an header and a token, I appreciate too much! PS Sorry if the question is banal but I am relatively new to Angular.
– Archimede
Nov 14 '18 at 19:59