simple static website

موقع ثابت بسيط

قم بإنشاء موقع ويب ثابت بسيط ورخيص ومدعوم بـ CDN باستخدام برنامج نصي واحد لـ AWS CloudFormation. مثالي للمواقع التي تم إنشاؤها باستخدام مولدات المواقع الثابتة مثل Gatsby، Hugo، 11ty؛ تطبيقات رد الفعل عديمة الجنسية؛ أو مجرد ملفات HTML وCSS وملفات الصور القديمة.

تعليمات

1. سجل المجال في AWS هنا

2. تم إنشاء منطقة مستضافة لهذا المجال في Route53

3. قم بإنشاء مكدس CloudFormation جديد باستخدام قالب simple-static-website.yaml . يجب أن يتم ذلك في us-east-1 بسبب القيود المفروضة على CloudFront.

4. توفير المعلمات:

   • اسم المجال
   • اسم الموقع
   • HostedZoneId (باستخدام وحدة التحكم، سيتم توفير قائمة)
   • اسم الحاوية (اختياري)، إذا كنت تريد استخدام مجموعة موجودة. سيقوم CloudFormation بإنشاء اسم المجموعة من النطاق الفرعي لعنوان URL، إذا تم تركه فارغًا.

5. قم بتوفير مكدس CloudFormation باستخدام وحدة التحكم أو باستخدام awscli:

    aws cloudformation deploy 
       --stack-name foo 
       --template-file simple-static-website.yaml 
       --parameter-overrides 
           DomainName=example.com 
           HostedZoneId=ABCDEFGHIJK0123456789 
           WebsiteName=www
   

6. ضع ملف Index.html بسيطًا في حاوية S3 التي تم إنشاؤها حديثًا. تحقق من إخراج CloudFormation للمكدس للحصول على نموذج أمر awscli.

7. قم بزيارة موقع الويب الجديد الخاص بك على النطاق الذي قدمته. راجع مخرجات CloudFormation لعنوان URL.

ملاحظة حول استخدام شبكة توزيع المحتوى (CDN)

تذكر أن CloudFront CDN سيقوم بتخزين موقع الويب الخاص بك مؤقتًا في عدة مواقع حول العالم. إذا قمت بتغيير موقعك، فسيتعين عليك إبطال صلاحية ذاكرة التخزين المؤقت. يتم تطبيق الرسوم، ولكن بشكل عام يعد هذا إعدادًا رخيصًا للغاية لأنه لا يقوم بتشغيل أي خوادم.

شكر وتقدير

هذا البرنامج النصي مستوحى من مقالة مدونة Alain Seng الممتازة، بالإضافة إلى مخرجات مواقعي الحالية التي يتم توفيرها يدويًا والتي يتم تشغيلها من خلال قالب CloudFormer الذي لم يعد موجودًا الآن في Amazon. تعد CloudFormer أداة ممتازة، ومع ذلك، فقد تم اكتساحها تحت السجادة من قبل Amazon بسبب العدد المتزايد من CVEs التي ترك الحل المستخدمين مفتوحين لها. هناك كتابة جيدة كتبها karimelmel حول هذا الموضوع هنا. شكرًا لـ eisenhowerj لتحسين البرنامج النصي الخاص بـ CloudFormation وإضافة ميزات جديدة.