Xin chào các bạn! Trong bài viết hôm nay, mình sẽ hướng dẫn các bạn cách cấu hình một website bằng cách sử dụng AWS S3, AWS CloudFront, và AWS Route 53. Trước tiên, nếu các bạn chưa biết cách deploy một ứng dụng Vue.js lên AWS S3, các bạn có thể tham khảo bài viết trước của mình tại đây: Deploy Website Vue.js lên AWS S3.
Các Bước Để Cấu Hình Website Trên AWS
1. Tạo CloudFront Distribution
Đầu tiên, chúng ta cần truy cập vào AWS CloudFront và tạo một distribution mới.
- Origin Domain: Chọn bucket S3 mà bạn đã cấu hình làm public website.
- Điền các thông tin cấu hình như trong hình minh họa mà bạn đã thấy trước đó.
Sau khi đã tạo xong distribution, bạn sẽ nhận được một ID như ví dụ dưới đây. Giờ đây, bạn có thể truy cập website không chỉ bằng link S3 mà còn thông qua domain CloudFront, ví dụ: d2tro46mzfh1k2.cloudfront.net.
2. Kết Nối Website Với Domain Đã Mua Từ Bên Ngoài
Giả sử bạn đã có một domain đã đăng ký, ví dụ từ Mat Bao. Các bước để kết nối domain với website bạn đã tạo:
2.1 Tạo Hosted Zone trên AWS Route 53
- Truy cập vào AWS Route 53 và chọn 'Create Hosted Zone' để tạo một khu vực lưu trữ mới cho domain của bạn.
2.2 Cấu Hình Domain Tại Mat Bao
- Đăng nhập vào trang quản lý domain của bạn tại Mat Bao.
- Tại mục Nameserver, bạn cần cấu hình để trỏ tới nameserver của Hosted Zone mà AWS đã tạo. Điều này giúp chuyển quản lý domain sang cho Route 53.
2.3 Tạo Record Trỏ Tới Distribution Của CloudFront
- Tiếp theo, bạn cần tạo một bản ghi (record) mới trỏ tới CloudFront distribution mà bạn đã tạo.
- TTL (Time to Live): Đây là thời gian mà các thông tin DNS của bạn sẽ được lưu cache. Thay đổi cấu hình DNS sẽ được áp dụng sau khoảng thời gian này.
3. Hoàn Tất
Sau khi hoàn tất các bước trên, bạn đã có thể truy cập website qua domain của mình. Cảm ơn các bạn đã theo dõi bài viết và hy vọng thông tin này sẽ hữu ích cho những ai mới bắt đầu tìm hiểu về AWS và cách triển khai website.
Nếu bạn có câu hỏi hay góp ý, hãy để lại comment bên dưới nhé!
source: viblo
