Kích hoạt static web

Build source code

  1. Đầu tiên chúng ta cần clone source code mình đã chuẩn bị ở đây
  2. Chạy lần lượt các lệnh sau:
    • npm i
    • npm run build
    • Sau khi chạy xong 2 lệnh trên, chúng ta sẽ có thư mục dist có hình dạng như sau: dist
  3. Ở bucket “kong-static-web” đã tạo ở bước trước, ta chọn “Upload” s3-5
  4. Chọn “Add files” và chọn toàn bộ file trong thư mục dist vừa được build, bấm “Upload” s3-6

Bật S3 static

  1. Ở bucket “kong-static-web” chọn tab “Properties”
s3-7
  1. Kéo xuống dưới, ở mục Static Website Hosting chọn “Edit”
08-s3
  1. Static website hosting
    • Chọn “Enable”
    • Ở mục Index document Chúng ta nhập “index.html” (home page sẽ load file index.html của chúng ta)
    • Cuối cùng, chọn “Save Changes” s3-8 s3-9