Authentication với Amplify

  1. Chạy câu lệnh dưới đây tại thư mục gốc của ứng dụng mà bạn clone về để thêm authentication cho ứng dụng:
amplify add auth
  • Chọn theo các thông tin dưới đây:

    Do you want to use the default authentication and security configuration? Default configuration
    Warning: you will not be able to edit these selections.
    How do you want users to be able to sign in? Username
    Do you want to configure advanced settings? No, I am done.

CreateAuth

  1. Chạy câu lệnh sau để cập nhật tài nguyên trên cloud:
amplify push

CreateAuth

  1. Mở lại bảng điều khiển của CloudFormation để kiểm tra xem stack đã được tạo hay chưa.
  • Ấn vào id của UserPool để mở bảng điều khiển của Cognito User Pool

CreateAuth

  1. Chạy câu lệnh sau để bắt đầu với ứng dụng: npm start
  • Ấn Sign up để đăng ký một tài khoản mới.

Signup

  1. Nhập thông tin người dùng:
  • Tên người dùng, ví dụ: admin
  • Nhập email của bạn.
  • Mật khẩu, ví dụ: Admin123
  • Ấn Sign up

Signup

  1. Mở lại bảng điều khiển của Cognito User Pool, chọn tab User bạn sẽ thấy một người dùng đã được đăng ký nhưng chưa xác nhận

Signup

  1. Mở mail của bạn để lấy mã xác thực đã được gửi tự động.

Signup

  1. Nhập mã xác nhập vào ứng dụng rồi ấn Submit

Signup

  1. Mở lại bảng điều khiển của Cognito User Pool, ấn biểu tượng Refresh bạn sẽ thấy ngừoi dùng đã được xác thực

Signup

  1. Đăng nhập vào ứng dụng với tài khoản bạn vừa đăng ký.

Signin

  1. Bạn đã đăng nhập thành công.

Signin

  1. Chọn My Profile ở menu phía bên trái, sau đó ấn Update profile

UpdateProfile

  1. Nhập mật khẩu cũ, mật khẩu mới để cập nhật mật khẩu. Sau đó ấn Update

UpdateProfile

  1. Ấn OK

UpdateProfile

  1. Ấn Sign out để đăng xuất

UpdateProfile

  1. Ấn Sign in để đăng nhập lại

UpdateProfile

  1. Nhập thông tin tài khoản sau khi cập nhật để đăng nhập, sau đó ấn Sign in

UpdateProfile

  1. Bạn đã đăng nhập thành công bằng thông tin mới.

UpdateProfile