AWS Amplifyのユーザー認証でユーザー名の代わりにメールアドレスを使用する

AWS Amplifyのユーザー認証でユーザー名の代わりにメールアドレスを使用する:

はじめに

AmplifyとReactを使用して爆速でユーザー認証画面を実装するの内容に沿ってユーザー認証を実装すると、メールアドレスの他にユーザー名が必須となり、ログイン時にもユーザー名の入力が必要になる。そこで、メールアドレスでログインできるようにしたい。

参考： https://github.com/aws-amplify/amplify-js/issues/1634

手順

設定ファイルの作成

amplify add auth 

pushする前に、amplify/backend/auth/{your-project}/{your-project}-cloudformation-template.ymlにUsernameAttributesを追記する。

Type: AWS::Cognito::UserPool 
    Properties: 
      UsernameAttributes: 
       - "email" 
      UserPoolName: !Ref userPoolName 

amplify push 

push後は変更が効かないので注意が必要。