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

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

Благодаря масштабируемой инфраструктуре, надежным функциям безопасности и беспрепятственным возможностям интеграции EC2 позволяет вам раскрыть весь потенциал ваших приложений.

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

Чтобы начать использовать AWS EC2, вы можете выполнить следующие шаги в качестве отправной точки.

  • Войдите в Консоль управления АМС. Если вы еще этого не сделали, создайте учетную запись на официальном сайте AWS.
  • Перейдите к EC2 и нажмите Запуск экземпляров.
  • Выберите образ машины Amazon (AMI), который поддерживает предпочитаемую вами операционную систему.
  • А также настройте группы безопасности, чтобы разрешить входящий трафик к вашему приложению (например, HTTP/HTTPS) в соответствии с вашими предпочтениями.
    instagram viewer
  • Теперь у вас есть создал экземпляр вашего 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, выполнив следующую команду: 
судо ням обновление

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  установка нпм

7. Создайте свое приложение React

Чтобы создать приложение React для производства, используйте следующую команду:

npm запустить сборку

8. Установить веб-сервер

Чтобы запустить приложение React на экземпляре EC2, установите веб-сервер, например Nginx. Nginx обеспечивает производительность, масштабируемость, кэширование, балансировку нагрузки и функции безопасности для обеспечения надежной доставки вашего приложения. Установите Nginx с помощью команды:

sudo yum установить nginx

9. Настроить Nginx

Чтобы настроить Nginx для вашего приложения React, выполните следующие действия:

  • Откройте файл конфигурации Nginx с помощью команды: 
судо нано /etc/nginx/nginx.conf
  • Обновите блок server, включив в него следующий блок location: 
server {...location / {root/path/to/your/react/application/build;
индекс index.html;
try_files $uri /index.html;}... }

Сохраните файл и выйдите из редактора.

10. Запустите сервер Nginx

Чтобы запустить сервер Nginx и включить его автоматический запуск при загрузке системы, используйте следующие команды:

sudo service nginx запускает sudo chkconfig nginx on

11. Доступ к вашему приложению React

Чтобы получить доступ к развернутому приложению React, выполните следующие действия:

  • В консоли найдите общедоступный IP-адрес своего экземпляра, выполнив поиск созданного экземпляра EC2.
  • Затем найдите развернутое приложение, используя этот IP-адрес или домен, связанный с вашим экземпляром EC2.

Раскройте потенциал AWS для улучшения приложений

AWS предлагает широкий набор сервисов и функций, которые могут значительно расширить возможности вашего приложения. Изучая такие параметры, как автоматическое масштабирование, балансировка нагрузки и базы данных, а также постоянно отслеживая производительность и безопасность вашего экземпляра EC2, вы можете обеспечить оптимальную работу.

Освоение процесса настройки экземпляра EC2 и развертывания приложения React не только дает вам ценные навыки, но и позволяет использовать весь потенциал облачных вычислений.