Convert cognitoUser.authenticateUser callback to observable
I'm building an angular app using AWS Cognito Javascript SDK for authentication.
I have a service on which I have a login method:
login(username: string, password: string): void {
const authData = {
Username: username,
Password: password
};
const authDetails = new AuthenticationDetails(authData);
const userData = {
Username: username,
Pool: userPool
};
this.cognitoUser = new CognitoUser(userData);
const self = this;
this.cognitoUser.authenticateUser(authDetails, {
onSuccess: self.onSuccess.bind(self),
onFailure: self.onFailure.bind(self),
newPasswordRequired: function(userAttributes, requiredAttributes) {
self.newPasswordRequired.next(true);
self.authIsLoading.next(false);
}
});
}
Now, instead of using callbacks directly on the service, I would like to return an observable from login method, to which I may subscribe and get the result of authentication: success, failure or new password required.
I took a look the Observable bindCallback and bindNodeCallback methods and also on this other question, but couldn't figure out how to do this.
How may this be achieved?
javascript angular rxjs amazon-cognito
asked Nov 24 '18 at 21:28
GCSDCGCSDC
545516
add a comment |
I'm building an angular app using AWS Cognito Javascript SDK for authentication.
I have a service on which I have a login method:
login(username: string, password: string): void {
const authData = {
Username: username,
Password: password
};
const authDetails = new AuthenticationDetails(authData);
const userData = {
Username: username,
Pool: userPool
};
this.cognitoUser = new CognitoUser(userData);
const self = this;
this.cognitoUser.authenticateUser(authDetails, {
onSuccess: self.onSuccess.bind(self),
onFailure: self.onFailure.bind(self),
newPasswordRequired: function(userAttributes, requiredAttributes) {
self.newPasswordRequired.next(true);
self.authIsLoading.next(false);
}
});
}
Now, instead of using callbacks directly on the service, I would like to return an observable from login method, to which I may subscribe and get the result of authentication: success, failure or new password required.
I took a look the Observable bindCallback and bindNodeCallback methods and also on this other question, but couldn't figure out how to do this.
How may this be achieved?
javascript angular rxjs amazon-cognito
asked Nov 24 '18 at 21:28
GCSDCGCSDC
545516
add a comment |
I'm building an angular app using AWS Cognito Javascript SDK for authentication.
I have a service on which I have a login method:
login(username: string, password: string): void {
const authData = {
Username: username,
Password: password
};
const authDetails = new AuthenticationDetails(authData);
const userData = {
Username: username,
Pool: userPool
};
this.cognitoUser = new CognitoUser(userData);
const self = this;
this.cognitoUser.authenticateUser(authDetails, {
onSuccess: self.onSuccess.bind(self),
onFailure: self.onFailure.bind(self),
newPasswordRequired: function(userAttributes, requiredAttributes) {
self.newPasswordRequired.next(true);
self.authIsLoading.next(false);
}
});
}
Now, instead of using callbacks directly on the service, I would like to return an observable from login method, to which I may subscribe and get the result of authentication: success, failure or new password required.
I took a look the Observable bindCallback and bindNodeCallback methods and also on this other question, but couldn't figure out how to do this.
How may this be achieved?
javascript angular rxjs amazon-cognito
asked Nov 24 '18 at 21:28
GCSDCGCSDC
545516
I'm building an angular app using AWS Cognito Javascript SDK for authentication.
I have a service on which I have a login method:
login(username: string, password: string): void {
const authData = {
Username: username,
Password: password
};
const authDetails = new AuthenticationDetails(authData);
const userData = {
Username: username,
Pool: userPool
};
this.cognitoUser = new CognitoUser(userData);
const self = this;
this.cognitoUser.authenticateUser(authDetails, {
onSuccess: self.onSuccess.bind(self),
onFailure: self.onFailure.bind(self),
newPasswordRequired: function(userAttributes, requiredAttributes) {
self.newPasswordRequired.next(true);
self.authIsLoading.next(false);
}
});
}
Now, instead of using callbacks directly on the service, I would like to return an observable from login method, to which I may subscribe and get the result of authentication: success, failure or new password required.
I took a look the Observable bindCallback and bindNodeCallback methods and also on this other question, but couldn't figure out how to do this.
How may this be achieved?
javascript angular rxjs amazon-cognito
javascript angular rxjs amazon-cognito
asked Nov 24 '18 at 21:28
GCSDCGCSDC
545516
asked Nov 24 '18 at 21:28
GCSDCGCSDC
545516
asked Nov 24 '18 at 21:28
GCSDCGCSDC
545516
asked Nov 24 '18 at 21:28
GCSDCGCSDC
545516
asked Nov 24 '18 at 21:28
GCSDCGCSDC
545516
545516
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
you can return new Observable and fire the observers with next() and error():
login(username: string, password: string): Observable<{ type: string, result: any }>{
const authData = {
Username: username,
Password: password
};
const authDetails = new AuthenticationDetails(authData);
const userData = {
Username: username,
Pool: userPool
};
this.cognitoUser = new CognitoUser(userData);
return new Observable<{ type: string, result: any}>(obs => {
this.cognitoUser.authenticateUser(authDetails, {
onSuccess: (result: any) => {
obs.next({ type: 'success', result: result });
obs.complete();
},
onFailure: (error: any) => obs.error(error),
newPasswordRequired: (userAttributes, requiredAttributes) => {
obs.next({ type: 'newPasswordRequired', result: [userAttributes, requiredAttributes] });
obs.complete();
}
});
});
}
edited Nov 24 '18 at 22:25
GCSDC
545516
answered Nov 24 '18 at 22:01
A.WinnenA.Winnen
857119
Thanks @A.Winnen, worked like a charm!
– GCSDC
Nov 24 '18 at 22:19
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%2f53462509%2fconvert-cognitouser-authenticateuser-callback-to-observable%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
you can return new Observable and fire the observers with next() and error():
login(username: string, password: string): Observable<{ type: string, result: any }>{
const authData = {
Username: username,
Password: password
};
const authDetails = new AuthenticationDetails(authData);
const userData = {
Username: username,
Pool: userPool
};
this.cognitoUser = new CognitoUser(userData);
return new Observable<{ type: string, result: any}>(obs => {
this.cognitoUser.authenticateUser(authDetails, {
onSuccess: (result: any) => {
obs.next({ type: 'success', result: result });
obs.complete();
},
onFailure: (error: any) => obs.error(error),
newPasswordRequired: (userAttributes, requiredAttributes) => {
obs.next({ type: 'newPasswordRequired', result: [userAttributes, requiredAttributes] });
obs.complete();
}
});
});
}
edited Nov 24 '18 at 22:25
GCSDC
545516
answered Nov 24 '18 at 22:01
A.WinnenA.Winnen
857119
Thanks @A.Winnen, worked like a charm!
– GCSDC
Nov 24 '18 at 22:19
add a comment |
you can return new Observable and fire the observers with next() and error():
login(username: string, password: string): Observable<{ type: string, result: any }>{
const authData = {
Username: username,
Password: password
};
const authDetails = new AuthenticationDetails(authData);
const userData = {
Username: username,
Pool: userPool
};
this.cognitoUser = new CognitoUser(userData);
return new Observable<{ type: string, result: any}>(obs => {
this.cognitoUser.authenticateUser(authDetails, {
onSuccess: (result: any) => {
obs.next({ type: 'success', result: result });
obs.complete();
},
onFailure: (error: any) => obs.error(error),
newPasswordRequired: (userAttributes, requiredAttributes) => {
obs.next({ type: 'newPasswordRequired', result: [userAttributes, requiredAttributes] });
obs.complete();
}
});
});
}
edited Nov 24 '18 at 22:25
GCSDC
545516
answered Nov 24 '18 at 22:01
A.WinnenA.Winnen
857119
Thanks @A.Winnen, worked like a charm!
– GCSDC
Nov 24 '18 at 22:19
add a comment |
you can return new Observable and fire the observers with next() and error():
login(username: string, password: string): Observable<{ type: string, result: any }>{
const authData = {
Username: username,
Password: password
};
const authDetails = new AuthenticationDetails(authData);
const userData = {
Username: username,
Pool: userPool
};
this.cognitoUser = new CognitoUser(userData);
return new Observable<{ type: string, result: any}>(obs => {
this.cognitoUser.authenticateUser(authDetails, {
onSuccess: (result: any) => {
obs.next({ type: 'success', result: result });
obs.complete();
},
onFailure: (error: any) => obs.error(error),
newPasswordRequired: (userAttributes, requiredAttributes) => {
obs.next({ type: 'newPasswordRequired', result: [userAttributes, requiredAttributes] });
obs.complete();
}
});
});
}
edited Nov 24 '18 at 22:25
GCSDC
545516
answered Nov 24 '18 at 22:01
A.WinnenA.Winnen
857119
you can return new Observable and fire the observers with next() and error():
login(username: string, password: string): Observable<{ type: string, result: any }>{
const authData = {
Username: username,
Password: password
};
const authDetails = new AuthenticationDetails(authData);
const userData = {
Username: username,
Pool: userPool
};
this.cognitoUser = new CognitoUser(userData);
return new Observable<{ type: string, result: any}>(obs => {
this.cognitoUser.authenticateUser(authDetails, {
onSuccess: (result: any) => {
obs.next({ type: 'success', result: result });
obs.complete();
},
onFailure: (error: any) => obs.error(error),
newPasswordRequired: (userAttributes, requiredAttributes) => {
obs.next({ type: 'newPasswordRequired', result: [userAttributes, requiredAttributes] });
obs.complete();
}
});
});
}
edited Nov 24 '18 at 22:25
GCSDC
545516
answered Nov 24 '18 at 22:01
A.WinnenA.Winnen
857119
edited Nov 24 '18 at 22:25
GCSDC
545516
edited Nov 24 '18 at 22:25
GCSDC
545516
edited Nov 24 '18 at 22:25
GCSDC
545516
545516
answered Nov 24 '18 at 22:01
A.WinnenA.Winnen
857119
answered Nov 24 '18 at 22:01
A.WinnenA.Winnen
857119
answered Nov 24 '18 at 22:01
A.WinnenA.Winnen
857119
857119
Thanks @A.Winnen, worked like a charm!
– GCSDC
Nov 24 '18 at 22:19
add a comment |
Thanks @A.Winnen, worked like a charm!
– GCSDC
Nov 24 '18 at 22:19
Thanks @A.Winnen, worked like a charm!
– GCSDC
Nov 24 '18 at 22:19
Thanks @A.Winnen, worked like a charm!
– GCSDC
Nov 24 '18 at 22:19
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.
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%2f53462509%2fconvert-cognitouser-authenticateuser-callback-to-observable%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
