Series · 13 phần
Cloudflare cho Frontend Developer
Series tiếng Việt 13 phần dành cho frontend developer chưa từng dùng Cloudflare, đi theo đúng thứ tự bạn gặp trong thực tế: mua tên miền, mua hosting, rồi nghe nói nên đưa qua Cloudflare. Chặng nền tảng trả lời Cloudflare thực ra là gì bằng vòng đời một request qua reverse proxy toàn cầu, rồi làm rõ nameserver, zone, bốn loại bản ghi DNS, đám mây cam và đám mây xám, PoP và Anycast. Chặng trỏ tên miền đi từng bước Hostinger cộng Cloudflare, các kịch bản trỏ vào Pages, Vercel, Netlify hay CloudFront, và chương gây lỗi nhiều nhất là SSL/TLS với bốn chế độ cùng lỗi ERR_TOO_MANY_REDIRECTS giải thích tận gốc. Chặng vận hành bao cache và cf-cache-status, Cache Rules, Redirect và Transform Rules, Cloudflare Pages với preview deployment, và Workers chạy code ở edge. Chặng cuối bàn bảo mật với WAF, bot và rate limiting, hiệu năng, quy trình debug năm bước cùng sổ tay mã lỗi 5xx và 1xxx, giới hạn gói Free, đối chiếu với AWS, rồi khép lại bằng lộ trình bốn tuần, checklist, từ điển và câu hỏi thường gặp.
01 Nền tảng
Cloudflare thực ra là gì, vòng đời một request qua reverse proxy toàn cầu, rồi nameserver, zone, bản ghi DNS, đám mây cam và xám, PoP, Anycast và origin.
-
Mở đầu series: Cloudflare đứng ở đâu trong đường đi của một request, làm được gì cho frontend developer với gói Free, KHÔNG phải là gì — kèm sơ đồ vòng đời request và lộ trình 13 phần.
-
Sáu khái niệm chiếm 80% việc dùng Cloudflare hằng ngày: nameserver quyết định ai trả lời về tên miền, zone, bốn loại bản ghi DNS, công tắc đám mây cam và xám, PoP, Anycast, cf-ray và origin — kèm lab quan sát trên trang thật.
02 Trỏ tên miền và HTTPS
Thiết lập Hostinger cộng Cloudflare từ A đến Z, các kịch bản trỏ tên miền vào Pages, Vercel, Netlify hay CloudFront, và bốn chế độ SSL/TLS cùng lỗi lặp chuyển hướng.
-
Mười bước đưa tên miền và hosting Hostinger qua Cloudflare không gián đoạn: sao lưu DNS, cài SSL ở origin trước, thêm zone, đổi nameserver, dựng bảng DNS, chọn Full (strict), sáu lệnh kiểm tra, khôi phục IP thật, khoá cửa sau.
-
Bảng tra trỏ tên miền vào Hostinger, VPS, Cloudflare Pages, Vercel, Netlify, GitHub Pages, CloudFront hay Render: loại bản ghi nào, cam hay xám, vì sao — cộng TTL, các bản ghi hay bị quên và lab so sánh cam/xám bằng dig.
-
Hai chặng mã hoá thay vì một, bốn chế độ SSL (Off, Flexible, Full, Full strict), vòng lặp chuyển hướng giải thích từng bước và ba cách sửa, Origin Certificate cho VPS, HSTS, bảng chẩn đoán nhanh lỗi SSL và lab tự gây lỗi rồi tự sửa.
03 Cache, Rules, Pages và Workers
Vì sao deploy xong vẫn thấy bản cũ, Cache Rules và purge, Redirect và Transform Rules, host frontend miễn phí trên Pages, rồi chạy code ở edge bằng Workers.
-
Cloudflare mặc định cache gì (và vì sao HTML thì không), đọc cf-cache-status, Edge TTL và Browser TTL, chiến lược Cache-Control chuẩn cho SPA, .htaccess với SPA fallback, ba cách purge và purge từ GitHub Actions, Cache Rules, Tiered Cache.
-
Sáu loại rule của Cloudflare và khi nào dùng loại nào, Redirect Rule gom www về tên miền gốc, Transform Rule thêm security header và viết lại đường dẫn, thứ tự thực thi so với WAF, Workers và cache, 301 với 302, kèm lab ba rule đầu tiên.
-
Deploy SPA hay site tĩnh lên Cloudflare Pages: kết nối Git, cấu hình build, preview URL cho từng PR, file _redirects và _headers, Pages Functions giấu API key, gắn tên miền riêng và giới hạn gói Free.
-
Worker là gì và năm việc nó giải quyết cho frontend: proxy API hết CORS, giấu secret, A/B test, chuyển hướng theo quốc gia, sửa HTML bằng HTMLRewriter. Kèm Wrangler, route, secret, debug và khi nào không nên dùng.
04 Bảo mật, debug và chi phí
WAF, bot, rate limiting và các tuỳ chọn hiệu năng, quy trình chẩn đoán năm bước với sổ tay mã lỗi 5xx và 1xxx, giới hạn gói Free và đối chiếu với AWS.
-
Cloudflare bật sẵn gì, WAF Custom Rules viết thế nào cho an toàn, vì sao Bot Fight Mode và Under Attack Mode dễ làm vỡ API, rate limit trang đăng nhập, bảo vệ API token, và tính năng tối ưu nào nên bật, nào nên tắt.
-
Lỗi ở Cloudflare hay ở origin? Quy trình chẩn đoán năm bước, bảng mã lỗi 520–526 và 1xxx, bộ lệnh curl, dig, openssl nên thuộc, và bảng tra cứu triệu chứng từ ERR_TOO_MANY_REDIRECTS tới JavaScript vỡ sau khi bật Cloudflare.
-
Gói Free của Cloudflare cho gì, giới hạn ở đâu (upload 100 MB, timeout origin, cổng proxy, wildcard SSL, số rule), khi nào đáng trả tiền, và bảng dịch Route 53, CloudFront, S3, ACM, WAF sang Cloudflare cùng tiêu chí chọn.
05 Lộ trình và tra cứu
Lộ trình bốn tuần với bốn dự án thực hành, checklist, từ điển thuật ngữ và câu hỏi thường gặp.
-
Kết series: lộ trình tự học 4 tuần theo từng phần, bốn dự án thực hành, checklist DNS, SSL, cache, routing, bảo mật, hiệu năng và origin, từ điển thuật ngữ Cloudflare, cùng 16 câu hỏi thường gặp kèm câu trả lời ngắn.