Mixing
How to keep logged in when open other tab with angular-oauth2-oidc?
0
I'm implementing login feature in angular using
angular-oauth2-oidc
and IndentityServer4 (.Net core). If I open tab A and logged in then I open other tab and go to my site, but the browser redirects to login page while I want it to keep stay in the home page. Here is my code :
ngOnInit() {
this.checkLogin();
this.getLoginData();
}
checkLogin() {
console.log({ TOKEN: this.oauthService.getAccessToken() })
if (this.oauthService.getAccessToken() != null) {
this.router.navigateByUrl('/home');
} else {
return;
}
}
Login() {
this.oauthService.fetchTokenUsingPasswordFlow(this.username, this.password).then((resp) => {
return this.oauthService.loadUserProfile();
}).then(() => {
let claims = this.oauthService.getIdentityClaims();
if (claims) console.log(claims);
this.rememberMe();
this.toastr.success("Login successful !");
this.router.navigateByUrl('/home');
}).catch((err) => {
this.toastr.error(err.error.error_description)
})
}
rememberMe() {
if (this.remember_me) {
this.cookieService.set('uSnGTX23NJKLX=', this.username);
this.cookieService.set('pWNEAExy2HBXS=', this.password);
} else {
this.cookieService.deleteAll();
}
}
private getLoginData() {
this.username = this.cookieService.get('uSnGTX23NJKLX=');
this.password = this.cookieService.get('pWNEAExy2HBXS=');
this.remember_me = (this.username != '' || this.password != '');
}
Does anyone have any idea? Thanks!
angular oauth-2.0 angular5 openid-connect angular-oauth2-oidc
asked Nov 21 '18 at 8:04
every Bitevery Bit
100110
add a comment |
0
I'm implementing login feature in angular using
angular-oauth2-oidc
and IndentityServer4 (.Net core). If I open tab A and logged in then I open other tab and go to my site, but the browser redirects to login page while I want it to keep stay in the home page. Here is my code :
ngOnInit() {
this.checkLogin();
this.getLoginData();
}
checkLogin() {
console.log({ TOKEN: this.oauthService.getAccessToken() })
if (this.oauthService.getAccessToken() != null) {
this.router.navigateByUrl('/home');
} else {
return;
}
}
Login() {
this.oauthService.fetchTokenUsingPasswordFlow(this.username, this.password).then((resp) => {
return this.oauthService.loadUserProfile();
}).then(() => {
let claims = this.oauthService.getIdentityClaims();
if (claims) console.log(claims);
this.rememberMe();
this.toastr.success("Login successful !");
this.router.navigateByUrl('/home');
}).catch((err) => {
this.toastr.error(err.error.error_description)
})
}
rememberMe() {
if (this.remember_me) {
this.cookieService.set('uSnGTX23NJKLX=', this.username);
this.cookieService.set('pWNEAExy2HBXS=', this.password);
} else {
this.cookieService.deleteAll();
}
}
private getLoginData() {
this.username = this.cookieService.get('uSnGTX23NJKLX=');
this.password = this.cookieService.get('pWNEAExy2HBXS=');
this.remember_me = (this.username != '' || this.password != '');
}
Does anyone have any idea? Thanks!
angular oauth-2.0 angular5 openid-connect angular-oauth2-oidc
asked Nov 21 '18 at 8:04
every Bitevery Bit
100110
add a comment |
0
0
0
I'm implementing login feature in angular using
angular-oauth2-oidc
and IndentityServer4 (.Net core). If I open tab A and logged in then I open other tab and go to my site, but the browser redirects to login page while I want it to keep stay in the home page. Here is my code :
ngOnInit() {
this.checkLogin();
this.getLoginData();
}
checkLogin() {
console.log({ TOKEN: this.oauthService.getAccessToken() })
if (this.oauthService.getAccessToken() != null) {
this.router.navigateByUrl('/home');
} else {
return;
}
}
Login() {
this.oauthService.fetchTokenUsingPasswordFlow(this.username, this.password).then((resp) => {
return this.oauthService.loadUserProfile();
}).then(() => {
let claims = this.oauthService.getIdentityClaims();
if (claims) console.log(claims);
this.rememberMe();
this.toastr.success("Login successful !");
this.router.navigateByUrl('/home');
}).catch((err) => {
this.toastr.error(err.error.error_description)
})
}
rememberMe() {
if (this.remember_me) {
this.cookieService.set('uSnGTX23NJKLX=', this.username);
this.cookieService.set('pWNEAExy2HBXS=', this.password);
} else {
this.cookieService.deleteAll();
}
}
private getLoginData() {
this.username = this.cookieService.get('uSnGTX23NJKLX=');
this.password = this.cookieService.get('pWNEAExy2HBXS=');
this.remember_me = (this.username != '' || this.password != '');
}
Does anyone have any idea? Thanks!
angular oauth-2.0 angular5 openid-connect angular-oauth2-oidc
asked Nov 21 '18 at 8:04
every Bitevery Bit
100110
I'm implementing login feature in angular using
angular-oauth2-oidc
and IndentityServer4 (.Net core). If I open tab A and logged in then I open other tab and go to my site, but the browser redirects to login page while I want it to keep stay in the home page. Here is my code :
ngOnInit() {
this.checkLogin();
this.getLoginData();
}
checkLogin() {
console.log({ TOKEN: this.oauthService.getAccessToken() })
if (this.oauthService.getAccessToken() != null) {
this.router.navigateByUrl('/home');
} else {
return;
}
}
Login() {
this.oauthService.fetchTokenUsingPasswordFlow(this.username, this.password).then((resp) => {
return this.oauthService.loadUserProfile();
}).then(() => {
let claims = this.oauthService.getIdentityClaims();
if (claims) console.log(claims);
this.rememberMe();
this.toastr.success("Login successful !");
this.router.navigateByUrl('/home');
}).catch((err) => {
this.toastr.error(err.error.error_description)
})
}
rememberMe() {
if (this.remember_me) {
this.cookieService.set('uSnGTX23NJKLX=', this.username);
this.cookieService.set('pWNEAExy2HBXS=', this.password);
} else {
this.cookieService.deleteAll();
}
}
private getLoginData() {
this.username = this.cookieService.get('uSnGTX23NJKLX=');
this.password = this.cookieService.get('pWNEAExy2HBXS=');
this.remember_me = (this.username != '' || this.password != '');
}
Does anyone have any idea? Thanks!
angular oauth-2.0 angular5 openid-connect angular-oauth2-oidc
angular oauth-2.0 angular5 openid-connect angular-oauth2-oidc
asked Nov 21 '18 at 8:04
every Bitevery Bit
100110
asked Nov 21 '18 at 8:04
every Bitevery Bit
100110
asked Nov 21 '18 at 8:04
every Bitevery Bit
100110
asked Nov 21 '18 at 8:04
every Bitevery Bit
100110
asked Nov 21 '18 at 8:04
every Bitevery Bit
100110
100110
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
0
- Try to store the logged info in localStorage.
- Use oauth service together with angular guards: https://github.com/katerinalev1992/Angular6Firebase/blob/master/src/app/services/auth-guard.service.ts
answered Nov 21 '18 at 8:08
Levitskaks LevLevitskaks Lev
516
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
});
}
});
draft saved
draft discarded
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%2f53407605%2fhow-to-keep-logged-in-when-open-other-tab-with-angular-oauth2-oidc%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
0
- Try to store the logged info in localStorage.
- Use oauth service together with angular guards: https://github.com/katerinalev1992/Angular6Firebase/blob/master/src/app/services/auth-guard.service.ts
answered Nov 21 '18 at 8:08
Levitskaks LevLevitskaks Lev
516
add a comment |
0
- Try to store the logged info in localStorage.
- Use oauth service together with angular guards: https://github.com/katerinalev1992/Angular6Firebase/blob/master/src/app/services/auth-guard.service.ts
answered Nov 21 '18 at 8:08
Levitskaks LevLevitskaks Lev
516
add a comment |
0
0
0
- Try to store the logged info in localStorage.
- Use oauth service together with angular guards: https://github.com/katerinalev1992/Angular6Firebase/blob/master/src/app/services/auth-guard.service.ts
answered Nov 21 '18 at 8:08
Levitskaks LevLevitskaks Lev
516
- Try to store the logged info in localStorage.
- Use oauth service together with angular guards: https://github.com/katerinalev1992/Angular6Firebase/blob/master/src/app/services/auth-guard.service.ts
answered Nov 21 '18 at 8:08
Levitskaks LevLevitskaks Lev
516
answered Nov 21 '18 at 8:08
Levitskaks LevLevitskaks Lev
516
answered Nov 21 '18 at 8:08
Levitskaks LevLevitskaks Lev
516
answered Nov 21 '18 at 8:08
Levitskaks LevLevitskaks Lev
516
516
add a comment |
add a comment |
draft saved
draft discarded
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.
draft saved
draft discarded
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%2f53407605%2fhow-to-keep-logged-in-when-open-other-tab-with-angular-oauth2-oidc%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
