كيفية استضافة موقع ثابت في السحابة في أربع خطوات

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

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

في هذا المنشور ، ستتعلم كيفية استضافة موقع ويب ثابت في سحابة AWS في 4 خطوات ، باستخدام AWS Amplify و Route 53. وأفضل جزء؟ لن يكلفك شيء تقريبًا كل شهر.

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

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

تم إنشاء مواقع الويب هذه مسبقًا كملفات HTML يتم تخزينها في مكان ما على الإنترنت ثم يتم تقديمها كما تم إنشاؤها.

يمكن أن تحتوي المواقع الثابتة على محتوى ديناميكي ، ولكن يتم التعامل معها من جانب العميل باستخدام JavaScript أو بعض عمليات تكامل الجهات الخارجية باستخدام واجهات برمجة التطبيقات.

بعض فوائد استخدام موقع ثابت هي:

  • إنها سهلة القياس
  • إذا كنت تستخدم CDN ، فإن أوقات التحميل تكون سريعة
  • إنها فعالة من حيث التكلفة
  • إنها سهلة الصيانة

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

موقع مارسيا الشخصي

ما هي AWS؟

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

تمتلك AWS أيضًا مراكز بيانات حول العالم ويستخدمها ملايين العملاء.

سيؤدي استخدام السحابة لتطبيقاتك إلى خفض التكاليف ، ومساعدتك على أن تصبح أكثر مرونة ، وتسمح لك بالابتكار بشكل أسرع مما لو كنت تستخدم الخوادم المحلية الخاصة بك.

الخطوة 1 - قم بإعداد حساب AWS الخاص بك

الخطوة الأولى في هذه العملية هي الحصول على حساب AWS. ستقوم باستضافة صفحتك الثابتة في السحابة ، ولهذا يجب أن يكون لديك حساب AWS صالح.

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

على سبيل المثال ، ستحصل على 5 غيغابايت من مساحة التخزين المجانية. هذا شيء رائع ، لأننا بحاجة إلى تخزين لحفظ موقعنا الثابت في السحابة.

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

لإنشاء حساب AWS ، يمكنك اتباع الخطوات الواردة في هذا الفيديو:

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

الآن بعد قراءة هذا العنوان ، قد تتساءل ، ما هو AWS Amplify؟

AWS Amplify عبارة عن إطار عمل مفتوح المصدر يوفر ميزات لمساعدتك في إنشاء تطبيقات الويب والجوال على السحابة الأصلية. تتكون من 4 مكونات:

  • تضخيم CLI
  • تضخيم المكتبات
  • تضخيم مكونات واجهة المستخدم و
  • وحدة التحكم Amplify.

يساعدك Amplify CLI على تكوين جميع الخدمات التي تحتاجها لإنشاء خلفية سحابية لتطبيقك باستخدام واجهة سطر الأوامر.

تساعدك المكتبات على دمج تطبيقات العميل مباشرة مع خدمات الخلفية.

مكونات Amplify UI هي مكتبات واجهة مستخدم مخصصة لـ React و React Native و Angular و Ionic و Vue والتي ستساعدك على تطوير تطبيقك السحابي الأصلي بسهولة.

أخيرًا ، Amplify Console هي خدمة AWS توفر سير عمل قائم على git للنشر المستمر ولاستضافة تطبيقات الويب والهاتف المحمول كاملة المكدس.

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

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

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

Hello Foobar

This is my super simple site

قم بتحميله إلى وحدة تحكم AWS Amplify

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

العثور على خدمة AWS Amplify في وحدة تحكم AWS

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

وحدة تحكم AWS Amplify

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

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

ثم يمكنك تحديد النشر بدون موفر Git والمتابعة.

ستظهر لك صفحة لنشر تطبيقك يدويًا. هناك، يمكنك اختيار أي اسم التطبيق و بيئة اسم ومن ثم يمكنك سحب مجلد التطبيق الخاص بك في المتصفح.

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

عند انتهاء تحميل التطبيق ، ستظهر لك رسالة نصها "اكتمل النشر بنجاح".

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

الخطوة 3 - شراء مجال لموقع الويب الخاص بك

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

لذلك ، عليك الدخول داخل حساب AWS الخاص بك إلى خدمة تسمى Route53.

العثور على مسار الخدمة 53 في وحدة تحكم AWS

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

هنا تحتاج إلى اختيار اسم المجال. تتم محاسبة المجالات سنويًا ولها تكاليف مختلفة اعتمادًا على النهاية (مثل .com و .net وما إلى ذلك).

بعد اختيار اسم المجال ، يمكنك إضافته إلى البطاقة. ثم ما عليك سوى اتباع التعليمات التي يوفرها Route53.

الخطوة 4 - قم بتكوين المجال في تطبيق AWS Amplify الخاص بك

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

ثم في اليسار ، تقوم بالنقر فوق ارتباط إدارة النطاق ويتم فتح هذه الصفحة:

إضافة مجال لموقعك

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

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

لقد انتهيت الآن ، لذا يمكنك الانتقال إلى مجالك الجديد ومشاهدة صفحتك الثابتة.

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

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

تحديث موقعك الثابت

استنتاج

الآن لديك موقع ثابت مستضاف في السحابة. هذا الموقع قابل للتطوير وموثوق للغاية. تتم استضافة الموقع باستخدام AWS CDN المسمى AWS CloudFormation ، لذلك سيجعل هذا موقعك سريعًا جدًا للمستخدمين.

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

التكلفة السنوية الأخرى التي ستحصل عليها هي النطاق الذي يمكن أن يبدأ من 9 دولارات أمريكية سنويًا.

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

شكرا للقراءة.

أنا Marcia Villalba ، محامية مطوّرة لـ AWS ومضيف قناة على YouTube تسمى FooBar حيث لدي أكثر من 250 فيديو تعليمي حول ممارسات Serverless و AWS ومهندس البرمجيات.

  • تويتر: //twitter.com/mavi888uy
  • يوتيوب: //youtube.com/foobar_codes