Kiểm tra với front-end

Chúng ta sẽ thử đăng ký và đăng nhập từ ứng dụng web để kiểm tra API Gateway, hàm Lambda và User pool hoạt động.

  1. Mở API Gateway console.

    • Nhấp vào APIs trên menu bên trái.
    • Chọn fcj-serverless-api. TestFrontEnd
    • Nhấp vào Stages trên menu bên trái.
    • Chọn Staging.
    • Ghi lại Invoke URL. TestFrontEnd

  2. Mở tệp config.js trong thư mục mã nguồn của ứng dụng - FCJ-Serverless-Workshop.

    • Thay thế APP_API_URL bằng InvokeURL. TestFrontEnd

  3. Mở terminal của bạn và chạy các lệnh dưới đây.

    yarn build
aws s3 rm s3://fcj-book-shop-by-myself --recursive
aws s3 cp build s3://fcj-book-shop-by-myself --recursive

  4. Mở Amazon S3 console.

    • Nhấp vào bucket fcj-book-shop-by-myself. TestFrontEnd
    • Tại trang fcj-book-shop-by-myself.
      • Nhấp vào tab Properties. TestFrontEnd
      • Cuộn xuống cuối trang và ghi lại url Bucket website endpoint. TestFrontEnd

  5. Mở trình duyệt của bạn với url Bucket website endpoint đã ghi lại.

    • Nhấp vào Register. TestFrontEnd
    • Tại trang FCJ Book Store - Register.
      • Nhập email, mật khẩu và nhập lại mật khẩu của bạn.
      • Nhấp vào nút Register. TestFrontEnd
    • Mở hộp thư Mail của bạn và ghi lại mã xác nhận. TestFrontEnd
    • Quay lại trang Verify Email.
      • Nhập mã Confirmation bạn đã ghi lại.
      • Nhấp vào nút Submit. TestFrontEnd
    • Sau khi xác minh email thành công, nó sẽ chuyển hướng bạn đến trang FCJ Book Store - Login.
      • Nhập Email và Password của bạn.
      • Nhấp vào nút Submit. TestFrontEnd
    • Sau khi đăng nhập thành công, các tính năng: Create new book, Management, Order xuất hiện cho phép người dùng sử dụng. TestFrontEnd