استفد من البنية التحتية القابلة للتطوير في AWS EC2 لنشر تطبيقات React الخاصة بك.

في المشهد الرقمي سريع التطور اليوم ، أصبحت الحوسبة السحابية أداة لا غنى عنها للشركات. من بين العديد من منصات الحوسبة السحابية المتاحة ، Amazon Web Services (AWS) EC2 (Elastic Compute Cloud) تبرز كمنصة قوية ومتعددة الاستخدامات لنشر التطبيقات وإدارة البنية التحتية باستخدام يُسَهّل.

بفضل بنيتها التحتية القابلة للتطوير ، وميزات الأمان القوية ، وخيارات التكامل السلس ، تمكّنك EC2 من إطلاق العنان للإمكانات الكاملة لتطبيقاتك.

1. قم بإعداد مثيل AWS EC2

لبدء استخدام AWS EC2 ، يمكنك اتباع الخطوات التالية كنقطة بداية.

  • قم بتسجيل الدخول إلى وحدة الإدارة في AWS. إذا لم تكن قد قمت بذلك بالفعل ، فأنشئ حسابًا على موقع ويب AWS الرسمي.
  • انتقل إلى EC2 وانقر فوق إطلاق المثيلات.
  • اختر صورة آلة أمازون (AMI) التي تدعم نظام التشغيل المفضل لديك.
  • وأيضًا تكوين مجموعات الأمان للسماح بحركة المرور الواردة إلى تطبيقك (على سبيل المثال ، HTTP / HTTPS) كتفضيلاتك.
  • الآن لديك إنشاء مثيل خادم Linux AWS EC2 الخاص بك بنجاح ثم إنشاء زوج مفاتيح جديد أو اختيار واحد موجود.
instagram viewer

2. اتصل بمثيل EC2 الخاص بك

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

  • قم بتنزيل ملف المفتاح الخاص (.pem) الذي تم إنشاؤه لزوج المفاتيح الخاص بك.
  • لتوصيل زوج المفاتيح الخاص بك ، يمكنك أيضًا استخدام عملاء FTP مثل filezilla أو المعجون (إذا كنت من مستخدمي Windows).
  • قم بتعيين الأذونات المناسبة لملف المفتاح الخاص باستخدام الأمر التالي في الجهاز: 
 chmod 400 /path/to/key-pair.pem
  • اتصل بالمثيل الخاص بك باستخدام SSH.

على سبيل المثال:

ssh -i /path/to/your-key-pair.pem ec2-user @ your-example-public-ip

باتباع هذه الخطوات ، ستنشئ اتصالاً بمثيل EC2 الخاص بك بنجاح.

3. تحديث الحزم على مثيل EC2 الخاص بك

بعد إنشاء اتصال بمثيل EC2 الخاص بك ، تابع تحديث الحزم في المثيل الخاص بك.

  • قم بتحديث الحزم على مثيل EC2 الخاص بك عن طريق تشغيل الأمر التالي: 
تحديث sudo yum

4. قم بتثبيت Node.js و npm

لتثبيت Node.js و npm داخل مثيل EC2 ، قم بتشغيل الأمر التالي:

حليقة -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.3/install.sh | مصدر bash ~ / .nvm / nvm.sh nvm تثبيت عقدة

5. استنساخ مستودع تطبيق React الخاص بك

لنشر تطبيق React الخاص بك على مثيل EC2 ، قم بتنفيذ الخطوات التالية:

  • قم بتثبيت Git إذا لم يكن مثبتًا بالفعل على المثيل الخاص بك: 
 sudo yum install git
  • انسخ مستودع تطبيق React باستخدام الأمر: 
استنساخ بوابة

6. تثبيت تبعيات المشروع

بعد استنساخ مستودع تطبيق React ، انتقل إلى دليل المستودع وثبّت تبعيات المشروع.

قرص مضغوط  تثبيت npm

7. بناء تطبيق React الخاص بك

لإنشاء تطبيق React للإنتاج ، استخدم الأمر التالي:

npm تشغيل البناء

8. قم بتثبيت خادم الويب

لتشغيل تطبيق React الخاص بك على مثيل EC2 ، قم بتثبيت خادم ويب مثل Nginx. يوفر Nginx ميزات الأداء وقابلية التوسع والتخزين المؤقت وموازنة التحميل والأمان لضمان التسليم الموثوق به لتطبيقك. قم بتثبيت Nginx باستخدام الأمر:

sudo yum قم بتثبيت nginx

9. قم بتكوين Nginx

لتهيئة Nginx لتطبيق React الخاص بك ، اتبع الخطوات التالية:

  • افتح ملف تكوين Nginx باستخدام الأمر: 
sudo nano /etc/nginx/nginx.conf
  • قم بتحديث كتلة الخادم لتضمين كتلة الموقع التالية: 
الخادم {... الموقع / {root / path / to / your / response / application / build ؛
index.html ؛
try_files $ uri /index.html؛}... }

حفظ الملف وإنهاء المحرر.

10. ابدأ تشغيل خادم Nginx

لبدء تشغيل خادم Nginx وتمكينه من البدء تلقائيًا عند تمهيد النظام ، استخدم الأوامر التالية:

sudo service nginx يبدأ تشغيل chkconfig nginx

11. الوصول إلى تطبيق React الخاص بك

للوصول إلى تطبيق React المنشور ، اتبع الخطوات التالية:

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

أطلق العنان لقوة AWS لتحسين التطبيقات

تقدم AWS مجموعة واسعة من الخدمات والميزات التي يمكنها تحسين قدرات تطبيقك بشكل كبير. من خلال استكشاف خيارات مثل القياس التلقائي وموازنة الحمل وقواعد البيانات والمراقبة المستمرة لأداء وأمان مثيل EC2 الخاص بك ، يمكنك ضمان التشغيل الأمثل.

إن إتقان عملية إعداد مثيل EC2 ونشر تطبيق React لا يزودك بمهارات قيمة فحسب ، بل يمكّنك أيضًا من تسخير الإمكانات الكاملة للحوسبة السحابية.