I denne vejledning vil vi gennemgå, hvordan du kan installere ReactJS og konfigurere Nginx som en webserver til at servere din React-applikation på en Ubuntu 22.04-server. Denne installation kan være særligt nyttig for brugere af en VPS-server.
Forudsætninger
- Ubuntu 22.04 installeret på din server.
- Root-adgang eller sudo-rettigheder.
- Node.js og npm installeret.
- Nginx installeret.
Trin 1: Opdater systemet
Først skal du opdatere dit system for at sikre, at alle pakker er opdaterede:
sudo apt update && sudo apt upgrade -yTrin 2: Installer Node.js og npm
Installer Node.js og npm, hvis de ikke allerede er installeret:
sudo apt install nodejs npm -yTrin 3: Opret en ny React-applikation
Brug Create React App til at oprette en ny applikation:
npx create-react-app my-appTrin 4: Byg React-applikationen
Skift til din applikationsmappe og byg applikationen:
cd my-app
npm run buildTrin 5: Konfigurer Nginx til at servere React-applikationen
Opret en ny Nginx-konfigurationsfil:
sudo nano /etc/nginx/sites-available/my-appTilsæt følgende konfiguration til filen:
server {
listen 80;
server_name your_domain_or_IP;
location / {
root /path/to/my-app/build;
index index.html index.htm;
try_files $uri $uri/ /index.html;
}
}Trin 6: Aktivér konfigurationen og genstart Nginx
Opret et symbolsk link til sites-enabled:
sudo ln -s /etc/nginx/sites-available/my-app /etc/nginx/sites-enabled/Tjek Nginx-konfigurationen for fejl:
sudo nginx -tGenstart Nginx for at anvende ændringerne:
sudo systemctl restart nginxAfslutning
Dine ReactJS-applikationer er nu tilgængelige via din webbrowser. Naviger til:
http://your_domain_or_IP/Denne løsning kan være særligt nyttig for dem, der ønsker at hoste deres React-applikation effektivt fra en VPS-server.
