CDN là gì ? Hướng dẫn tích hợp CDN vào hệ thống với CloudFlare

1. Mở đầu Cùng một source code nhưng sau khi triển khai, có hệ thống trả về kết quả nhanh, nhưng cũng có hệ thống trả về chậm. Nguyên nhân thì có thể có rất nhiều, nhưng thường hay được nhắc tới và xem xét, đặc biệt là với global app, đó chính là CDN.

Đã đăng trên bởi aithietke

1. Mở đầu

  • Cùng một source code nhưng sau khi triển khai, có hệ thống trả về kết quả nhanh, nhưng cũng có hệ thống trả về chậm.

  • Nguyên nhân thì có thể có rất nhiều, nhưng thường hay được nhắc tới và xem xét, đặc biệt là với global app, đó chính là CDN. Vậy CDN là gì ?

  • Công nghệ này có gì lợi hại mà 66% trong số 10.000 trang web hàng đầu thế giới sử dụng (tháng 11 năm 2018, BuiltWith) và không ngừng tăng lên.

  • Note: Chém phần phật thế thui chứ số liệu được tra ở Google và mình cũng chưa tìm được bản gốc, các bác bỏ quá cho, hihi.

2. CDN là gì ?

  • CDN, viết tắt của Content Delivery Network, tạm dịch là mạng phân phối nội dung.
  • Là một hệ thống gồm nhiều máy chủ (caching server) lưu trữ bản sao nội dung tĩnh của website, được bố trí ở các vị trí chiến lược với mục đích phân phối nội dung cho người dùng nhanh nhất có thể.

2.1 Ý tưởng

  • Đưa dữ liệu tới gần hơn với vị trí của người dùng.

  • Trước hết, chúng ta nói thêm một chút về 2 loại dữ liệu:

    • Dữ liệu tĩnh là những dữ liệu không bị thay đổi theo thời gian do tác động của người dùng như file ảnh, video, css, js, …
    • Dữ liệu động là những dữ liệu biến động theo thời gian, hành vi người dùng như tên sản phẩm, giá cả, số lượt download …

  • Khi chưa áp dụng CDN, dữ liệu sẽ chỉ được lưu trữ tại một máy chủ trung tâm (origin server), và cả dữ liệu động và tĩnh đều được phân phối cho người dùng từ đây.

    • Ví dụ: origin server đặt ở Ấn Độ thì người dùng ở Mỹ, ở Anh, ở Pháp, ở Nhật … đều phải tải tất cả dữ liệu từ tận bên Ấn Độ về, khoảng cách địa lý là ‘bao nhiêu năm ánh sáng đó 🥲’, càng xa thì càng lâu.

  • Sau khi áp dụng CDN, chúng ta sẽ có một hệ thống rất nhiều caching server chứa những dữ liệu tĩnh, user sẽ được tải những dữ liệu tĩnh đó từ caching server nào gần với vị trí của mình nhất, mà không phụ thuộc origin server đặt ở đâu, giúp giảm khoảng cách từ dữ liệu tới người dùng, dẫn tới giảm thời gian tải.

    • Khi đó, người dùng ở Mỹ sẽ được tải dữ liệu từ máy chủ ở ngay nước Mỹ chứ không cần “ăn bát cháo, chạy ba quãng đồng” ở tận Ấn Độ nữa, ở Lao và Campodia có thể lấy dữ liệu từ Singapore hoặc HongKong, …

    • Còn dữ liệu động thì chịu hoi, vẫn phải lấy từ origin server.

    • Thực ra là vẫn có trò Deploying to multiple regions, nôm na là đặt nhiều origin server ở nhiều nơi, user ở gần máy chủ nào hơn thì tới đó lấy data.

    • Cơ mà có lẽ hệ thống khá to mới cần đến mức này, chi phí cho nó cũng tương đối, chưa kể các vấn đề đồng bộ dữ liệu, … nên xin phép được bỏ qua ở đây. Trước mắt cứ 1 origin serevr là ngon rồi =))

    • Mà CDN chỉ có vậy thôi à ? Ồ không, cứ bình tĩnh …

2.2 Thành phần

  • CDN có 3 phần như bên dưới:

  • Point of Presence (PoP)

    • Đây là một điểm địa lý riêng lẻ chứa nhiều caching server, chẳng hạn như Singapore hay HongKong trong ví dụ ở trên.
    • Nhiều PoP này kết hợp lại sẽ tạo thành toàn bộ hệ thống, nếu đủ lớn thì sẽ trở thành CDN toàn cầu.

  • Caching server

    • Có thể hiểu đây là máy chủ nhưng không xử lý logic như origin server, chủ yếu nó lưu trữ file tĩnh và trả về thôi.
    • Ví dụ PoP ở Singapore có 1000 caching server nhưng PoP ở Ấn Độ chỉ có 800 caching server … số lượng này phụ thuộc nhà cung cấp.

  • SSD/HDD + RAM.

    • Trong mỗi caching server thì dữ liệu được lưu trữ trong ổ cứng và RAM.

2.3 Ưu điểm

  • Tăng tốc độ tải trang
    • Tự động nén ảnh, giảm dung lượng file, làm gọn file css, js …
    • Nâng cao trải nghiệm người dùng, thuận lợi cho SEO.
  • Tính năng ẩn IP thật
    • Giúp che giấu IP thật khỏi sự dòm ngó của hacker.
    • Hạn chế được tác động khi bị tấn công DDoS.
  • Giảm tải request, giúp origin server
    • Giảm hoặc giải quyết tình trạng “thắt cố chai” giữa client và server.
    • Tăng khả năng xử lý được nhiều requets đồng thời.
    • Cân bằng tải.
    • Giảm thiểu lượng băng thông tiêu thụ, có trường hợp, caching server gánh gần hết băng thông, khi đó, chi phí cho hệ thống sẽ được tính toán lại:
      • Ví dụ origin server dùng Google Cloud thì chi phí băng thông hiện nay trung bình khoảng 0,06$/GB, giả sử 1 ngày dùng 100GB thì chi phí cho 1 tháng là 100 * 30 * 0.06 = 180$
      • Nếu dùng CDN, thì phụ thuộc nhà cung cấp.
      • Như vậy, tùy từng trường hợp cụ thể, có thể giảm chi phí băng thông. (Chi tiết hơn sẽ nói ở phần sau)

2.4 Nhược điểm

  • Nếu CDN không có PoP đặt gần user hơn so với origin server thì tốc độ truy cập sẽ chậm hơn so với ban đầu.

    • Ví dụ thế này, có một đội dev ở Việt Nam, thuê server ở Việt Nam, khi làm sản phẩm xong (chưa có CDN) thấy chạy khá là nhanh vì mình lấy data tại chỗ, còn global user thì comment là app load chậm, vì họ ở xa quá.
    • Sau khi bạn tích hợp CDN xong thì đội dev sẽ hỏi: “Ủa sao mất thêm tiền cài CDN vào mà app chạy còn chậm hơn ban đầu vậy 🤣”
    • Đơn giản đây là bài toán cho global user, 95% user ở khắp thế giới sẽ thấy load nhanh hơn và 5% user ở Việt Nam thấy chậm hơn vì ko được lấy data tại nhà nữa mà phải sang tận Sing hoặc HongKong để lấy data về.

  • Cập nhật phiên bản mới của dữ liệu tĩnh.

    • Khi bạn thay đổi file ảnh nhưng giữ nguyên tên, hoặc thay đổi nội dung file css, js, thì url của file vẫn không thay đổi.
    • Dẫn tới dữ liệu vẫn được tải từ caching server mà không được cập nhật mới từ origin server.
    • Giải pháp là lưu thêm tên phiên bản và tên file, ví dụ main_v1.js, main_v2.js … hoặc xóa cache trên caching server đi. (Lát nữa tới demo CloudFlare sẽ có hướng dẫn chi tiết)

  • Khó debug hơn

    • Bây giờ thì request sẽ không đi thẳng một mạch giữa origin server và client nữa.
    • Nên đôi khi hệ thống gặp vấn đề và cần debug thì yêu cầu người thực hiện cần có kiến thức về CDN và nhà cung cấp đang sử dụng.

2.5 Khi nào nên dùng ?

  • Căn cứ vào hình thức sử dụng thì có 3 loại sau:

    • Pull HTTP/Static: Cung cấp tên miền + IP, sau đó các PoPs sẽ tự động đến lấy dữ liệu và cache lại.
    • Post/Push/Put/Storage: Tải trực tiếp dữ liệu lên caching server.
    • Streaming CDN: Giúp phân phối nội dung phát trực tuyến, tiết kiệm băng thông cho origin server.

  • Căn cứ vào quy mô của website có lưu ý sau:

    • Nên tích hợp CDN cho hệ thống có
      • User ở xa máy chủ, global user là chắc chắn nên dùng CDN rồi.
      • Lượt truy cập lớn, tốn nhiều băng thông.
    • Chưa cần tích hợp nếu
      • Máy chủ đã gần người dùng sẵn

2.6 Lịch sử

Phiên bản đầu tiên đã ra đời năm 1997, khá lâu đời rồi nhỉ.

2.7 Nhà cung cấp

Hiện nay, có rất nhiều nhà cung cấp dịch vụ CDN, khi chọn lựa nên lưu ý 3 điều sau:

  1. Hệ thống PoP

    • Việc bố trí các PoP như thế nào là câu chuyện kinh doanh của từng nhà cung cấp, một số thì chủ trương bao phủ bằng cách đặt nhiều máy chủ nhỏ ở nhiều nơi, một số thì lại muốn xây dựng và duy trì PoP ít hơn nhưng hiệu suất cao.

      • Các nhà cung cấp tại Việt Nam như VNCDN với 280 PoPs ở 32 quốc gia, HOSTVN với 11 PoPs trong nước, Viettel IDC, Bizfly Cloud, …

      • Các nhà cung cấp nước ngoài như Google với hơn 100 PoPs, CloudFlare với hơn 250 PoPs trên hơn 110 quốc gia, …

      • Theo bảng so sánh tốc độ phản hồi này thì hàng của Google là ngon nhất.

      • Phụ thuộc vào nhiều tiêu chí nhưng nhìn chung, nên chọn nhà cung cấp có nhiều PoPs nơi hệ thống có nhiều người dùng nhất, như Tiki đang sử dụng của VNCDN

  2. Thanh toán, có hai hình thức:

    • Trọn gói:

      • Như CloudFlare đang có 4 gói như sau

        Nhóm này không giới hạn băng thông, phù hợp với những hệ thống dùng băng thông lưu lượng lớn.

    • Dùng bao nhiêu trả bấy nhiêu theo băng thông

      Nhóm này thì phù hợp với những ai muốn thử nghiệm về CDN, xem có phù hợp với hệ thống của mình không, hoặc hệ thống dùng ít băng thông.

  3. Tính năng hỗ trợ

    • Ban đầu thì mình không có dự định liệt kê nhưng sau đó bổ sung, nó cũng ảnh hưởng đôi chút.
    • Là câu chuyện kinh doanh nên một số nhà cung cấp cạnh tranh bằng cách đi theo hướng tập trung vào hình ảnh, tối ưu hóa kích cỡ ảnh trên nhiều thiết bị, lazy load, thay đổi kích thước, nén, thêm hiệu ứng bo tròn, mờ … Hoặc tối ưu css, js tự tự động nén … Một số thì thiết kế chuyên dụng cho website dùng WordPress như Photon … Một số thì bảo BunnyCDN khá xịn và rẻ.

Trong bài viết này, chúng ta sẽ thực hành với CloudFlare

-> Có hỗ trợ gói Free cho các bạn thử nghiệm.

-> Không giới hạn băng thông.

-> Thuận tiện khai triển khai + bảo mật.

-> Nhiều tiện ích đi kèm, giao diện thân thiện, dễ sử dụng.

-> Hệ thống ổn định.

-> Khá nổi tiếng và quen thuộc, được đông đảo người dùng tin tưởng và sử dụng.

3. CloudFlare là gì ?

  • CloudFlare là tên của một công ty 🤣

  • Công ty này cùng cấp nhiều dịch vụ cho website như DNS, CDN, SPDY, Firewall chống tấn công DDoS, Spam, chứng chỉ SSL, … nhiều lắm.

  • Chúng ta sẽ tìm hiểu về hệ sinh thái CloudFlare ở một bài khác, còn trong phạm vi bài viết này sẽ chỉ nói về CloudFalre CDN, nhưng dây mơ rễ má có liên quan nên cũng phải hiểu thêm một chút về CloudFlare DNS nữa.

  • DNS là viết tắt của Domain Name System – hệ thống phân giải tên miền.

  • Ở mức cơ bản nhất, khi muốn truy trang báo điện tử Dân Trí để đọc tin tức, ta cần truy cập vào máy chủ của Dân Trí để lấy thông tin, ta cần IP của nó, ví dụ, ping vào 192.168.xx.xxx chẳng hạn, nhưng người dùng sẽ khó mà nhớ được những con số IP loằng ngoằng kia, hơn nữa IP lại có thể thay đổi. Do đó, ta gắn tên miền dantri.vn vào IP đó để thuận tiện cho người dùng. Còn hệ thống để chỉ dẫn từ tên miền này trỏ vào IP nào thì gọi là DNS.

  • Tại sao cần biết về CloudFlare DNS khi nói tới CloudFlare CDN.

  • Sau khi nhận request từ người dùng, CloudFlare DNS sẽ phân tích và điều hướng, để dữ liệu tĩnh thì được lấy thì caching server gần nhất với user, còn dữ liệu động thì lấy từ origin server, ta có thể hiểu đơn giản là vậy.

4. CloudFare CDN

4.1 Đăng ký và cấu hình

  • Các bạn cứ đăng lý tài khoản CloudFlare và add thẻ thanh toán quốc tế vào bình thường nhé !
  • Sau đây là một số hình ảnh mình họa:

    • Ấn vào Add A SIte

    • Điền domain rồi sau đó chọn Plan

      Cứ chọn Free, sau khi thiết lập xong nâng cấp lên sau.

    • Trỏ Name servers về CloudFlare

      DNS thì có nhiều nhà cung cấp, làm theo hướng dẫn mà CloudFlare chỉ cho bạn để chọn CloudFlare DNS cho domain của mình.

    • Cấu hình DNS

      Ởmức cơ bản, ta cần tạo 1 record với:

      • Type: A
      • Name: Tên miền
      • Content: Địa chỉ IP
      • Proxy Status: Proxied
        • Màu vàng: Vừa DNS, vừa CDN
        • Màu trắng: Chỉ có DNS (tức là chỉ phân giải domain ra IP, mà không có CDN)
      • TTL: Auto

      Và kết quả như thế này:

    • Những cài đặt khác như SUBDOMAIN, SSL/TLS, HTTPS … thì hẹn ae ở bài sau nhé, bài này chỉ liên quan tới CDN.

4.1 Theo dõi và kiểm tra

  • Kiểm tra

    • Ngay tại trang Viblo.asia

    • Ấn F12, chọn tab Network, filter theo file JS

    • Chọn một request bất kì, ấn vào để kiểm tra Response Headers sẽ thấy những thông tin sau:

      • server: cloudflare (Cloudflare tiếp nhận xử lý rồi nhé)
      • cf-cache-status: HIT (File này đã HIT thành công, ngoài ra còn có những trạng thái MISS, EXPIRED, BYPASS, REVALIDATED … )
      • cf-ray: 6e2e4ba59c3b8b36-HKG (HKG nghĩa là PoP ở HongKong)

  • Theo dõi tỉ lệ caching (HIT rate)

    • Trong ví dụ bên dưới, ta thấy:

      Trong vòng 24h qua

      Có 1,76 triệu request được gửi lên

      Trong đó 85% được trả về từ caching server (HIT 1,51 triệu request)

      Có 352,7 GB băng thông được sử dụng

      Trong đó 99,92% đã được cache lại và chỉ có 2,76Gb lấy từ origin server (Tiết kiệm chi phí băng thông cho origin server)

      Cứ trải nghiệm thêm thì sẽ còn một số thống kê khá thú vị nữa.

4.2 Một số vấn đề có thể gặp

  • Không tải được nội dung mới nhất của file

    • Như đã đề cập ở trên, thay đổi nội dung file, nhưng không thay đổi tên dẫn đến không thay đổi url

    • Ví dụ như sửa css, js, đổi file ảnh nhưng giữ nguyên tên.

    • Vào Caching/ Configuration, chọn Purge Everything nếu muốn xóa tất cả dữ liệu caching, Custom Purge nếu muốn thêm tùy chọn

    • Chọn Url, Điền url bạn muốn xóa cache, ví dụ https://www.viblo.asia/cat.jpg

  • Tỉ lệ HIT rate thấp, có thể có nhiều lý do:

    1. Origin server được cấu hình để không cho chép các server khác cache data.

      • Default Cache Behavior sẽ luôn tôn trọng chỉ định của origin server, ví dụ như private, no-store, no-cache hoặc max-age=0

      • Khi đó, hãy sử dụng CloudFlare Rules để bắt buộc cache lại những file này

      • Vào Rules chọn Create Page Rule

        • Cache Level: Cache Everything,
        • Edge Cache TTL: a month

        Lúc này CloudFlare sẽ bỏ qua chỉnh định của origin server và làm theo Rule.

    2. Đây là phỏng đoán, dựa theo kinh nghiệm cá nhân.

      • Sau khi HIT một thời gian nhất định mà người dùng không tải lại file đó nữa thì CloudFlare hiểu file này có lượt truy cập thấp
      • Và sẽ xóa file này để nhường chỗ cho những file khác
      • Ví dụ với hệ thống có 10.000 bức ảnh, được load random, nếu như lượng user chưa có đủ nhiều để bao phủ, thì mất khá nhiều thời gian để random tới bức ảnh đã được tải lần trước, và lúc này nó đã bị xóa rỏi cache rồi.
      • Và con số thời gian đó là bao nhiêu thì mình cũng chưa tìm thấy tài liệu chính thức nào cả.

Tham khảo:

  1. https://www.hostinger.vn/huong-dan/cdn-la-gi
  2. https://speed.family/cdn-la-gi/
  3. https://www.cloudflare.com/learning/cdn/what-is-a-cdn/
  4. https://www.imperva.com/learn/performance/what-is-cdn-how-it-works/
  5. https://www.imperva.com/learn/performance/cache-control/
  6. https://speed.family/rac-roi-cdn/
  7. https://cdnvietnam.com/cdn-viet-nam/

Nguồn: viblo.asia

Bài viết liên quan

WebP là gì? Hướng dẫn cách để chuyển hình ảnh jpg, png qua webp

WebP là gì? WebP là một định dạng ảnh hiện đại, được phát triển bởi Google

Điểm khác biệt giữa IPv4 và IPv6 là gì?

IPv4 và IPv6 là hai phiên bản của hệ thống địa chỉ Giao thức Internet (IP). IP l

Check nameservers của tên miền xem website trỏ đúng chưa

Tìm hiểu cách check nameservers của tên miền để xác định tên miền đó đang dùn

Mình đang dùng Google Domains để check tên miền hàng ngày

Từ khi thông báo dịch vụ Google Domains bỏ mác Beta, mình mới để ý và bắt đầ