Einleitung / Intro
In diesem Artikel wird beschrieben, wie Sie den Server vorbereiten, die ReactOS-Anwendung installieren und darauf bereitstellen Nginx Webserver.
Im Serverspace Sie uns Erstellen Sie einen Server mit bereits installierter App“Nginx".
Servervorbereitung
Um die React-App auf Ihrem eigenen Server zu installieren, sollten Sie Folgendes haben:
- Server unter Ubuntu Betriebssystem mit Root-Zugriff oder Sudo-Mitgliedschaft
- Domainname mit korrektem DNS-Einstellungen. A-Einträge sollten auf die öffentliche IP Ihres Servers „verweisen“.
Installationsprozess
- Zuerst müssen Sie Ihre Berechtigungen erhöhen und dann NodeJS installieren
sudo -s
apt install nodejs npm -y
- Der nächste Schritt ist die Installation des Npx-Pakets. Lauf einfach:
npm i -g npx -y
- Um zu überprüfen, ob alles in Ordnung ist, führen Sie bitte Folgendes aus:
node -v
npm -v
npx -v
Sie sollten so etwas sehen:
- Um Ihre App zu erstellen, sollten Sie diesen Befehl verwenden:
npx create-react-app <YOUR_APP_NAME>
Die Zusammenstellung nimmt viel Zeit in Anspruch, seien Sie also geduldig. Wenn der Vorgang abgeschlossen ist, sehen Sie Folgendes:
Webserver-Installation
Um mit Ihrer App arbeiten zu können, benötigen Sie einen beliebigen Webserver, z Nginx. Um es zu installieren, führen Sie Folgendes aus:
- apt install -y nginx
Dann erstellen Sie eine grundlegende Konfigurationsdatei:
cat <<EOF > /etc/nginx/sites-enabled/<DOMAIN_NAME>
server {
listen 80;
root /var/www/<DOMAIN_NAME>;
index index.php index.html;
server_name <DOMAIN_NAME> www.<DOMAIN_NAME>;
location / {
}
}
EOF
Anwendungsstart
- Der nächste Schritt ist der App-Start:
cd /home/<USERNAME>/<APPNAME>
npm start
Sie sollten etwas Ähnliches wie das Bild unten sehen:
Öffnen Sie die URL http:// :3000 im Browser. Falls Sie eine Antwort wie unten sehen – terminatÖffnen Sie die App über STRG+C und fahren Sie mit dem nächsten Schritt fort:
- Gehen Sie in das Verzeichnis Ihrer App und kompilieren Sie sie:
cd /home/<USERNAME>/<MYAPP>
npm run build
Warte ein bisschen. Das erwartete Ergebnis sieht folgendermaßen aus:
- Zum Schluss kopieren Sie einfach die kompilierten App-Dateien in das Website-Verzeichnis, aktivieren und starten Sie neu Nginx:
mkdir /var/www/<DOMAIN_NAME> && cp /home/<USERNAME>/<MYAPP>/build/* /var/www/<DOMAIN_NAME>/
systemctl enable nginx && service nginx restart
Letzter Check
Um das Ergebnis zu überprüfen, öffnen Sie einfach Ihre Website im Browser:
Zusammenfassung
In diesem Artikel haben wir beschrieben, wie Sie NodeJS installieren, Ihre erste App erstellen und sie auf Ihrer Website bereitstellen Nginx Webserver.