brainax

Cloudflare: Pages وWorkers والحماية

الدرس 12 من 26 في دورة «البرمجة بالإحساس». مجاني، مع رسوم متحركة واختبار.

شبكة تقف أمام موقعك

Cloudflare شركة لديها شبكة ضخمة من الخوادم حول العالم. تقف بين الزائر وموقعك. ميزتها الأساسية الـ CDN، أي شبكة توصيل المحتوى. توجد نسخ من موقعك على خوادم في بلدان مختلفة، ويحصل كل زائر عليها من أقرب خادم. النقاط على الكرة الأرضية هي هذه الخوادم. مثال: أعضاء فريقك في الألعاب يعيشون في بلدان مختلفة، ومع ذلك يفتح موقع جدول البطولات بسرعة عند الجميع.

الدرع وقفل https

العمل الثاني لـ Cloudflare هو الحماية. مثلًا من هجوم DDoS، حين يُغرق حشد من الروبوتات الموقع بالطلبات في وقت واحد لإسقاطه. تصفّي الشبكة هذه القمامة قبل أن تصل إلى موقعك: هذا هو الدرع في المخطط. وهناك أيضًا SSL: تشفير الاتصال بين المتصفح والموقع، وتراه في https داخل العنوان وأيقونة القفل. تُصدر Cloudflare الشهادة اللازمة لذلك تلقائيًا.

Pages: موقع مباشرة من GitHub

Pages هي خدمة استضافة المواقع في Cloudflare. الطريقة مألوفة: تربط مستودعًا من GitHub، وتحدد أمر البناء، وبعد كل push يتحدّث الموقع وحده. السهم الجانبي في المخطط يعني هذا بالضبط. كل فرع يحصل على رابط معاينة خاص. باختصار: كل ما في درس النشر يعمل هنا. تعيد Cloudflare تسمية أقسام لوحة التحكم ودمجها مع الوقت، لكن الفكرة تبقى نفسها.

Workers: كود خادم بلا خادم خاص

Workers قطع صغيرة من كود الخادم تعمل داخل شبكة Cloudflare نفسها. لا حاجة لإعداد خادم خاص بك. مثال: في موقع الفريق نموذج للتسجيل في البطولة، ويجب حفظ الطلبات. أو زر يطلب من الذكاء الاصطناعي اقتراح اسم للفريق. لا يجوز وضع مفتاح الذكاء الاصطناعي في الواجهة الأمامية، أتذكر؟ الـ Worker هو من يحفظه: المتصفح يتصل بالـ Worker، والـ Worker يتصل بالذكاء الاصطناعي بالمفتاح.

الأسرار: في لوحة التحكم لا في الكود

تُضاف مفاتيح Workers وPages في لوحة تحكم Cloudflare على شكل أسرار، أي متغيرات مشفّرة. يشير الكود إليها بالاسم، مثل AI_KEY، ولا تصل القيمة نفسها إلى المستودع أبدًا. الفكرة نفسها كما مع ملف .env: Git يتذكر كل شيء، لذلك المفتاح الموجود في الكود سيتسرب عاجلًا أو آجلًا. إذا وصل مفتاح إلى المستودع فعلًا، ألغِه في الخدمة وأنشئ مفتاحًا جديدًا.

متى تختار Cloudflare

لدى Cloudflare أيضًا DNS لنطاقك (شريحة في المخطط) ومخازن بيانات: D1، قاعدة بيانات بجداول، وKV، مخزن بسيط «مفتاح ← قيمة». اختر Cloudflare إذا كان لديك موقع ثابت أو خلفية بسيطة، ونطاق خاص، وزوار من بلدان مختلفة. توجد عادةً خطة مجانية، وراجع الحدود على موقعها. تحقق من توفر الخدمة والدفع في بلدك. تدرّب في محاكي Cloudflare.

اختبر نفسك

  1. لماذا يحتاج الموقع إلى CDN؟
    الإجابة الصحيحة: يحصل الزائر على الموقع من أقرب خادم. تحتفظ الـ CDN بنسخ من الموقع حول العالم، فتصل الصفحة من أقرب نقطة وتُحمَّل أسرع.
  2. أين تحفظ مفتاح الذكاء الاصطناعي الذي يستخدمه Worker؟
    الإجابة الصحيحة: في الأسرار داخل لوحة تحكم Cloudflare. السر مشفّر ولا يصل إلى المستودع. أما في الواجهة الأمامية أو README فسيرى المفتاحَ أيُّ شخص.
  3. ماذا يعني https والقفل في عنوان الموقع؟
    الإجابة الصحيحة: الاتصال بين المتصفح والموقع مشفّر. يشفّر SSL البيانات في الطريق. الفخ: القفل لا يثبت أن الموقع صادق، فمواقع الاحتيال تملكه أيضًا.

← الاستضافة والنشر Vercel: استيراد في دقيقة →