如何从Cognito异步函数返回响应并将其显示在页面上？

Question

给定以下代码，当响应成功或失败时，如何将响应输出回网页？

loginUser(data) {
    var authenticationData = {
      Username : data.email,
      Password : data.password
    };
    var authenticationDetails = new AmazonCognitoIdentity.AuthenticationDetails(authenticationData);
    var userPool = new AmazonCognitoIdentity.CognitoUserPool(config.cognito);
    var userData = {
      Username : data.email,
      Pool : userPool
    };
    var cognitoUser = new AmazonCognitoIdentity.CognitoUser(userData);
    var output = null;
    cognitoUser.authenticateUser(authenticationDetails, {
      onSuccess: function (result) {
          output = result;
          return output;
      },
      onFailure: function(err) {
          console.log(err);
      },
    });
}

<div id="test_mg"></div>

Answer 1

您可以使用async functionand Promise来从异步调用中获取结果。

function loginUser(data) {
    var authenticationData = {};
    var authenticationDetails = new AmazonCognitoIdentity.AuthenticationDetails(authenticationData);
    var userPool = new AmazonCognitoIdentity.CognitoUserPool(config.cognito);
    var userData = {};
    var cognitoUser = new AmazonCognitoIdentity.CognitoUser(userData);
    var output = null;
    return new Promise(function(resolve, reject) {
      cognitoUser.authenticateUser(authenticationDetails, {
        onSuccess: resolve,
        onFailure: reject,
      });
    });    
}

async function main() {
    try {
      var output = await loginUser(data);
    } catch(e) {
      console.log(e);
    }
}