Kiểm tra API với front-end

Sau khi kiểm tra các API hoạt động đúng với Postman, chúng ta sẽ kiểm tra các API được gọi với front-end xây dựng từ bước 2.

  1. Mở tệp config.js trong thư mục fcj-serverless-frontend đã được tải về từ phần 2

    • Thay giá trị cho APP_API_URL bằng URL của bạn: CreateRestAPI CreateRestAPI

  2. Mở tệp App.js trong thư mục fcj-serverless-frontend/src/, sửa giá trị của biến isAdmin thành true

  3. Chạy các dòng lệnh dưới đây:

    yarn build
aws s3 cp build s3://fcj-book-store --recursive

  4. Dán endpoint của S3 static web vào browser của bạn. Ứng dụng đã hiện thông tin sách, nhưng vẫn chưa có ảnh vì chúng ta chưa tải ảnh lên. CreateRestAPI Vậy API đọc dữ liệu đã hoạt động đúng.

  5. Kiểm tra API ghi dữ liệu:

    • Ấn sang tab Management

    • Ấn nút Update CreateRestAPI

    • Sửa bất kỳ thông tin gì bạn muốn trừ id

    • Ấn nút Choose image

    • Đưa ảnh dưới đây tải lên bucket:

    • DockerInAction.jpeg (33 ko)

    • Ấn nút Update

    • Ấn nút OK CreateRestAPI

    • Ảnh và thông tin được cập nhật CreateRestAPI

    • Ấn sang tab Create new book ghi dữ liệu mới vào cơ sở dữ liệu

    • Nhập id bằng 5

    • Nhập tên: Amazon Web Services in Action

    • Nhập tác giả: Andreas Wittig

    • Nhập thể loại: IT

    • Nhập giá: 59.99

    • Nhập mô tả: Amazon Web Services in Action, Second Edition is a comprehensive introduction to computing, storing, and networking in the AWS cloud. You’ll find clear, relevant coverage of all the essential AWS services you to know, emphasizing best practices for security, high availability and scalability.

  6. aws.jpg (24 ko)
    • Ấn nút Choose File để tải ảnh lên
    • Ấn nút Create
    • Ấn nút OK CreateRestAPI
    • Hiển thị thông tin vừa tạo CreateRestAPI

  7. Kiểm tra API xoá

    • Ấn sang tab Management

    • Ấn nút Update CreateRestAPI

    • Ấn nút Delete

    • Ấn nút OK để xác nhận xoá CreateRestAPI

    • Xem kết quả sau khi xoá: không còn xuất hiện thông tin sách nữa CreateRestAPI Chúng ta đã hoàn thành việc xây dựng một ứng dụng web đơn giản theo mô hình serverless. Để xây dựng ứng dụng serverless nhanh hơn, trong phần tiếp theo chúng ta sẽ sử dụng AWS Serverless Application Model (SAM). SAM cung cấp cú pháp để diễn đạt các hàm, API, cơ sở dữ liệu và event source mappings.