Cách lưu trữ một trang web tĩnh trong đám mây với AWS S3

Đám mây công cộng là lựa chọn phổ biến cho các trang web và ứng dụng hiện đại trước dịch vụ lưu trữ riêng. Điều này là do các yếu tố như hiệu quả chi phí và khả năng mở rộng.

Trang web tĩnh hiển thị các tệp HTML, CSS và JavaScript được tạo sẵn trên máy chủ. Nó khác với một trang web động tạo ra nội dung dựa trên hành động hoặc sở thích của người dùng.

Nền tảng đám mây làm cho việc lưu trữ trang web tĩnh trở nên đơn giản và rẻ. Bạn có thể triển khai một trang web tĩnh trên đám mây bằng cách sử dụng nhà cung cấp đám mây AWS.

AWS S3 là gì?

Amazon Simple Storage Service (S3) là một dịch vụ lưu trữ dữ liệu do Amazon cung cấp. Bạn có thể coi S3 là một nền tảng web do Amazon cung cấp, nơi bạn có thể lưu trữ tệp và bất kỳ loại dữ liệu nào khác trên đám mây.

AWS S3 là một trong những cơ chế lưu trữ đám mây phổ biến nhất hiện có trên internet. Nó là kho lưu trữ của nhiều ứng dụng web quy mô lớn và nhỏ hiện nay. Một ví dụ là Netflix lưu trữ tất cả nội dung phát trực tuyến của mình trên đó.

AWS S3 áp dụng kiến ​​trúc lưu trữ đối tượng làm cho nó bền, có thể mở rộng và rất sẵn sàng để sử dụng trong mọi trường hợp. Bạn có thể sử dụng nó để lưu trữ ứng dụng web, sao lưu, lưu trữ dữ liệu, khôi phục sau thảm họa và — thú vị là — lưu trữ trang web.

Nhóm S3 là gì?

Trong AWS S3, các đơn vị lưu trữ thuộc nhiều loại khác nhau và loại cơ bản nhất là đối tượng — đơn giản là một tệp. Một thùng S3 là một tập hợp các đối tượng có nhiều kiểu khác nhau. Bạn có thể hình dung một thùng S3 là thư mục gốc của toàn bộ hệ thống bao gồm nhiều tệp và thư mục thuộc nhiều loại khác nhau.

Bạn có thể quản lý nhóm S3 theo nhiều cách khác nhau. Bạn có thể thực hiện điều đó từ bảng điều khiển AWS, thông qua AWS CLI, sử dụng AWS SDK và bằng cách gửi hoặc lấy dữ liệu trong ứng dụng của bạn thông qua API REST.

S3 có thể mở rộng, vì vậy một thùng có thể chứa hầu hết mọi tệp bất kể loại hoặc kích thước của nó. Trên thực tế, một đối tượng duy nhất có thể lớn tới 5 Terabyte. Đây là lý do tại sao một thùng S3 phù hợp để sao lưu và khôi phục thảm họa.

Các đối tượng được lưu trữ trong nhóm S3 thường có thể truy cập được (chỉ đọc) thông qua một URL duy nhất cho từng đối tượng. Bạn cũng có thể sử dụng nhóm S3 để lưu trữ web tĩnh vì chúng có thể phân phát các đối tượng qua HTTP.

Làm thế nào sau đó bạn có thể sử dụng S3 và có thể đặt nó làm nền tảng mặc định của bạn để lưu trữ các trang web tĩnh?

Cách tạo nhóm S3 và định cấu hình nó cho lưu trữ web

Dưới đây là quy trình từng bước để tạo và định cấu hình nhóm Amazon S3. Bạn cũng sẽ học cách bật tính năng lưu trữ web tĩnh trong một thùng.

Để làm theo, bạn nên đăng ký tài khoản AWS nếu bạn chưa có. Để tạo nhóm S3 để lưu trữ trang web tĩnh của bạn, hãy đăng nhập vào bảng điều khiển AWS của bạn và làm theo năm bước bên dưới.

1. Tìm kiếm dịch vụ S3 và điều hướng đến bảng điều khiển S3.

2. Bấm vào Tạo nhóm để định cấu hình và tạo nhóm mới.

3. Điều đầu tiên cần làm trên màn hình cấu hình nhóm là đặt cho nhóm của bạn một tên duy nhất trên toàn cầu. S3 sẽ ngăn bạn tạo một nhóm nếu tên đã được sử dụng. Chọn vùng ưu tiên cho nhóm của bạn hoặc để vùng được chọn theo mặc định. Ngoài ra, hãy để phần “Quyền sở hữu đối tượng” làm mặc định.

4. Để lưu trữ các trang web tĩnh trên S3, bạn cần đặt bộ chứa ở chế độ công khai. Vì vậy, trong bước tiếp theo, hãy bỏ chọn Chặn tất cả quyền truy cập công khai quyền mua. Sau đó, xác nhận trong lời nhắc cảnh báo xuất hiện bên dưới rằng bạn đồng ý đặt nó ở chế độ công khai. Phiên bản nhóm không bắt buộc, vì vậy bạn nên tắt nó.

5. 3 bước cuối cùng không nhất thiết phải bạn hành động. Bạn có thể thêm thẻ nếu muốn, như thẻ mẫu ở đây là “mô tả”. Giữ mã hóa mặc định bị vô hiệu hóa và nhấp vào Tạo nhóm để tạo nhóm mới của bạn.

Bước tiếp theo là định cấu hình nhóm S3 mới cho lưu trữ web tĩnh. Để thực hiện việc này, hãy nhấp vào tên nhóm trong bảng điều khiển S3 và trên màn hình mới tải, hãy điều hướng đến Đặc tính chuyển hướng.

Cuộn xuống Lưu trữ trang web tĩnh và nhấp vào Chỉnh sửa cái nút. Thao tác này sẽ mở màn hình cấu hình lưu trữ trang web tĩnh.

Kích hoạt nó và để loại Lưu trữ làm mặc định. Một ghi chú trên màn hình này có nội dung: “Để khách hàng của bạn có thể truy cập nội dung tại điểm cuối của trang web, bạn phải đặt tất cả nội dung của mình có thể đọc được công khai…”. Đây là lý do tại sao cần cho phép truy cập công khai khi tạo nhóm trước đó.

Các Chỉ mục tài liệu là nơi bạn chỉ định tệp chỉ mục của trang web của mình, tệp này thường là index.html. Các Tài liệu lỗi là trang bạn muốn hiển thị bất cứ khi nào xảy ra lỗi, chẳng hạn như lỗi 404.

Lưu các thay đổi và quay lại màn hình thuộc tính. Bạn sẽ nhận thấy một Điểm cuối của nhóm trang web bên trong Lưu trữ trang web tĩnh tiết diện. Bạn sẽ có thể sử dụng URL này để truy cập trang web của mình sau khi thiết lập xong.

Bây giờ bạn đã định cấu hình bộ chứa của mình và sẵn sàng lưu trữ một trang web tĩnh. Sau đó, làm cách nào để bạn thêm các tệp trang web của mình vào nhóm và xem trang web của bạn?

Cách tải tệp và thư mục lên nhóm S3

Để lưu trữ trang web tĩnh của bạn trên đám mây trên S3, bạn cần tải các tệp và thư mục của mình lên nhóm S3 đã định cấu hình. Điều hướng trở lại tab đối tượng và nhấp vào bất kỳ nút tải lên nào để tải lên tệp trang web của bạn.

Màn hình tiếp theo là nơi bạn có thể thêm các tệp và thư mục bạn muốn tải lên nhóm. Đảm bảo bạn thêm tệp index.html và mọi tệp hoặc thư mục khác được liên kết với trang web của bạn tại đây. Các thư mục bạn có thể muốn thêm là các thư mục CSS, JavaScript và hình ảnh của bạn.

Bạn có thể thêm tệp và thư mục bằng cách kéo và thả hoặc bằng cách sử dụng nút “Thêm tệp” hoặc “Thêm thư mục”. Khi bạn đã thêm tất cả các tệp và thư mục, hãy nhấp vào nút tải lên ở cuối màn hình. Chờ tệp tải lên và sau đó bạn có thể nhấp vào nút đóng để quay lại màn hình “Đối tượng”.

Cách bảo mật và xem trước trang web đã triển khai

Ở giai đoạn này, chúng ta sắp hoàn thành và trang web gần như đã sẵn sàng để xem trước trong trình duyệt. Trang web chưa thể mở do các chính sách Quản lý danh tính và quyền truy cập của Amazon ngăn chặn quyền truy cập vào các tài nguyên trong một nhóm.

Bạn cần tự cho phép truy cập vào tài nguyên của nhóm. Điều hướng đến tab quyền trên trang tổng quan nhóm và chỉnh sửa chính sách Nhóm. Sao chép và dán mã bên dưới và thay thế “tên trang web” bằng tên nhóm của bạn.

{
"Version": "2012-10-17",
"Statement": [ {
"Sid": "AddPerm",
"Effect": "Allow",
"Principal": "*",
"Action": "s3:GetObject",
"Resource": "arn:aws:s3:::website-name/*"
} ] 
}

Lưu các thay đổi và truy cập lại tab thuộc tính một lần nữa để lấy URL trang web từ phần trang web tĩnh. Sao chép và dán URL vào trình duyệt và bạn sẽ thấy trang web tĩnh của mình.

Lưu trữ các trang web tĩnh trên đám mây là một giải pháp thay thế an toàn hơn và có thể mở rộng để lưu trữ các trang web tĩnh trên các trang Github. Đặc biệt là đối với các trang web có tập tin đa phương tiện nặng.

Triển khai các trang web tĩnh trong đám mây

Khá dễ dàng để triển khai một trang web tĩnh trên đám mây bằng AWS S3. Bạn nên cân nhắc việc có được một tên miền tùy chỉnh cho một trang web sản xuất cuối cùng.

Amazon cung cấp dịch vụ tên miền của riêng mình, Route 53. Bạn cũng có thể kiểm tra các nhà cung cấp DNS khác để có được một tên miền mà bạn lựa chọn.

Đám mây rất tiết kiệm chi phí và dễ sử dụng. Cân nhắc đặt nó thành lựa chọn mặc định của bạn để lưu trữ trang web tĩnh.