Jak wdrożyć aplikację React na AWS

React to biblioteka w języku JavaScript do budowania szybkich i interaktywnych interfejsów użytkownika i jest jedną z bardziej popularnych bibliotek do opracowywania interfejsów użytkowników. Wykorzystuje niezależne, izolowane i wielokrotnego użytku komponenty, które są elementami interfejsu użytkownika i komponuje je do budowy złożonych struktur. Ten post poprowadzi Cię poprzez wdrażanie aplikacji React na AWS za pomocą instancji EC2.

Zacznijmy od wdrożenia aplikacji React na AWS:

Wdrażaj aplikację React na AWS

Aby wdrożyć aplikację React na AWS, utwórz instancję EC2 z konsoli EC2, klikając „Instancje uruchomienia" przycisk:

Wprowadź nazwę instancji z wyborem obrazu Amazon Machine dla instancji EC2:

Wybierz typ instancji i utwórz parę klucza prywatnego, klikając „Utwórz nową parę kluczy”Link:

Wpisz nazwę pliku pary klucza i wybierz typ i format pliku, aby. Następnie kliknij „Utwórz parę kluczy” button at the bottom of the page to create the key pair file:

Zezwalaj na ruch HTTP i HTTPS z Internetu w grupach bezpieczeństwa. Następnie po prostu przejrzyj wszystkie ustawienia przed kliknięciem „Instancja uruchom„Aby utworzyć instancję EC2:

Po utworzeniu instancji wybierz go i kliknij „Łączyć”Przycisk do połączenia z instancją EC2:

Wybierz klienta SSH, aby połączyć się z instancją i skopiuj polecenie wymienione na zrzucie ekranu poniżej:

Wklej polecenie w wierszu polecenia lub PowerShell i zmień ścieżkę pliku pary klucza prywatnego:

Po podłączeniu użytkownika do instancji EC2 użyj następującego polecenia, aby zaktualizować pakiety Apt:

aktualizacja apt-get

Uruchamianie powyższego polecenia wyświetli następujące dane wyjściowe:

Zainstaluj serwer Nginx, aby wdrożyć aplikację React po tym, zweryfikuj jej istnienie i uruchom ponownie serwer za pomocą następujących poleceń:

sudo apt -get instaluj nginx -y
nginx -v
sudo systemctl restart nginx

Te polecenia zainstalują i uruchomi usługi Nginx:

Następnie zainstaluj Curl, aby utworzyć aplikację React na serwerze Nginx za pomocą następującego polecenia:

sudo apt-get curl

Uruchamianie tego polecenia wyświetli następujące dane wyjściowe:

Następnie użyj Curl, aby pobrać Nodejs za pomocą następującego polecenia:

curl -sl https: // deb.węzłów.com/setup_14.x | sudo -e bash -

Z powyższego polecenia zostanie wyświetlony następujący wynik:

Po zakończeniu pobierania zainstaluj NodeJS za pomocą następującego polecenia:

sudo apt -get instal -y nodejs

To polecenie zainstaluje nodeJS, aby utworzyć aplikację React:

Użyj następującego polecenia, aby zlokalizować folder, w którym zostanie utworzona aplikacja React:

CD/var/www/html/

Użytkownik znajduje się wewnątrz folderu, aby utworzyć aplikację React:

Utwórz aplikację w folderze za pomocą następującego polecenia:

NPX Create-React-App React-Tutorial

Uruchamianie tego polecenia wyświetli następujące dane wyjściowe:

Użyj następujących poleceń, aby uruchomić NPM i uruchom aplikację React:

CD React-Tutorial
Start NPM

Uruchomienie tego polecenia pozwoli uzyskać dostęp do aplikacji React w przeglądarce internetowej za pomocą linków z poniższego zrzutu ekranu:

Twoja aplikacja React działa w przeglądarce za pomocą LocalHost lub sieci AWS:

Z powodzeniem wdrożyłeś aplikację React na AWS:

Wniosek

Aplikacje React można wdrożyć za pomocą instancji AWS EC2. Utwórz instancję EC2 ze strony konsoli EC2, a następnie podłącz do niej za pomocą klienta SSH. Gdy znajdziesz się w instancji EC2, pobierz i zainstaluj serwer Nginx i Nodejs, aby wdrożyć aplikację React na AWS. Wewnątrz nodejs Utwórz aplikację React, która zostanie wdrożona za pomocą serwera Nginx.