Cách triển khai trang web tĩnh miễn phí trên AWS S3: Hướng dẫn cho người mới bắt đầu

2/20/2026
4 min read

Cách triển khai trang web tĩnh miễn phí trên AWS S3: Hướng dẫn cho người mới bắt đầu

Sự phổ biến của điện toán đám mây đã làm cho việc triển khai trang web trở nên dễ dàng hơn, đặc biệt là đối với những người mới bắt đầu. Hướng dẫn này sẽ giúp bạn hiểu cách triển khai trang web tĩnh miễn phí trên Dịch vụ Lưu trữ Đơn giản (S3) của Amazon Web Services (AWS). Thông qua các bước sau, bạn sẽ có thể xây dựng và đưa trang web cá nhân của mình lên mạng, trải nghiệm sức mạnh và sự tiện lợi của điện toán đám mây.

Bước 1: Chuẩn bị

Trước khi bắt đầu triển khai, hãy đảm bảo bạn có những chuẩn bị sau:

  1. Tài khoản AWS: Vui lòng truy cập trang web chính thức của AWS để đăng ký một tài khoản AWS.
  2. Kiến thức cơ bản về HTML/CSS: Hiểu biết cơ bản về việc tạo trang web, chuẩn bị một trang tĩnh đơn giản. Bạn có thể sử dụng mẫu đơn giản dưới đây:


    Trang web tĩnh của tôi


# Chào mừng bạn đến với trang web tĩnh của tôi!

    Đây là trang web tĩnh đầu tiên của tôi.

Lưu đoạn mã trên dưới dạng tệp index.html và chuẩn bị các tài nguyên tĩnh cần thiết khác (như hình ảnh, tệp CSS, v.v.).

Bước 2: Tạo thùng S3

  1. Đăng nhập vào bảng điều khiển quản lý AWS, tìm kiếm và chọn dịch vụ "S3".
  2. Nhấp vào "Tạo thùng".
  3. Trong cửa sổ bật lên:
    • Tên thùng: Nhập một tên thùng duy nhất, chẳng hạn như my-static-website-12345.
    • Khu vực: Chọn khu vực gần bạn nhất.
    • Giữ các tùy chọn khác ở cài đặt mặc định, nhấp vào "Tạo thùng".

Bước 3: Cấu hình thùng

  1. Cài đặt quyền:
    • Tìm thùng vừa tạo, nhấp vào để vào.
    • Chuyển đến tab "Quyền", nhấp vào "Chính sách thùng".
    • Trong trình chỉnh sửa chính sách, thêm chính sách sau để công khai truy cập trang web của bạn:
{
    "Version": "2012-10-17",
    "Statement": [
        {
            "Sid": "PublicReadGetObject",
            "Effect": "Allow",
            "Principal": "*",
            "Action": "s3:GetObject",
            "Resource": "arn:aws:s3:::my-static-website-12345/*"
        }
    ]
}

Lưu ý: Vui lòng thay thế my-static-website-12345 bằng tên thùng của bạn.

  1. Kích hoạt lưu trữ trang web tĩnh:
    • Quay lại trang chính của thùng, nhấp vào tab "Thuộc tính".
    • Tìm "Lưu trữ trang web tĩnh", nhấp vào "Chỉnh sửa".
    • Chọn "Sử dụng thùng này để lưu trữ trang web".
    • Trong "Tài liệu chỉ mục", nhập index.html, sau đó nhấp vào "Lưu thay đổi".

Bước 4: Tải lên tệp

  1. Trên trang chính của thùng, nhấp vào "Tải lên".
  2. Kéo và thả tệp index.html và các tệp tài nguyên tĩnh khác (như tệp CSS, hình ảnh) vào khu vực tải lên.
  3. Đảm bảo tất cả các tệp đã được tải lên hoàn tất.

Bước 5: Truy cập trang web của bạn

  1. Quay lại tab "Thuộc tính" của thùng, kiểm tra lại phần "Lưu trữ trang web tĩnh", bạn sẽ thấy một URL giống như http://my-static-website-12345.s3-website-us-east-1.amazonaws.com/.
  2. Sao chép liên kết này và mở trong trình duyệt, bạn sẽ thấy trang web tĩnh của bạn đã được đưa lên mạng!

Mẹo và thực tiễn tốt nhất

  • Tránh vượt quá hạn mức miễn phí: AWS S3 có tầng sử dụng miễn phí, nhưng hãy đảm bảo bạn tuân thủ các giới hạn sử dụng để tránh phát sinh chi phí.
  • Sử dụng kiểm soát phiên bản: Cân nhắc sử dụng các công cụ kiểm soát phiên bản như Git để quản lý tệp trang web của bạn, nâng cao hiệu quả phát triển.
  • Tối ưu hóa tài nguyên: Sử dụng hình ảnh nén và tối thiểu hóa tệp CSS/JavaScript để cải thiện tốc độ tải trang web.
  • Kiểm tra định kỳ cài đặt bảo mật: Thường xuyên xem xét quyền truy cập thùng, đảm bảo tài nguyên của bạn không bị truy cập trái phép.

Kết luận

AWS S3 cung cấp một phương pháp thuận tiện và tiết kiệm để lưu trữ trang web tĩnh. Thông qua hướng dẫn này, bạn đã học được các bước cơ bản để tạo, cấu hình và phát hành trang web tĩnh đầu tiên của mình trên AWS. Khi công nghệ phát triển, bạn có thể dần mở rộng chức năng của trang web của mình, học hỏi thêm về điện toán đám mây và phát triển trang web. Chúc bạn bắt đầu hành trình điện toán đám mây của mình!

Published in Technology

You Might Also Like

📝
Technology

Hướng dẫn chỉnh sửa Claude Code Buddy: Cách nhận thú cưng huyền thoại phát sáng

Hướng dẫn chỉnh sửa Claude Code Buddy: Cách nhận thú cưng huyền thoại phát sáng Ngày 1 tháng 4 năm 2026, Anthropic đã âm...

Obsidian đã ra mắt Defuddle, đưa Obsidian Web Clipper lên một tầm cao mớiTechnology

Obsidian đã ra mắt Defuddle, đưa Obsidian Web Clipper lên một tầm cao mới

Obsidian đã ra mắt Defuddle, đưa Obsidian Web Clipper lên một tầm cao mới Tôi luôn rất thích triết lý cốt lõi của Obsid...

OpenAI đột ngột công bố "ba trong một": Trình duyệt + lập trình + ChatGPT hợp nhất, nội bộ thừa nhận đã đi sai đường trong năm quaTechnology

OpenAI đột ngột công bố "ba trong một": Trình duyệt + lập trình + ChatGPT hợp nhất, nội bộ thừa nhận đã đi sai đường trong năm qua

OpenAI đột ngột công bố "ba trong một": Trình duyệt + lập trình + ChatGPT hợp nhất, nội bộ thừa nhận đã đi sai đường tro...

2026, không còn ép bản thân 'kỷ luật'! Làm tốt 8 việc nhỏ này, sức khỏe tự nhiên đếnHealth

2026, không còn ép bản thân 'kỷ luật'! Làm tốt 8 việc nhỏ này, sức khỏe tự nhiên đến

2026, không còn ép bản thân 'kỷ luật'! Làm tốt 8 việc nhỏ này, sức khỏe tự nhiên đến Năm mới bắt đầu, năm ngoái bạn đã ...

Những bà mẹ cố gắng giảm cân nhưng không thành công, chắc chắn đều mắc phải điều nàyHealth

Những bà mẹ cố gắng giảm cân nhưng không thành công, chắc chắn đều mắc phải điều này

Những bà mẹ cố gắng giảm cân nhưng không thành công, chắc chắn đều mắc phải điều này Tháng Ba đã qua nửa, kế hoạch giảm...

📝
Technology

Hướng dẫn vận hành ổn định AI Browser 24 giờ

Hướng dẫn vận hành ổn định AI Browser 24 giờ Bài hướng dẫn này giới thiệu cách thiết lập một môi trường AI Browser ổn đị...