Wykorzystaj skalowalną infrastrukturę AWS EC2 do wdrażania aplikacji React.

W dzisiejszym szybko zmieniającym się środowisku cyfrowym przetwarzanie w chmurze stało się niezbędnym narzędziem dla firm. Wśród różnych dostępnych platform przetwarzania w chmurze Amazon Web Services (AWS) EC2 (Elastic Compute Cloud) wyróżnia się wszechstronną i wydajną platformą do wdrażania aplikacji i zarządzania infrastrukturą łatwość.

Dzięki skalowalnej infrastrukturze, niezawodnym funkcjom bezpieczeństwa i bezproblemowym opcjom integracji EC2 umożliwia odblokowanie pełnego potencjału aplikacji.

1. Skonfiguruj instancję AWS EC2

Aby rozpocząć korzystanie z AWS EC2, możesz wykonać następujące kroki jako punkt wyjścia.

  • Zaloguj się do Konsola zarządzania AWS. Jeśli jeszcze tego nie zrobiłeś, utwórz konto na oficjalnej stronie AWS.
  • Przejdź do EC2 i kliknij Uruchom instancje.
  • Wybierz Amazon Machine Image (AMI), który obsługuje preferowany system operacyjny.
  • Skonfiguruj także grupy zabezpieczeń, aby zezwalały na ruch przychodzący do Twojej aplikacji (np. HTTP/HTTPS) zgodnie z Twoimi preferencjami.
  • instagram viewer
  • Teraz masz utworzyłeś instancję serwera Linux AWS EC2 pomyślnie, a następnie utworzył nową parę kluczy lub wybrał istniejącą.

2. Połącz się ze swoją instancją EC2

Po pomyślnym skonfigurowaniu instancji EC2 następnym krokiem jest nauczenie się, jak nawiązać z nią połączenie.

  • Pobierz utworzony plik klucza prywatnego (.pem) dla swojej pary kluczy.
  • Możesz także połączyć swoją parę kluczy używaj klientów FTP, takich jak filezilla Lub kit (jeśli jesteś użytkownikiem systemu Windows).
  • Ustaw odpowiednie uprawnienia do pliku klucza prywatnego za pomocą następującego polecenia w terminalu:
 chmod 400 /ścieżka/do/para-kluczy.pem
  • Połącz się ze swoją instancją za pomocą SSH.

Na przykład:

ssh -i /ścieżka/do/pary-kluczy.pem ec2-user@publiczny-ip-instancji-ip

Wykonując te kroki, pomyślnie nawiążesz połączenie z instancją EC2.

3. Zaktualizuj pakiety w swojej instancji EC2

Po nawiązaniu połączenia z Twoją instancją EC2 przejdź do aktualizacji pakietów w swojej instancji.

  • Zaktualizuj pakiety w swojej instancji EC2, uruchamiając następującą komendę:
sudo mniam aktualizacja

4. Zainstaluj Node.js i npm

Aby zainstalować Node.js i npm w instancji EC2, uruchom następującą komendę:

zwijać się -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.3/install.sh | źródło bash ~/.nvm/nvm.sh węzeł instalacyjny nvm

5. Sklonuj swoje repozytorium aplikacji React

Aby wdrożyć aplikację React na instancji EC2, wykonaj następujące kroki:

  • Zainstaluj Git, jeśli nie jest jeszcze zainstalowany w Twojej instancji:
 sudo yum zainstaluj git
  • Sklonuj repozytorium aplikacji React za pomocą polecenia:
klon git 

6. Zainstaluj zależności projektu

Po sklonowaniu repozytorium aplikacji React przejdź do katalogu repozytorium i zainstaluj zależności projektu.

płyta CD  instalacja npm

7. Zbuduj swoją aplikację React

Aby zbudować aplikację React do produkcji, użyj następującego polecenia:

npm uruchom kompilację

8. Zainstaluj serwer WWW

Aby uruchomić aplikację React na instancji EC2, zainstaluj serwer WWW, taki jak Nginx. Nginx zapewnia wydajność, skalowalność, buforowanie, równoważenie obciążenia i funkcje bezpieczeństwa, aby zapewnić niezawodne dostarczanie aplikacji. Zainstaluj Nginx za pomocą polecenia:

sudo yum zainstaluj nginx

9. Skonfiguruj Nginx

Aby skonfigurować Nginx dla swojej aplikacji React, wykonaj następujące kroki:

  • Otwórz plik konfiguracyjny Nginx za pomocą polecenia:
sudo nano /etc/nginx/nginx.conf
  • Zaktualizuj blok serwera, aby zawierał następujący blok lokalizacji:
serwer {...lokalizacja / {root/ścieżka/do/twoja/reaguj/aplikacja/kompilacja;
indeks indeks.html;
try_files $uri /index.html;}... }

Zapisz plik i wyjdź z edytora.

10. Uruchom serwer Nginx

Aby uruchomić serwer Nginx i umożliwić mu automatyczne uruchamianie przy starcie systemu, użyj następujących poleceń:

sudo service nginx startsudo chkconfig nginx on

11. Uzyskaj dostęp do swojej aplikacji React

Aby uzyskać dostęp do wdrożonej aplikacji React, wykonaj następujące kroki:

  • W swojej konsoli znajdź publiczny adres IP swojej instancji, wyszukując utworzoną instancję EC2.
  • Następnie wyszukaj wdrożoną aplikację, używając tego adresu IP lub domeny powiązanej z Twoją instancją EC2.

Uwolnij moc AWS do ulepszania aplikacji

AWS oferuje szeroki wachlarz usług i funkcji, które mogą znacznie zwiększyć możliwości Twojej aplikacji. Eksplorując opcje, takie jak automatyczne skalowanie, równoważenie obciążenia i bazy danych oraz stale monitorując wydajność i bezpieczeństwo instancji EC2, możesz zapewnić optymalne działanie.

Opanowanie procesu konfigurowania instancji EC2 i wdrażania aplikacji React nie tylko wyposaża Cię w cenne umiejętności, ale także umożliwia wykorzystanie pełnego potencjału przetwarzania w chmurze.