Question

我试图让Cognito的忘记密码正常工作

我正在使用： Angular2 +打字稿+离子

我对这个过程还不熟悉，但我遵循了我在这里找到的快速入门https://www.libhive.com/providers/npm/packages/amazon-cognito-identity-js

无论我做什么，我总是得到无法读取未定义的属性'CognitoUser'，或类似的错误

＆＃13;

import { Component } from '@angular/core';
import { NavController, LoadingController } from 'ionic-angular';
import { TabsPage } from '../tabs/tabs';
import { SignupPage } from '../signup/signup';
import { ConfirmPage } from '../confirm/confirm';
import { LoginPage } from '../login/login';
import {Camera, CameraOptions} from '@ionic-native/camera';
import { Cognito } from '../../providers/aws.cognito';
import { User } from '../../providers/providers';
import { MediaCapture, MediaFile, CaptureError, CaptureImageOptions } from '@ionic-native/Media-Capture';
import {
    AuthenticationDetails,
    CognitoIdentityServiceProvider,
    CognitoUser,
    CognitoUserAttribute,
    CognitoUserPool
} from "aws-cognito-identity";
declare var AWS: any;
declare const aws_cognito_identity_pool_id;
declare const aws_cognito_region;

var AmazonCognitoIdentity = require('amazon-cognito-identity-js');
var CognitoUserPool = AmazonCognitoIdentity.CognitoUserPool;
var CognitoUser = AmazonCognitoIdentity.CognitoUser;


recovery()
  {
    AWS.config.region = aws_cognito_region;
    var CognitoUserPool = AmazonCognitoIdentity.CognitoUserPool;
    var userData = {
        Username : ‘testuser’,
        Pool : aws_cognito_identity_pool_id
    };
    
    var cognitoUser = new AWSCognito.CognitoIdentityServiceProvider.CognitoUser(userData);
    

        // call forgotPassword on cognitoUser
        cognitoUser.forgotPassword({
            onSuccess: function(result) {
                console.log('call result: ' + result);
            },
            onFailure: function(err) {
                alert(err);
            },
            inputVerificationCode() { // this is optional, and likely won't be implemented as in AWS's example (i.e, prompt to get info)
                var verificationCode = prompt('Please input verification code ', '');
                var newPassword = prompt('Enter new password ', '');
                cognitoUser.confirmPassword(verificationCode, newPassword, this);
            }
        });
    
    alert("It should have worked");
  }

＆＃13;

Answer 1

我已按照以下方式将其整理出来，导入我需要的所有内容

    import {
    CognitoIdentityServiceProvider,
    AuthenticationDetails,
    CognitoUserPool,
    CognitoUser,
    CognitoUserAttribute,
    ICognitoUserAttributeData,
    ISignUpResult,
    CognitoUserSession,
  } from 'amazon-cognito-identity-js';

  import * as AWS from 'aws-sdk';

然后在我的函数中使用它

          const userPool = this._getUserPoolData();

          const user = new CognitoUser({ Username: usrLoginDetails.username, Pool: userPool });
          const authenticationData = { Username: usrLoginDetails.username, Password: usrLoginDetails.password };
          const authenticationDetails = new AuthenticationDetails(authenticationData);



            user.authenticateUser(authenticationDetails, {
              onSuccess: result => {
               //success here 
              },
              onFailure: error => {}, //error here,
              newPasswordRequired: () => {},  // no-op
              mfaRequired: () => {},  // no-op
              customChallenge: () => {} // no-op
            });

我测试了它并且没有任何问题地运行它。如果这对您有用，请告诉我！

Answer 2

您可以尝试以下步骤：

步骤1：：安装aws-sdk npm install --save aws-sdk

步骤2 ：安装节点类型（如果未安装）`npm install --save-dev @ types / node

第3步：：通过在"types": ["node"]中配置tsconfig.app.json来使用已安装的键入，否则您必须删除"types"，因为angular默认使用节点键入。 / p>

最后，只需导入组件import * as AWS from 'aws-sdk'，即可使用您想要的任何功能。

让Amazon Cognito使用angular2和typescript

2 个答案: