كيفية استضافة موقع ويب ثابت باستخدام Yandex.Cloud Object Storage

مرحبا هبر!

في هذه المقالة ، سأخبرك بمدى سهولة استضافة موقع ثابت باستخدام تقنيات Yandex ، وهي تخزين الكائنات .

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

هذه المقالة ستكون مفيدة إذا كنت

• مطور مبتدئ يتعلم البرمجة فقط ؛
• مطور قام بإنشاء محفظة ويريد جعلها عامة لعرضها على الأصدقاء وأصحاب العمل.

عن نفسي

لقد قمت مؤخرًا بتطوير خدمة SaaS ، وهي نوع من الأسواق حيث يجد الناس مدربين رياضيين للتدريب الشخصي. استخدم مكدس Amazon Web Services (المشار إليه فيما يلي بـ AWS). لكن كلما تعمقت في المشروع ، زادت الفروق الدقيقة التي أعرفها حول العمليات المختلفة لتنظيم الشركة الناشئة.

واجهت المشاكل التالية:

• كانت AWS تستهلك الكثير من المال. بعد العمل لمدة 3 سنوات في شركات Enterprise ، اعتدت على أفراح مثل Docker و Kubernetes و CI / CD والنشر الأزرق والأخضر ، وباعتباري مبرمجًا مبتدئًا لبدء التشغيل ، أردت تنفيذ نفس الشيء. نتيجة لذلك ، توصلت إلى استنتاج مفاده أن AWS تستهلك 300-400 دولار شهريًا. الأغلى كانت Kubernetes ، حوالي 100 دولار ، بحد أدنى للراتب مع مجموعة واحدة وعقدة واحدة.
  
  ملاحظة في البداية ، لست بحاجة إلى القيام بذلك.
• بعد ذلك ، بالتفكير في الجانب القانوني ، علمت بالقانون 152-FZ ، الذي قال شيئًا مثل ما يلي: "يجب تخزين البيانات الشخصية لمواطني الاتحاد الروسي على أراضي الاتحاد الروسي" ، وإلا فإن الغرامات التي لم أكن أريدها. قررت معالجة هذه القضايا حتى أتت لي "القمة" :).

Amazon Web Services ., .

. :

• 2-3 ( )
• , .

, .

, .

0.

, . Angular , SPA , .

P.S. Angular https://angular.io/guide/setup-local, 1.

Angular-CLI SPA- :

npm install -g @angular/cli

Angular :

ng new angular-habr-object-storage

, :

cd angular-habr-object-storage
ng serve --open

, . (Production), .

:

ng build --prod

dist .

. .

1.

https://console.cloud.yandex.ru/ "".

:

• ( )
• ( 500 ).

, .

"Object Storage", .

:

• Object Storage — , AWS S3, API AWS S3 .
• Object Storage "" (bucket / ), .

. " ".

, :

• . , — angular-habr-object-storage
• . . , , , .
• . "", , , .
• . "". , .
• . "". , , , . ( ).

" " .

. — dist . , " ", .

, , , .

"-".

, "". , index.html. SPA , , index.html.

, . .

5, .

! , frontend backend .

اكتب في التعليقات مدى اهتمامك بالتعرف على خدمات Yandex الأخرى أو حول استخدام Angular في التطوير الحديث.