概要

cognitoのユーザプール認証をやる。

手順

package.json

{
  "private": true
}

npm install --save-dev webpack json-loader
npm install --save amazon-cognito-identity-js

node_modules\amazon-cognito-identity-js\dist の中の amazon-cognito-identity.js を後で使う。

公式の ユーザの認証 項に記載されているjavascriptをjsファイルにコピペする。
ここでは test.js というファイル名で保存することにする。

下記注意。

username, password をユーザプールにユーザを登録した時のものに書き換える。
UserPoolId, ClientId も書き換える。
UserPoolIdに入力する値はユーザプールの管理画面の↓の赤枠部分
ClientIdに入力する値は、画面下の方にある アプリクライアント の右の方にあるエンピツボタンを押し、表示される画面の中の アプリクライアント ID の値。

適当なhtmlを作成し、javascriptとして、amazon-cognito-identity.js と test.js をhtml内で読み込む。

<script src="amazon-cognito-identity.js"></script>
<script src="test.js"></script>

htmlをブラウザで表示し、公式からコピペしたjs内の authenticateUser() の onSuccess() の result の内の accessToken, IdToken, refreshToken に値が入っていれば成功。

↓のようなエラーが出る場合

TypeError: callback.newPasswordRequired is not a function

コンソールからユーザを登録した場合、初回認証時に強制的にパスワードを変える必要がある。
ので、test.js の authenticateUser に↓のメソッドを追加する。

※パスワードが password になるのでそこは任意で。
※追加してもエラーが出る場合、リクエストへのレスポンスの内容を見ると何が悪いか書いてあるのでそれ見ながら修正する。
※公式の元ネタ

newPasswordRequired: function (userAttributes, requiredAttributes) {
    cognitoUser.completeNewPasswordChallenge("password", {}, this)
}