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
555516
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
555516
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
555516
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
555516
asked Nov 24 '18 at 21:28
GCSDCGCSDC
555516
asked Nov 24 '18 at 21:28
GCSDCGCSDC
555516
asked Nov 24 '18 at 21:28
GCSDCGCSDC
555516
asked Nov 24 '18 at 21:28
GCSDCGCSDC
555516
555516
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
555516
answered Nov 24 '18 at 22:01
A.WinnenA.Winnen
867119
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
555516
answered Nov 24 '18 at 22:01
A.WinnenA.Winnen
867119
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
555516
answered Nov 24 '18 at 22:01
A.WinnenA.Winnen
867119
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
555516
answered Nov 24 '18 at 22:01
A.WinnenA.Winnen
867119
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
555516
answered Nov 24 '18 at 22:01
A.WinnenA.Winnen
867119
edited Nov 24 '18 at 22:25
GCSDC
555516
edited Nov 24 '18 at 22:25
GCSDC
555516
edited Nov 24 '18 at 22:25
GCSDC
555516
555516
answered Nov 24 '18 at 22:01
A.WinnenA.Winnen
867119
answered Nov 24 '18 at 22:01
A.WinnenA.Winnen
867119
answered Nov 24 '18 at 22:01
A.WinnenA.Winnen
867119
867119
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
