Kiểm tra hoạt động web

Trong bước này, chúng ta sẽ kiểm tra hoạt động web.

  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

Bạn có thể tải xuống các tệp hình ảnh tại đây để thêm dữ liệu kiểm tra hoạt động của các dịch vụ.

  • Java.jpg (23 ko)
  • LetGoBook.png (292 ko)

    1. Nhập các liên kết sau vào một tab mới trong trình duyệt web của bạn: http://www.DOMAIN, thay thế tất cả DOMAIN bằng tên miền của bạn. Tất cả các liên kết này sẽ chuyển hướng đến đường dẫn mới, thay thế http bằng https. TestOperation

    2. Nhấp vào Create new book.

      • Nhập ID: 1.
      • Nhập tên sách: Java.
      • Nhập tác giả: Jame Patterson.
      • Nhập thể loại: IT.
      • Nhập giá: 10.98.
      • Nhập mô tả: Hướng dẫn cơ bản để học Java.
      • Nhấp vào nút Choose File và chọn hình ảnh LetGoBook.png mà bạn vừa tải xuống.
      • Nhấp vào nút Create. TestOperation
      • Nhấp vào nút OK khi popup mở ra. TestOperation

    3. Tạo sách mới như bước trước.

      • Nhấp vào Create new book.
      • Nhập ID: 2.
      • Nhập tên sách: Let's Go.
      • Nhập tác giả: Alex Edwards.
      • Nhập thể loại: IT.
      • Nhập giá: 15.8.
      • Nhập mô tả: Hướng dẫn từng bước để tạo web nhanh, an toàn với Go.
      • Nhấp vào nút Choose File và chọn hình ảnh LetGoBook.png mà bạn vừa tải xuống.
      • Nhấp vào nút Create. TestOperation
      • Nhấp vào nút OK khi popup mở ra. TestOperation

    4. Quay lại trang chủ.

      • Nhấp vào Home.
      • Nhấp vào nút Add to cart để thêm cả 2 sách vào giỏ hàng.
      • Sau đó, nhấp vào biểu tượng Cart ở góc trên bên phải. TestOperation

    5. Tại trang Cart Items.

      • Nhấp vào nút Checkout. TestOperation
      • Sau đó, nhấp vào nút OK. TestOperation

    6. Mở Amazon SQS console.

      • Nhấp vào Queues trên menu bên trái.
      • Nhấp vào hàng đợi checkout-queue. TestOperation
      • Tại trang checkout-queue, nhấp vào nút Send and receive messages. TestOperation
      • Tại trang Send and receive messages, nhấp vào nút Poll for messages. TestOperation
      • Sau đó, nhấp vào tin nhắn hiển thị. TestOperation
      • Kiểm tra popup Message: … và nhấp vào nút Done. TestOperation

    7. Mở email mà bạn đã đăng ký để nhận thông báo. TestOperation

    8. Quay lại tab ứng dụng.

      • Nhấp vào Orders và kiểm tra các sách bạn đã thêm vào giỏ hàng. TestOperation

    9. Tiếp theo, lặp lại bước 5 để thêm một số đơn hàng khác theo ý bạn.

    10. Mở tab ứng dụng.

      • Nhấp vào Orders và kiểm tra các sách bạn đã thêm vào giỏ hàng. TestOperation
      • Nhấp vào nút Handle và sau đó nhấp vào nút OK trên popup. TestOperation

    11. Mở AWS DynamoDB.

      • Nhấp vào Tables trên menu bên trái.
      • Chọn bảng OrdersTable. TestOperation
      • Tại trang OrdersTable, nhấp vào nút Explore table items. TestOperation
      • Bạn có thể thấy hai cuốn sách trong đơn hàng mà bạn đã nhấp vào nút Handle trước đó. TestOperation

    12. Quay lại tab ứng dụng.

      • Nhấp vào Orders và kiểm tra các sách bạn đã thêm vào giỏ hàng.
      • Tiếp theo, nhấp vào nút Delete và sau đó nhấp vào nút OK trên popup. TestOperation
      • Các mục đã xóa sẽ không còn hiển thị nữa. TestOperation