Cấu hình CORS

CORS (Cross-Origin Resource Sharing) là một kĩ thuật được sinh ra để làm cho việc tương tác giữa client và server được dễ dàng hơn, nó cho phép một trang web có thể tạo request lên một REST API được host ở một domain khác (hiểu đơn giản là cho phép tài nguyên của một trang web như fonts, javascript, của một trang web có thể được truy vấn từ domain khác với domain của trang đó).

Tại trang danh sách Bucket, chọn Bucket muốn thiết lập CORS, tại phần thao tác chọn “Cấu hình”

A screenshot of a computer

Description automatically generated

Hình: Giao diện danh sách Bucket

Chọn tab Bucket CORS, tại đây người dùng có thể Cấu hình CORS cho Bucket của mình

A screenshot of a computer

Description automatically generated

Hình: Giao diện cấu hình CORS cho Bucket

Tạo mới CORS

Tại trang giao diện cấu hình CORS, người dùng có thể tạo mới CORS bằng cách bấm chọn “Tạo mới”

A screenshot of a computer

Description automatically generated

Hình: Giao diện cấu hình CORS

Giao diện tạo mới CORS được hiển thị, tại đây người dùng điền đầy đủ các thông tin bao gồm:

  • Domain: là phần bạn sẽ điền tên trang web được kết nối đến API của bucket.
  • Allowed Methods: là các giao thức HTTP mà API sẽ chấp nhận, bạn chỉ cần tick vào giao thức mà API sẽ cho phép để lấy được thông tin bên trong bucket, các giao thức bao gồm (Get, Put, Delete, Post, Head) có thể chọn một hoặc nhiều giao thức.
  • Allowed Headers: là mục mà bạn thêm Headers được chấp nhận trong mỗi request đến API của bucket, không chứa kí tự khoảng trắng.
  • Access Control Max Age là phần có thời gian tính bằng giây rằng API của CORS sẽ tồn tại trong bao nhiêu giây.

 

A screenshot of a computer

Description automatically generated

Hình: Giao diện tạo mới CORS

Sau khi điền đầy đủ thông tin, bấm chọn “Tạo mới” để thực hiện thêm mới cấu hình CORS, nếu không bấm chọn “Huỷ”

Chỉnh sửa cấu hình CORS

Tại trang cấu hình CORS, tại Domain muốn sửa thông tin, bấm chọn thao tác “Sửa”

A screenshot of a computer

Description automatically generated

Hình: Giao diện cấu hình CORS

Giao diện cập nhật Bucket CORS được hiển thị, người dùng thực hiện điều chỉnh thông tin rồi bấm chọn “Cập nhật” để thực hiện thay đổi, nếu không bấm chọn “Huỷ”

A screenshot of a computer

Description automatically generated

Hình: Giao diện chỉnh sửa cấu hình CORS

Sau khi chỉnh sửa, thông tin được cập nhật và thông báo thành công

Xoá Bucket CORS

Tại trang cấu hình CORS, tại Domain muốn sửa thông tin, bấm chọn thao tác “Xoá”

A screenshot of a computer

Description automatically generated

Hình: Giao diện cấu hình CORS

Bấm chọn “Xác nhận” để xác nhận xoá, nếu không bấm chọn “Huỷ”

A screenshot of a computer

Description automatically generated

Hình: Giao diện xác nhận xoá Bucket CORS

Hệ thống thực hiện xoá thành công Bucket CORS, hiển thị thông báo thành công