I den här guiden går vi igenom hur du installerar ReactJS och konfigurerar Nginx som en webbserver för att servera din React-applikation på Ubuntu 22.04. Denna installation kan vara särskilt användbar för användare av en VPS-server.
Förutsättningar
- Ubuntu 22.04 installerat på din server.
- Root-åtkomst eller sudo-rättigheter.
- En aktiv internetanslutning.
- Node.js och npm installerat.
- Nginx installerat.
Steg 1: Uppdatera systemet
Öppna terminalen och kör följande kommando för att uppdatera systempaketen:
sudo apt update && sudo apt upgrade -ySteg 2: Installera Node.js och npm
Kör följande kommando för att installera Node.js och npm:
sudo apt install nodejs npm -ySteg 3: Skapa en ny React-applikation
Använd Create React App för att skapa en ny applikation:
npx create-react-app my-appNavigera till mappen för din nya applikation:
cd my-appSteg 4: Bygg applikationen för produktion
Kör följande kommando för att bygga din applikation:
npm run buildSteg 5: Konfigurera Nginx
Öppna Nginx-konfigurationsfilen:
sudo nano /etc/nginx/sites-available/my-appLägg till följande konfiguration:
server {
listen 80;
server_name your_domain_or_IP;
location / {
root /path/to/my-app/build;
try_files $uri $uri/ /index.html;
}
}Ersätt `/path/to/my-app/build` med den faktiska sökvägen till din byggmapp och `your_domain_or_IP` med din domän eller IP-adress.
Steg 6: Aktivera Nginx-konfigurationen
Kör följande kommandon för att aktivera konfigurationen och starta om Nginx:
sudo ln -s /etc/nginx/sites-available/my-app /etc/nginx/sites-enabled/
sudo systemctl restart nginxSteg 7: Åtkomst till din React-applikation
Navigera till din domän eller IP-adress i webbläsaren för att se din React-applikation:
http://your_domain_or_IPAvslutning
Ditt ReactJS-system är nu installerat och konfigurerat med Nginx. Genom att använda denna metod kan du enkelt hantera din applikation från en VPS-server.
