Използвайте мащабируемата инфраструктура на AWS EC2, за да внедрите вашите React приложения.

В днешния бързо развиващ се цифров пейзаж облачните изчисления се превърнаха в незаменим инструмент за бизнеса. Сред различните налични платформи за облачни изчисления Amazon Web Services (AWS) EC2 (Elastic Compute Cloud) се откроява като гъвкава и мощна платформа за внедряване на приложения и управление на инфраструктура лекота.

Със своята мащабируема инфраструктура, стабилни функции за сигурност и безпроблемни опции за интеграция, EC2 ви дава възможност да отключите пълния потенциал на вашите приложения.

1. Настройте екземпляр на AWS EC2

За да започнете да използвате AWS EC2, можете да следвате следните стъпки като отправна точка.

  • Влезте в AWS конзола за управление. Ако все още не сте го направили, създайте акаунт на официалния уебсайт на AWS.
  • Отидете до EC2 и щракнете върху Стартиране на екземпляри.
  • Изберете Amazon Machine Image (AMI), който поддържа предпочитаната от вас операционна система.
    • instagram viewer
  • И също така конфигурирайте групи за сигурност, за да разрешите входящ трафик към вашето приложение (напр. HTTP/HTTPS) като ваши предпочитания.
  • Сега имате създаде вашия екземпляр на Linux сървър AWS EC2 успешно и след това създаде нова двойка ключове или избра съществуваща.

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-instance-public-ip

Следвайки тези стъпки, вие успешно ще установите връзка с вашето EC2 копие.

3. Актуализирайте пакети на вашия екземпляр на EC2

След като установите връзка с вашия екземпляр EC2, продължете да актуализирате пакетите във вашия екземпляр.

  • Актуализирайте пакетите на вашето копие на EC2, като изпълните следната команда: 
sudo yum актуализация

4. Инсталирайте Node.js и npm

За да инсталирате Node.js и npm във вашия EC2 екземпляр, изпълнете следната команда:

къдря -о- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.3/install.sh | bash източник ~/.nvm/nvm.sh nvm инсталационен възел

5. Клонирайте вашето хранилище на приложения React

За да разположите вашето React приложение на екземпляра EC2, изпълнете следните стъпки:

  • Инсталирайте Git, ако вече не е инсталиран на вашето копие: 
 sudo yum инсталирайте git
  • Клонирайте вашето хранилище на приложения React с помощта на командата: 
git клонинг

6. Инсталирайте зависимостите на проекта

След като клонирате вашето хранилище на приложения React, отидете до директорията на хранилището и инсталирайте зависимостите на проекта.

cd  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/react/application/build;
индекс index.html;
try_files $uri /index.html;}... }

Запазете файла и излезте от редактора.

10. Стартирайте Nginx сървъра

За да стартирате Nginx сървъра и да го активирате да стартира автоматично при зареждане на системата, използвайте следните команди:

sudo service nginx startsudo chkconfig nginx на

11. Достъп до вашето приложение React

За да получите достъп до вашето внедрено приложение React, изпълнете следните стъпки:

  • Във вашата конзола намерете публичния IP адрес на вашия екземпляр, като потърсите създадения от вас EC2 екземпляр.
  • След това потърсете вашето внедрено приложение, като използвате този IP адрес или домейна, свързан с вашия EC2 екземпляр.

Освободете силата на AWS за подобряване на приложенията

AWS предлага широк набор от услуги и функции, които могат значително да подобрят възможностите на вашето приложение. Като изследвате опции като автоматично мащабиране, балансиране на натоварването и бази данни и непрекъснато наблюдавате производителността и сигурността на вашия EC2 екземпляр, можете да осигурите оптимална работа.

Овладяването на процеса на настройка на EC2 екземпляр и внедряване на React приложение не само ви предоставя ценни умения, но също така ви позволява да впрегнете пълния потенциал на облачните изчисления.