Lộ trình đang học Current learning path Current learning path

Developer Platform Developer Platform Developer Platform

Deploy Hello World lên *.workers.dev, bind KV/D1/R2 đúng chỗ, secret không lên client — AI chỉ sau nền. Deploy Hello World to *.workers.dev, bind KV/D1/R2 correctly, keep secrets off the client — AI only after the spine. Deploy Hello World ទៅ *.workers.dev, bind KV/D1/R2 ឱ្យត្រឹមត្រូវ, កុំដាក់ secret នៅលើ client — AI តែបន្ទាប់ពីគ្រឹះ។

Phần 4: Vận hành và bước tiếp Part 4: Operate and level up ផ្នែក 4: ដំណើរការ និង ឡើងកម្រិត · Bài 2/2 Lesson 2/2 មេរៀន 2/2

Turnstile cho form public Turnstile for public forms Turnstile សម្រាប់ form សាធារណៈ

Khuyến nghị Recommended ណែនាំ

Mục tiêuGoalគោលដៅ	Bảo vệ form public bằng Turnstile và verify token server-side trước khi ghi D1. Protect a public form with Turnstile and verify the token server-side before writing to D1. ការពារ form public ដោយ Turnstile ហើយ verify token server-side មុនពេល write ទៅ D1។
Ai làmWho does thisអ្នកធ្វើ	Developer form / workshop signup Developer of the form / workshop signup Developer នៃ form / workshop signup
Thời gianTimeរយៈពេល	~25 phút ~25 min ~25 នាទី
Kết thúc bạn sẽ cóYou'll finish withពេលបញ្ចប់អ្នកនឹងមាន	Widget hiện; Function/Worker gọi siteverify; request không token bị từ chối. Widget visible; Function/Worker calls siteverify; requests without a token are rejected. Widget មើលឃើញ; Function/Worker ហៅ siteverify; requests គ្មាន token ត្រូវបានបដិសេធ។
Trước khi bắt đầuBefore you beginមុនពេលចាប់ផ្តើម	Có form POST và chỗ ghi D1 (dp-3-l2) hoặc mock. You have a POST form and a D1 write (dp-3-l2) or a mock. អ្នកមាន form POST និង D1 write (dp-3-l2) ឬ mock។
Gói / planPlanPlan	Turnstile có free tier. Secret key không bao giờ lên client. Turnstile has a free tier. The secret key never goes to the client. Turnstile មាន free tier។ Secret key មិនដែលទៅ client។

Làm theo từng bước Follow along ធ្វើតាមជំហាន

1 Dashboard → Turnstile → Add widget. Lấy site key (public) và secret key. Dashboard → Turnstile → Add widget. Copy the site key (public) and secret key. Dashboard → Turnstile → Add widget។ Copy site key (public) និង secret key។

Checkpoint: Checkpoint: Checkpoint៖ Secret chỉ ở wrangler secret / Pages secret TURNSTILE_SECRET_KEY. Secret lives only in wrangler secret / Pages secret TURNSTILE_SECRET_KEY. Secret ស្ថិតតែក្នុង wrangler secret / Pages secret TURNSTILE_SECRET_KEY។
2 Nhúng widget trên form (site key). Server: POST siteverify với secret + token. Embed the widget on the form (site key). Server: POST siteverify with secret + token. បង្កប់ widget លើ form (site key)។ Server: POST siteverify ជាមួយ secret + token។

Nhập: Enter: បញ្ចូល៖ https://challenges.cloudflare.com/turnstile/v0/siteverify https://challenges.cloudflare.com/turnstile/v0/siteverify https://challenges.cloudflare.com/turnstile/v0/siteverify

Checkpoint: Checkpoint: Checkpoint៖ POST không token hoặc token giả → 400. Token thật → INSERT D1. Không tin body client. POST without a token or with a fake token → 400. Real token → D1 INSERT. Do not trust the client body. POST គ្មាន token ឬ token ក្លែង → 400។ Token ពិត → D1 INSERT។ កុំទុកចិត្ត client body។
3 Local không có secret: chỉ bypass có chủ đích trong dev (pattern hub: dev-bypass) — không bao giờ trên production. Local without a secret: only a deliberate dev bypass (this hub’s dev-bypass pattern) — never in production. Local គ្មាន secret: តែ dev bypass ដោយចេតនា (pattern dev-bypass របស់ hub នេះ) — កុំប្រើក្នុង production។

Cẩn thận Watch out ប្រុងប្រយ័ត្ន

Chỉ nhúng widget — attacker POST thẳng API. Widget only — attackers POST straight to the API. តែ widget — attackers POST ត្រង់ទៅ API។

Mẹo Tips គន្លឹះ

Kết hợp rate limit WAF trên /api/signup nếu form nằm sau zone Application Services. Combine a WAF rate limit on /api/signup if the form sits behind an Application Services zone. រួម WAF rate limit លើ /api/signup បើ form ស្ថិតក្រោយ zone Application Services។

Nguồn sự thật: tài liệu chính thức Cloudflare Developers (diễn giải, không sao chép nguyên văn). Nhãn menu dashboard có thể đổi — chọn mục tương đương gần nhất. Source of truth: official Cloudflare Developer docs (paraphrased, not copied verbatim). Dashboard labels shift — follow the nearest equivalent. ប្រភពពិត: official Cloudflare Developer docs (paraphrased)។ Dashboard labels ផ្លាស់ — តាម equivalent ជិតបំផុត។

Lưu ý (best practices) Note (best practices) Note (best practices)

Secret Turnstile và credential khác lưu bằng `wrangler secret put`, không đặt trong source hay client build. Chỉ biến `PUBLIC_*` được embed phía client. Store Turnstile secrets and other credentials with `wrangler secret put`, not in source or client builds. Only `PUBLIC_*` variables belong in the client. Store Turnstile secrets and other credentials with `wrangler secret put`, not in source or client builds. Only `PUBLIC_*` variables belong in the client.

Nguồn: Source: Source: Workers Best Practices Workers Best Practices Workers Best Practices ↗

Ví dụ triển khai (Cloudflare Resources) Deployment examples (Cloudflare Resources) Deployment examples (Cloudflare Resources)

Ví dụ chính thức từ Cloudflare Resources — gợi ý theo chủ đề bài học trong lộ trình này. Official examples from Cloudflare Resources — matched to this lesson within this path. Official examples from Cloudflare Resources — matched to this lesson within this path.

Tutorial Tutorial Tutorial Developer Platform Developer Platform Developer Platform

Bảo vệ hình thức của bạn Protect your forms ការពាររូបរាងរបស់អ្នក

Hướng dẫn này sẽ hướng dẫn bạn thông qua việc tích hợp Cloudflare Turnstile để bảo vệ các biểu mẫu web của bạn, chẳng hạn như đăng nhập, đăng ký hoặc biểu mẫu liên hệ.

This tutorial will guide you through integrating Cloudflare Turnstile to protect your web forms, such as login, signup, or contact forms.

វគ្គបណ្តុះបណ្តាលនេះនឹងរក្សាទុកអ្នកតាមរយៈការរួមបញ្ចូល Cloudflare Turnstile ដើម្បីការពារប្លាស្ទិចបណ្តាញរបស់អ្នកដូចជាការចុះឈ្មោះ, ការចុះឈ្មោះឬប្លាស្ទិចទំនាក់ទំនង។

Tìm hiểu thêm Learn more ស្វែងយល់បន្ថែម

Hướng dẫn giải pháp Solution guide មគ្គុទ្ទេសករណ៍ដំណោះស្រាយ Application Services Application Services Application Services

Bảo vệ biểu mẫu của bạn khỏi spam và lạm dụng (Miễn phí, chuyên nghiệp và doanh nghiệp) Protect your forms from spam and abuse (Free, Pro, and Business) ការពារប្លាស្ទិចរបស់អ្នកពីអាសអាភាសនិងការទូទាត់ (ដោយឥតគិតថ្លៃ, អ្នកជំនាញនិងអាជីវកម្ម)

Chặn gửi thư rác, tạo tài khoản giả mạo và kiểm tra thẻ trên các biểu mẫu web của bạn bằng cách sử dụng một lớp bảo vệ.

Block spam submissions, fake account creation, and card testing on your web forms using a layered defense.

ការកាត់បន្ថយការដឹកជញ្ជូនអាសអាភាស, ការបង្កើតគណនីធ្លាក់ចុះនិងការធ្វើតេស្តកាតនៅលើវេទិកាបណ្ដាញរបស់អ្នកដោយប្រើការពារដែលមានតម្រូវការ។

Tìm hiểu thêm Learn more ស្វែងយល់បន្ថែម

Tutorial Tutorial Tutorial Developer Platform Developer Platform Developer Platform

Thêm React form với Formspree Add a React form with Formspree បន្ថែមទម្រង់ប្រតិកម្មជាមួយ Formspree

Tìm hiểu cách thêm React form với Formspree, một dịch vụ back-end xử lý và lưu trữ form.

Learn how to add a React form with Formspree, a back-end service that handles form processing and storage.

ស្វែងយល់ពីរបៀបបន្ថែមទម្រង់ React ជាមួយ Formspree ដែលជាសេវាកម្មផ្នែកខាងក្រោយដែលគ្រប់គ្រងដំណើរការ និងការផ្ទុកទម្រង់។

Tìm hiểu thêm Learn more ស្វែងយល់បន្ថែម

Tutorial Tutorial Tutorial Developer Platform Developer Platform Developer Platform

Thêm HTML form với Formspree Add an HTML form with Formspree បន្ថែម HTML form ជាមួយ Formspree

Học cách thêm HTML form với Formspree — dịch vụ back-end xử lý và lưu dữ liệu form.

Learn how to add an HTML form with Formspree, a back-end service that handles form processing and storage.

រៀនរបៀបបន្ថែម HTML form ជាមួយ Formspree — សេវា back-end ដែលដំណើរការ និងរក្សាទុកទិន្នន័យ form។

Tìm hiểu thêm Learn more ស្វែងយល់បន្ថែម

Xem thêm ví dụ trong lộ trình → More examples in this path → More examples in this path →

labs.cloudflare.dev

Lab thực hành khớp bài này Hands-on labs for this lesson Hands-on labs for this lesson

Nguồn bổ sung chính thức — làm lab sau khi đọc bài, không thay bước trong hub. Official supplement — run the lab after this lesson; it does not replace the hub steps. Official supplement — run the lab after this lesson; it does not replace the hub steps.

04 Sandbox SDK Sandbox SDK Sandbox SDK

Sau Phần 5 (AI) và Phần 4 (vận hành/secret). Lab bảo mật khớp golden rules: secret không lên client. After Part 5 (AI) and Part 4 (operate/secrets). The security labs match the golden rules: secrets stay off the client. បន្ទាប់ពីផ្នែក 5 (AI) និងផ្នែក 4 (ដំណើរការ/secret)។ Lab សុវត្ថិភាពសមនឹងច្បាប់៖ secret មិនឡើង client។

Mở 7 bài lab Open 7 lab articles Open 7 lab articles

Xem đủ 4 track lab trên hub → See all 4 lab tracks on this hub → See all 4 lab tracks on this hub → · labs.cloudflare.dev ↗

Tài liệu Cloudflare Developers Cloudflare Developer docs Cloudflare Developer docs

Sản phẩm liên quan Related products Related products

Turnstile Turnstile Turnstile

Học xong hoặc muốn đổi hướng? Finished or want a different path? Finished or want a different path?

Ba lộ trình độc lập — mỗi lộ trình chỉ gồm bài học và tài liệu trong phạm vi đó. Chọn lộ trình khác khi sẵn sàng, không cần học song song. Three independent paths — each includes only lessons and materials for that scope. Switch when you are ready; no need to study paths in parallel. Three independent paths — each includes only lessons and materials for that scope. Switch when you are ready; no need to study paths in parallel.

Application Services Application Services Application Services

Follow-along: DNS → proxy → SSL → WAF → cache — rồi mới rẽ API Shield hoặc Load Balancing Follow-along: DNS → proxy → SSL → WAF → cache — then branch to API Shield or Load Balancing Follow-along: DNS → proxy → SSL → WAF → cache — បន្ទាប់មកទើបបែកផ្លូវទៅ API Shield ឬ Load Balancing

Vào lộ trình này → Enter this path → Enter this path →

Cloudflare One Cloudflare One Cloudflare One

Triển khai Zero Trust theo từng mô-đun: identity, thiết bị, ZTNA, Gateway, DLP, AI và Cloudflare WAN Deploy Zero Trust module by module: identity, devices, ZTNA, Gateway, DLP, AI, and Cloudflare WAN Deploy Zero Trust module by module: identity, devices, ZTNA, Gateway, DLP, AI, and Cloudflare WAN

Vào lộ trình này → Enter this path → Enter this path →

AI Security & Adoption AI Security & Adoption AI Security & Adoption

Adopt AI an toàn từ user đến ứng dụng Adopt AI safely from users to applications Adopt AI safely from users to applications

Vào lộ trình này → Enter this path → Enter this path →

Operational Excellence Operational Excellence Operational Excellence

Vận hành Cloudflare an toàn, ổn định và hiệu quả Operate Cloudflare safely, reliably, and efficiently Operate Cloudflare safely, reliably, and efficiently

Vào lộ trình này → Enter this path → Enter this path →

Chưa chắc — làm bài chọn lộ trình Not sure — use the path selector Not sure — use the path selector · So sánh cả ba lộ trình Compare all three paths Compare all three paths