Thiết lập CORS cho Bucket

Thiết lập CORS cho Bucket

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”

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

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”

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.

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ỷ”

Hình: Giao diện tạo thành công cấu hình CORS

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”

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ỷ”

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

Hình: Giao diện chỉnh sửa 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á”

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

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

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

Hình: Giao diện xoá Bucket CORS thành công