Lý Phùng Cơ’s Blog

Thành công = Nỗ lực + Sáng tạo + Dũng cảm

Kết hợp Amazon S3 và Cloudflare để lưu trữ ảnh cho website WordPress


1. Mục tiêu của Cơ:
– Chạy trên hosting giá rẻ nên dung lượng ổ cứng thấp nâng cấp thì tốn tiền nhiều.
– Khỏi lo về việc up hình to, nhiều hình.
– An tâm sử dụng lâu dài. Nếu bạn sử dụng các host ảnh miễn phí thì  nên lo lắng 1 chút, vì Blog, website là sản phẩm mang tính lâu dài. Bạn không muốn một ngày đẹp trời toàn bộ ảnh của bạn bị đem ra tống tiền như vụ Photobucket đâu.

+ Cho ai chưa biết thì Photobucket là dịch vụ host ảnh miễn phí ra đời khá sớm. Sau thời gian dài miễn phí, được nhiều người sử dụng, Photobucket tiến hành thu phí tất cả người dùng. Ai không trả tiền thì hình ảnh sẽ không hiển thị.
+ Bạn thử tưởng tượng bạn blog bạn viết 2-3 năm khoản trăm bài. Giờ phải lụi cụi chỉnh sửa từng bài, tải lại từng bức ảnh- không ổn chút nào. Thôi thì tốn chút tiền hàng tháng mà an tâm, lại tiện lợi.

– Chi phí hợp lý hơn tính ra ở Amazon S3 giá là $0.025 ~ 550vnd cho 1gb/tháng. Kết hợp với băng thông miễn phí từ Clouflare thì tha hồ xài.
– Có plugin sãn trên WordPress. Cài lên là chạy.

2. Chuẩn bị:
– 1 website chạy wordpress.
– Thẻ visa để thanh toán dịch vụ trên Amazon S3.
– Tiếng Anh cơ bản .

3. Hướng dẫn cài đặt :
– Đầu tiên bạn cần tạo Amazon S3 và Cloudflare. Xem hướng dẫn tại đây. Blazing CDN with Amazon S3 + Cloudflare
– Kế tiếp bạn tải, cài đặt plugin WP Offload S3 Lite.
– Làm theo hướng dẫn để kết nối vào tài khoản Amazone S3.
– Mục ‘CloudFront or Custom Domain’ điền domain của bạn tạo bên Cloudflare.
– Mở ‘Remove Files From Server’ để xóa file lưu trên host.
– Giờ thử up ảnh lên WordPress để thử nghiệm nhé.

4. Kinh nghiệm:
Cơ có dùng thử 1 plugin khác có tính năng tương tự là Media Cloud. Chức năng dùng được nhưng bị lỗi lặt vặt nhiều. Bạn nên backup website trước khi dùng thử plugin này nhé.

Nếu gặp khó khăn gì cứ bình luận bên dưới nhé! Cơ sẽ trả lời trong khả năng của mình.


8 bình luận cho “Kết hợp Amazon S3 và Cloudflare để lưu trữ ảnh cho website WordPress”

  1. Chào bạn Lý Phùng Cơ.
    Tôi đã thực hiện kết nối website của tôi đúng theo bài viết của bạn và đã thành công, rất cảm ơn bạn.
    Mình có thắc mắc sau mình nhờ bạn giải đáp giúp nhé:
    Mình vào thư viện trong bảng quản trị của wordpress để tải ảnh lên, ảnh đã được tải lên amazon s3 thông qua plugin WP Offload S3 Lite theo đúng hướng dấn, nhưng hình ảnh đó lại không hiển thị bình thường như những hình ảnh khác tải lên host (chỉ hiển thị một khung hình vuông màu trắng). Bạn có cách nào để khắc phục tình trạng này đẻ hình ảnh hiển thị bình thường không?
    Thank bạn.

  2. Lý Phùng Cơ cho mình hỏi, dùng Cloudflare có miễn phí hoàn toàn 100% băng thông và ko tốn vào băng thông được tính từ Amazon S3 ko , mình đang lăn tăng vấn đề chuyển hình ảnh lên AmazonS3 , vì web mình mỗi tháng tăng khoảng 1gb ảnh và tốn khoảng 100gb băng thông …

  3. Bạn ơi hướng dẫn rõ giúp mình ở phần custom domain với. Mình gặp khó khăn ở chỗ add cname trên cloudflare, làm theo bên kia mà file nó ko nhận
    Mình cám ơn.

    • Chào bạn, Cơ không rõ bạn gặp vấn đề ở cname ở điểm nào, nếu làm như hướng dẫn bên medium thì không bị vẫn đề gì. Cơ đính kèm phần cài đặt bên Cloudflare của Cơ. bjan xem qua nhé.
      DNS

      Mình nghĩ vấn đề nằm ở SSL. Thay vì cài ssl toàn site thành Fexible (Cơ gặp vấn đề với Let’s encrypt) thì Cơ chỉ chuyển riêng cho s3.lyphungco.com thôi.
      Page Rules

      Bạn kiểm tra thử.

  4. Đoạn CDN cloudflare CNAME config mãi k đc

    Tên bucket: abc123
    Config DNS Cloudflare:
    Name: cdn
    target: abc123.s3-ap-southeast-1.amazonaws.com (server ảnh ở sing)
    Vào OPlugin Offload MEdia Lite chỉnh CDN: cdn.domain.com hoặc để mỗi cdn cũng k đc

    bác xem giúp em đc gì k

  5. đã fix đc bác Cơ, nguyên nhân là tên bucket phải trùng với CNAME, tốt nhất nên đặt CDN.example.com làm tên bucket, ăn chắc k cần SSL CLoudflare, nếu chắc ăn nữa cài SSL *.example.com

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *