استضافة المواقع الثابتة على السحابة: دليل شامل في 4 خطوات باستخدام AWS Amplify

6 min read Aldawsari
دقائق القراءة: 6

تُعد المواقع الثابتة خيارًا ممتازًا لاستضافة أنواع متعددة من صفحات الويب، بدءًا من محافظ الأعمال الشخصية، مرورًا بالصفحات المقصودة للشركات، وصولًا إلى المدونات. تتميز هذه المواقع ببساطة إدارتها وفعاليتها الكبيرة من حيث التكلفة. على عكس المواقع الديناميكية، لا تتطلب المواقع الثابتة أنظمة إدارة محتوى (CMS) معقدة تعمل على الخوادم بشكل مستمر، حتى في غياب الزيارات. في هذا الدليل، ستتعلم كيفية استضافة موقع ويب ثابت على سحابة AWS في أربع خطوات سهلة، مستفيدًا من خدمات AWS Amplify و Route 53. والجزء الأفضل؟ التكلفة الشهرية ستكون شبه معدومة!

ما هو الموقع الثابت (Static Website)؟

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

على الرغم من اسمها، يمكن للمواقع الثابتة أن تحتوي على محتوى ديناميكي، ولكن يتم التعامل معه عادةً على جانب العميل باستخدام JavaScript أو من خلال دمج خدمات طرف ثالث عبر واجهات برمجة التطبيقات (APIs).

من أبرز مزايا استخدام المواقع الثابتة:

  • سهولة التوسع (Scalability) لتلبية أي حجم من الزيارات.
  • أوقات تحميل سريعة للغاية، خاصة عند استخدام شبكة توصيل المحتوى (CDN).
  • فعالية عالية من حيث التكلفة.
  • سهولة الصيانة والتحديث.

على سبيل المثال، موقعي الشخصي هو مثال جيد على موقع ثابت:

مثال على موقع شخصي ثابت مستضاف على السحابة

ما هي خدمات الويب من أمازون (AWS)؟

تشير AWS إلى Amazon Web Services، وهي المنصة السحابية الأكثر انتشارًا واعتمادًا في العالم. تقدم AWS مجموعة واسعة من الخدمات المتنوعة التي تساعد المطورين والشركات على تطوير واستضافة تطبيقاتهم. تمتلك AWS مراكز بيانات منتشرة حول العالم ويستخدمها ملايين العملاء.

إن استخدام السحابة لتطبيقاتك يساهم في خفض التكاليف بشكل كبير، ويزيد من مرونة العمل، ويسمح لك بالابتكار بوتيرة أسرع بكثير مما لو كنت تستخدم خوادمك المحلية (on-premise servers).

الخطوة 1: إعداد حسابك على AWS

الخطوة الأولى والأساسية في هذه العملية هي الحصول على حساب AWS. بما أنك ستستضيف صفحتك الثابتة على السحابة، فمن الضروري أن يكون لديك حساب AWS صالح. إذا كنت تقوم بإنشاء حسابك الآن، فإن الطبقة المجانية (Free Tier) ستكون كافية تمامًا لهذا المشروع.

توفر الطبقة المجانية وصولاً إلى العديد من خدمات AWS مجانًا لمدة 12 شهرًا الأولى. على سبيل المثال، ستحصل على 5 جيجابايت من مساحة التخزين المجانية، وهو أمر رائع لأننا نحتاج إلى مساحة لتخزين موقعنا الثابت في السحابة.

تذكر أن امتلاك حساب AWS مجاني إذا لم تستخدم أي خدمات. لن يتم تحصيل رسوم منك مقابل إنشاء الحساب، وإذا لم تستخدم الحساب، فلن يتم تحصيل أي رسوم.

لإنشاء حساب AWS، يمكنك البحث عن دليل تفصيلي أو فيديو تعليمي على الإنترنت.

الخطوة 2: إنشاء موقعك الثابت وتهيئته باستخدام AWS Amplify

ربما تتساءل الآن، ما هو AWS Amplify؟

ما هو AWS Amplify؟

AWS Amplify هو إطار عمل مفتوح المصدر يوفر ميزات لمساعدتك في بناء تطبيقات الويب والجوال السحابية الأصلية (cloud-native). يتكون من أربعة مكونات رئيسية:

  • Amplify CLI: يساعدك في تهيئة جميع الخدمات التي تحتاجها لإنشاء واجهة خلفية سحابية لتطبيقك باستخدام واجهة سطر الأوامر.
  • Amplify Libraries: تساعدك على دمج تطبيقات العميل الخاصة بك مباشرة مع الخدمات الخلفية.
  • Amplify UI Components: هي مكتبات واجهة مستخدم مصممة خصيصًا لأطر عمل مثل React و React Native و Angular و Ionic و Vue، والتي ستساعدك على تطوير تطبيقك السحابي الأصلي بسهولة.
  • Amplify Console: هي خدمة AWS توفر سير عمل قائم على Git للنشر المستمر واستضافة تطبيقات الويب والجوال المتكاملة (full-stack).

في هذا الدليل، لن نستخدم جميع إمكانيات AWS Amplify؛ سنركز فقط على استخدام Amplify Console. ومع ذلك، أوصي بالاطلاع على بعض الدروس التعليمية حول كيفية بناء تطبيقات أكثر تعقيدًا باستخدام AWS Amplify لاحقًا.

إنشاء الموقع الثابت

الآن، لديك كل ما تحتاجه للبدء بموقعك الثابت. لهذا العرض التوضيحي، سيعمل أي ملف HTML ثابت. لقد قمت بإنشاء ملف بسيط باسم index.html وأضفت بداخله هذا الكود:

<html>
    <h1>Hello Foobar</h1>
    <p>This is my super simple site</p>
</html>

رفع الموقع إلى AWS Amplify Console

بعد تجهيز الموقع الثابت، الخطوة التالية هي الانتقال إلى خدمة AWS Amplify في لوحة تحكم AWS Console.

البحث عن خدمة AWS Amplify في لوحة تحكم AWS Console

عندما تفتح الخدمة، سترى شيئًا كهذا:

واجهة AWS Amplify Console

انقر على زر Connect app (ربط التطبيق) وستظهر لك هذه الصفحة:

خيارات نشر مشروعك الحالي في AWS Amplify

بعد ذلك، يمكنك اختيار Deploy without a Git provider (النشر بدون مزود Git) والمتابعة. ستظهر لك صفحة لنشر تطبيقك يدويًا. هناك، اختر اسمًا للتطبيق واسمًا للبيئة، ثم يمكنك سحب مجلد تطبيقك وإفلاته في المتصفح.

بدء عملية النشر اليدوي في AWS Amplify

عندما ينتهي التطبيق من الرفع، سترى رسالة تفيد بأن “Deployment successfully completed” (تم النشر بنجاح). الآن، موقعك مستضاف على السحابة. انتقل إلى الرابط الموجود أسفل نص Domain. سيأخذك هذا إلى موقعك الثابت الذي تم نشره للتو.

موقع ثابت تم نشره بنجاح في AWS Amplify

الخطوة 3: شراء نطاق (Domain) لموقعك

الآن حان الوقت للحصول على نطاق لموقعك. مشاركة رابط Domain الطويل الذي حصلت عليه من Amplify ليس عمليًا جدًا، ويمكن أن يكون النطاق الخاص بك طريقة أبسط وأكثر احترافية لتسمية موقعك.

للقيام بذلك، تحتاج إلى الانتقال داخل حساب AWS الخاص بك إلى خدمة تُسمى Route 53.

البحث عن خدمة Route 53 في لوحة تحكم AWS Console

عندما تفتح خدمة Route 53، يمكنك الانتقال إلى رابط Register domain (تسجيل نطاق)، وستظهر صفحة كهذه:

صفحة تسجيل نطاق جديد في AWS Route 53

هنا، تحتاج إلى اختيار اسم نطاق. يتم فوترة النطاقات سنويًا، وتختلف تكلفتها اعتمادًا على الامتداد (مثل .com، .net، وهكذا). بعد اختيار اسم النطاق، يمكنك إضافته إلى سلة التسوق. ثم ما عليك سوى اتباع التعليمات التي تقدمها Route 53 لإكمال عملية الشراء.

الخطوة 4: تهيئة النطاق في تطبيق AWS Amplify الخاص بك

الآن بعد أن حصلت على النطاق، حان الوقت للعودة إلى تطبيق AWS Amplify الخاص بك – التطبيق الذي قمت بتهيئته للتو.

ثم في الجانب الأيسر، انقر على رابط Domain management (إدارة النطاقات) وستفتح هذه الصفحة:

إضافة نطاق مخصص إلى موقعك في AWS Amplify

سيقترح مربع نص النطاق (Domain text box) النطاق الذي سجلته للتو. ما عليك سوى اختياره، وقبول جميع التكوينات الافتراضية، ثم النقر على Save (حفظ).

بعد ذلك، سيتم توجيهك إلى صفحة حيث سيتم تهيئة النطاق وشهادة SSL. لا تحتاج إلى القيام بأي شيء في هذه الخطوة، فقط انتظر حتى يتم تهيئة كل شيء. يستغرق الأمر بعض الوقت، لذا تحلَّ بالصبر.

الآن لقد انتهيت، ويمكنك الانتقال إلى نطاقك الجديد ورؤية صفحتك الثابتة تعمل.

كيفية تحديث هذا الموقع

في كل مرة تحتاج فيها إلى تغيير شيء ما في موقعك الثابت، ستحتاج إلى العودة إلى AWS Amplify وتحديث الملفات. بشكل أساسي، ستقوم ببساطة بإسقاط الدليل (directory) المحدث في تطبيق Amplify.

عملية تحديث موقعك الثابت في AWS Amplify

الخلاصة

لقد أصبحت الآن تمتلك موقعًا ثابتًا مستضافًا على السحابة. يتميز هذا الموقع بكونه قابلاً للتوسع بدرجة عالية وموثوقًا به. يتم استضافة الموقع باستخدام شبكة توصيل المحتوى (CDN) الخاصة بـ AWS، والتي تُعرف باسم Amazon CloudFront، مما يجعل موقعك سريعًا للغاية للمستخدمين.

إجمالي تكلفة الاستضافة بعد مرور 12 شهرًا على حساب AWS الخاص بك ستتراوح بين 0.50 دولار أمريكي و 4 دولارات أمريكية شهريًا، اعتمادًا على حجم موقعك وكمية الزيارات التي تحصل عليها. التكلفة السنوية الأخرى التي ستتحملها هي تكلفة النطاق، والتي يمكن أن تبدأ من 9 دولارات أمريكية سنويًا.

إذا كنت ترغب في جعل هذه العملية أكثر تلقائية، أوصي بالبحث في خيارات النشر التلقائي لـ AWS Amplify باستخدام GitHub.

الخلاصة التقنية

يُقدم هذا الدليل منهجية عملية وفعالة لاستضافة المواقع الثابتة عبر سحابة AWS، مستفيدًا من قوة AWS Amplify ومرونة Route 53. إن اختيار المواقع الثابتة ليس فقط خيارًا اقتصاديًا للغاية، بل يضمن أيضًا أداءً عاليًا وقابلية توسع لا مثيل لها بفضل استخدام شبكات توصيل المحتوى (CDN) مثل Amazon CloudFront. هذه العملية، التي لا تتطلب معرفة عميقة بإدارة الخوادم، تفتح الأبواب أمام المطورين وأصحاب الأعمال لنشر مشاريعهم بسرعة وكفاءة، مع الحفاظ على تكاليف تشغيل منخفضة جدًا. إنها خطوة أساسية نحو تبني بنية تحتية سحابية حديثة ومُحسّنة للأداء والتكلفة.

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *