Betrieb und Instandhaltung
Docker
Wie führe ich eine React -Anwendung in einem Docker -Container aus?
Wie führe ich eine React -Anwendung in einem Docker -Container aus?
Sep 16, 2025 am 02:41 AM
Um eine React -App in Docker auszuführen, erstellen Sie eine DockerFile, um den Build- und Serviervorgang zu definieren, den Quellcode zu kopieren, Abh?ngigkeiten zu installieren, die App zu erstellen und einen Server wie Serve oder NGINX zu verwenden, um statische Dateien zu servieren.
Um eine React -Anwendung in einem Docker -Container auszuführen, müssen Sie Ihre App mithilfe einer Dockerfile Containerisieren, ein Docker -Bild erstellen und dieses Bild dann als Container ausführen. Dieser Prozess stellt sicher, dass Ihre React -App in verschiedenen Umgebungen konsequent ausgeführt wird.
Richten Sie die Dockerfile ein
Erstellen Sie eine Datei namens DockerFile (NO -Erweiterung) im Root -Verzeichnis Ihrer React App. Diese Datei definiert, wie Ihre App im Container erstellt und serviert wird.
Hier ist eine typische Dockerfile für ein React -App -Projekt für Erstellen:
# Verwenden Sie eine offizielle Knoten -Laufzeit als Basisbild
Vom Knoten: 18-Alpine
# Setzen Sie das Arbeitsverzeichnis im Container
WorkDir /App
# Paketdateien kopieren
Paket*.json ./
# Abh?ngigkeiten installieren
Führen Sie die NPM -Installation aus
# Kopieren Sie den gesamten Quellcode in den Container
Kopie. .
# Erstellen Sie die React -App
Führen Sie NPM Run Build aus
# Installieren Sie einen leichten Webserver, um die statischen Dateien zu bedienen
Führen Sie NPM install -g -servieren aus
# Port 3000 freilegen (Standard für 'Serve')
3000 entdecken
# Starten Sie den Server, um die erstellte App zu bedienen
Cmd ["dienen", "-s", "bauen"]
Erstellen Sie das Docker -Bild
?ffnen Sie ein Terminal in Ihrem Projektverzeichnis und führen Sie den folgenden Befehl aus, um das Docker -Bild zu erstellen:
Docker Build -t My-React-App.
Dies erstellt ein Bild, das als My-React-App markiert ist. Der Punkt ( . ) Fordert Docker auf, nach der Dockerfile im aktuellen Verzeichnis zu suchen.
Führen Sie den Beh?lter aus
Starten Sie nach dem Erstellen des Bildes einen Beh?lter davon:
Docker Run -d -p 3000: 3000 My -React -App
In diesem Befehl wird der Container im abgetrennten Modus ( -D ) aus ausgeführt und Port 3000 auf Ihrem Host -Computer zum Port 3000 im Container.
Besuchen Sie http: // localhost: 3000 in Ihrem Browser, um Ihre React -App zu sehen.
Optional: Verwenden Sie Nginx für die Produktion
Verwenden Sie für eine bessere Leistung und Kontrolle in der Produktion Nginx anstelle von Serve :
- Erstellen Sie in Ihrem Projekt eine nginx.conf -Datei:
Server {
H?ren Sie 80;
Standort / {
root/usr/share/nginx/html;
Index index.html index.htm;
try_files $ uri $ uri / / index.html;
}
ERROR_PAGE 500 502 503 504 /50x.html;
location = /50x.html {
root/usr/share/nginx/html;
}
}
- Aktualisieren Sie die Dockerfile:
Vom Knoten: 18-Alpine als Erbauer
WorkDir /App
Paket*.json ./
Führen Sie die NPM -Installation aus
Kopie. .
Führen Sie NPM Run Build aus
Von Nginx: Alpine
Kopieren - -from = builder/app/build/usr/share/nginx/html
Kopieren Sie nginx.conf /etc/nginx/conf.d/default.conf
80 entdecken
Cmd ["nginx", "-g", "Daemon off;"]
Bauen Sie dann neu auf und laufen Sie mit Port 80 anstelle von 3000 aus.
Im Grunde genommen definieren Sie einfach, wie Sie Ihre App in einer Dockerfile erstellen und bedienen, das Bild erstellen und ausführen. Es ist einfach, sobald eingerichtet und für konsequente Bereitstellungen gut eingerichtet ist.
Das obige ist der detaillierte Inhalt vonWie führe ich eine React -Anwendung in einem Docker -Container aus?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Hei?e KI -Werkzeuge
Undress AI Tool
Ausziehbilder kostenlos
Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos
AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.
Stock Market GPT
KI-gestützte Anlageforschung für intelligentere Entscheidungen
Hei?er Artikel
Hei?e Werkzeuge
Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor
SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen
Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung
Dreamweaver CS6
Visuelle Webentwicklungstools
SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)
So installieren Sie Docker auf CentOs
Sep 23, 2025 am 02:02 AM
Deinstallieren Sie die alte Version von Docker, um Konflikte zu vermeiden.
Wie funktioniert Docker für Windows?
Aug 29, 2025 am 09:34 AM
DockerforwindowsseSalinuxvmorwsl2ToruncontainersBecausewindowSlacksnatelinuxKernelfeature; 1) itautautomaticManateAlightweightLinuxvm (oruseswsl2) Withyper-VtohostthockerdaMand-Ankain-Anbieter; 2) ThedockercloiNdesktopwader und -Container;
Wie man mit Docker anf?ngt
Aug 16, 2025 pm 01:46 PM
DockerisaplatformForpacking, Versand, AndrunningApplicationssinlightweight, IsolatedContainerthatsharethehostoskernel, im Gegensatz zuvirtualMachines
Wie entfernt ich baumelnde Docker -Bilder?
Aug 02, 2025 am 11:37 AM
BaumelndensareagggedLayersnotassociated withanyContainerandCanberemouldingDocker-built-Intum.1.UntockerimagePrunetosafelyRemoppingimages Af.
So führen Sie einen Befehl in einem Docker -Container aus
Aug 20, 2025 am 05:09 AM
Verwenden Sie Dockerun, um Befehle in einem neuen Container auszuführen, und verwenden Sie Dockexexc, um Befehle in einem ausgeführten Container auszuführen. Die spezifischen Methoden sind: 1. verwenden Dockerrun, um einen neuen Container zu starten und Befehle wie Dockerrun-RMubuntuls/TMP auszuführen; 2. Verwenden Sie DockeKerexec, um Befehle in einem laufenden Container auszuführen, wie z. B. Dockexexecmy-nginx-servicepsaux, und interaktive Operationen müssen -it hinzufügen, wie z. B. Dockexexc-itmy-container/bin/bash; 3. überschreiben Sie die Standardbefehle beim Starten des Containers wie DockerNnginx: lastnginx-t
So verwenden Sie Docker für die lokale Entwicklung
Aug 31, 2025 am 02:43 AM
Tousedockereffektiv für die Entwicklung, FirstinstalldockerDesktoporengineAnDverifywithocker-Version und Dockerrunhello-world;
Wie richte ich eine PostgreSQL -Datenbank mit Docker ein?
Sep 17, 2025 am 03:31 AM
UsedockertorunpostgresqlwitloutLocalInstallationBystartingAcontainerwithTheofficialImage, SettingPassword, Portal und VolumeForpersistence.2
Wie kann ich 'Docker -Container, die nicht starten' -Probleme, Fehler beheben?
Sep 20, 2025 am 12:11 AM
CheckContainerLogSusingDockerLogs [container_id], um startuperRorslikemissingFileSordePendencyFailures zu identifizieren
