كيفية نشر المواقع على المجالات المخصصة باستخدام Cloudflare وصفحات جيثب

هل بنيت موقع جميل؟ هل تبحث لاستضافته مجانًا مع مجال مخصص؟ لا مزيد من البحث.

تشرح هذه المقالة كيفية تحسين موقع الويب الخاص بك باستخدام أداتين رائعتين مجانًا: Github Pages و Cloudflare. قبل أن نبدأ ، دعنا نستعرض بعض الأساسيات:

كلودفلاري

Cloudflare عبارة عن شبكة توزيع محتوى - CDN. إنه يعكس موقع الويب الخاص بك على خوادمه في جميع أنحاء العالم. هذا يعني أنه أسرع بالنسبة لأي شخص يريد الوصول إليه ، بغض النظر عن مكان وجودهم. على سبيل المكافأة ، فإنه يحميك أيضًا من الأشخاص الذين قد يرغبون في زيادة التحميل على موقعك باستخدام برامج الروبوت الآلية التي تحاول زيارته واستنزاف النطاق الترددي (هجمات DDOS).

يمكنك قراءة المزيد حول كيفية وصفهم لأنفسهم هنا.

لماذا Cloudflare؟

هناك عدة أسباب لاستخدام Cloudflare. انه مجانا. يحتوي على مدير DNS بسيط يتيح لك إعداد البريد والنطاقات الفرعية. لقد حصلت على إدارة نطاق HTTPS مضمنة. يقوم تلقائيًا بتقليل الأصول الثابتة لموقع الويب الخاص بك ، ويسرع من كيفية وصول الأشخاص من جميع أنحاء العالم إلى موقع الويب الخاص بك ، ويحميهم من التوقف. يمكنك رؤية لوحة الخيارات الخاصة بهم لتعيينها هنا:

حول صفحات جيثب:

تشتهر GitHub بكونها مستودع رمز ، وقد صُممت GitHub Pages في الأصل كوسيلة لمشاريع مفتوحة المصدر لاستضافة صفحات عن نفسها. منذ صدوره ، نمت لتصبح منصة متعددة الاستخدامات لاستضافة المحتوى في إعداد الإنتاج. إنها موثوقة وقوية وسريعة وكبيرة لخدمة معظم أنواع المواقع الثابتة للشركات والشخصية. وصفهم الخاص يجعله أفضل: "GitHub Pages هي خدمة استضافة مواقع ثابتة. تم تصميمه لاستضافة صفحاتك الشخصية أو المؤسسة أو صفحات المشروع مباشرةً من مستودع GitHub. "

رؤية المزيد هنا.

ما هو موقع ثابت؟

تتألف المواقع الثابتة من HTML و CSS و Javascript القديم البسيط ، ولا تستخدم قواعد البيانات. على عكس المواقع التي تعتمد على قاعدة البيانات والتي تتغير باستمرار المحتوى الذي يعتمد على المستخدم (مثل Facebook ، أو Twitter) ، تعرض المواقع الثابتة نفس المعلومات لكل زائر.

ماذا نحتاج أن نبدأ؟

قبل البدء ، تأكد من:

  • لديك مستودع Github وبيئة نشر باستخدام صفحات Github. ستنشئ عنوان url بهذه البنية: "https://username.github.io/nameoftherepository"
  • حساب Cloudflare. سجل على https://www.cloudflare.com/a/sign-up
  • نطاق مخصص قمت بشرائه من سجل مثل NameCheap

الخطوة 1: نشر موقع الويب الثابت الخاص بك باستخدام صفحات جيثب.

يجب أن يكون لدينا مستودع Github وبيئة نشر باستخدام Github Pages. نحن ننشر باستخدام صفحات جيثب عندما نضغط على فرع "صفحات الجريدة".

الخطوة 2: أدخل مجالك المخصص في إعدادات مستودع جيثب

حدد الخيار "الإعدادات" من شريط المستودع. إنه الخيار الأخير. عندما تكون في "الإعدادات" ، انتقل إلى منطقة صفحات جيثب وأدخل نطاقك المخصص وانقر على زر "حفظ".

الخطوة 3: إعداد المجال المخصص الخاص بك على Cloudflare

قم بتسجيل الدخول إلى حساب Cloudflare وأدخل المجال المخصص لمسح سجلات DNS.

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

ملحوظة:

تعد سجلات A و CNAME طريقتين شائعتين لتعيين اسم مضيف لعنوان IP واحد أو أكثر.

يشير السجل A إلى اسم IP محدد ، عندما يكون عنوان IP معروفًا ومستقرًا .. في حالتنا ، اسم yourdomain.com للإشارة إلى الخادم 192.30.252.153

يشير سجل CNAME إلى اسم إلى اسم آخر ، بدلاً من عنوان IP. يمثل مصدر CNAME اسمًا مستعارًا للاسم الهدف ويرث سلسلة الدقة بأكملها. في حالتنا ، نستخدم صفحات Github وقمنا بتعيين www على أنها CNAME لـ astephannie.github.io

في هذه الخطوة ، نقوم بتعيين "A DNS DNS" ، وهو ضروري لأننا نحصل على التواصل بين Cloudflare و Github Pages. من الآن ، سيتم توجيه جميع الطلبات إلى yourdomain.com إلى موقع الويب الثابت على جيثب. انقر على زر "متابعة" للانتقال إلى الخطوة التالية.

الخطوة 4: حدد خطة Cloudflare

حدد خطة Cloudflare التي تريدها. في حالتنا ، نختار "موقع ويب مجاني" ونضغط على زر "متابعة".

الخطوة 5: تحديث خوادم الأسماء على لوحة معلومات المجال الخاصة بك

انسخ خوادم الأسماء من Cloudflare والصقها في لوحة معلومات المجال.

في هذا المثال ، لدينا مجال من godaddy.com. نحن بحاجة إلى الوصول إلى مجالنا وتغيير خوادم الأسماء.

سيكون لديك هذه النتيجة في حالة معلقة في البداية:

في النهاية ، ستتغير الحالة:

الخطوة 6: الإعداد تصغير أصول الموقع

حدد الخيار "السرعة" ، وهو موجود على شريط التنقل في Cloudflare وحدد "Javascript - CSS - HTML" ، الملفات التي نريد تصغيرها.

هناك بعض الخيارات الأخرى التي يجب مراعاتها في Cloudflare للإعداد. لقد قمنا بالخطوات اللازمة لجعل موقع الويب الخاص بنا مباشرًا على النطاق الذي نعده. يمكنك التحقق من قواعد التخزين المؤقت والصفحة لمواصلة استكشاف خيارات Cloudflare والتحقق من مدى قوة Cloudflare.

الخطوة 7: لقد انتهيت!

موقع الويب الخاص بك هو العيش. يمكنك إجراء تغييرات مباشرة في Github على فرع صفحات gh ، وستظهر مباشرةً على موقع الويب الخاص بك.

هذا هو!

آني هي مهندس برمجيات الواجهة الأمامية في Crowdbotics.

بناء الويب أو تطبيق الجوال؟

Crowdbotics هي أسرع طريقة لإنشاء تطبيق وتشغيله وتوسيع نطاقه.

مطور؟ جرب تطبيق Crowdbotics App Builder لسقالات ونشر التطبيقات بسرعة مع مجموعة متنوعة من الأطر الشائعة.

مشغول أو غير الفنية؟ انضم إلى المئات من الفرق السعيدة لبناء البرامج مع Crowdbotics PMs والمطورين الخبراء. نطاق الجدول الزمني والتكلفة مع Crowdbotics Managed App Development مجانًا.