Implementierungsschritte für die Docker-Bereitstellung von Springboot- und Vue-Projekten

Implementierungsschritte für die Docker-Bereitstellung von Springboot- und Vue-Projekten

A. Docker-Bereitstellung des Springboot-Projekts

1. Kompilierung und Verpackung des Springboot-Projekts

2. Erstellen Sie eine Dockerfile-Datei im Stammverzeichnis des Projekts

VON openjdk:8-jdk-alpine
VOLUMEN /tmp
HINZUFÜGEN ./target/demo-0.0.1-SNAPSHOT.jar demo.jar
Führen Sie den Befehl sh -c 'touch /demo.jar' aus.
EINSTIEGSPUNKT ["sh", "-c", "java $JAVA_OPTS -Djava.security.egd=file:/dev/./urandom -jar /demo.jar"]

demo-0.0.1-SNAPSHOT.jar wird in Ihren Jar-Paketnamen geändert

Wenn das JAR-Paket in Java ausgeführt wird, verwenden Sie openjdk:8-jdk-alpine

3. Führen Sie es im Stammverzeichnis aus, um ein Docker-Image zu erstellen

Docker-Build -t demmo-docker:1.0.

4. Ausführen des Projekts

Docker ausführen Docker ausführen -dp 8080:8080 --name demo-docker demo-docker:1.0

B. Docker-Bereitstellung des VUE-Projekts

1. Kompilieren und verpacken Sie das VUE-Projekt und führen Sie es im Stammverzeichnis des Projekts aus

npm-Ausführung erstellen

Nach der Ausführung gibt es einen dist-Ordner

2. Kopieren Sie dist in einen leeren Ordner und erstellen Sie eine Dockerfile-Datei

VON nginx
WARTUNGSBEARBEITER admin
KOPIEREN Sie dist/ /usr/share/nginx/html/

Der Ordner „dist“ enthält HTML, CSS und andere Dateien. Sie können nginx verwenden, um HTML auszuführen.

3. Führen Sie es im übergeordneten Ordner der Docker-Datei aus, um ein Docker-Image zu erstellen

Docker-Build -t Demo-Vue-Docker.

4. Ausführen des Projekts

docker run --name auto-vue -d -p 8080:80 demo-vue-docker

C. Exportieren Sie das Bild

docker save -o demo.tar demo-docker:1.0
Docker speichern -o vue-demo.tar Demo-Vue-Docker

D. Kopieren Sie die TAR-Datei auf den Server

Kopieren Sie die Datei auf den Server. Die RAR-Datei befindet sich im Benutzerverzeichnis. Auf einem Mac befindet sie sich beispielsweise unter /Benutzer/Ihr Benutzername/. Wenn Sie die Datei nicht finden können, können Sie sie mit einem Tool suchen.

E. Importieren Sie das Bild

docker load -i demo.tar
docker laden -i vue-demo.tar

F. Ausführen des Projekts

Sie steht im Einklang mit der obigen Beschreibung und wird hier nicht wiederholt.

Dies ist das Ende dieses Artikels über die Implementierungsschritte der Docker-Bereitstellung in Springboot- und Vue-Projekten. Weitere relevante Inhalte zur Docker-Bereitstellung in Springboot- und Vue-Projekten finden Sie in den vorherigen Artikeln von 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird!

Das könnte Sie auch interessieren:
  • Bereitstellung eines Front-End-Vue-Dienstes im Docker-Container (Tutorial für Anfänger)
  • So stellen Sie ein Vue-Projekt mit Docker-Image + nginx bereit
  • Erfahren Sie, wie Sie ein Vue-Projekt mit Docker bereitstellen
  • Vue-CLI3-Projekt von der Konstruktionsoptimierung bis zur Docker-Bereitstellungsmethode
  • Stellen Sie das Vue-Programm mithilfe eines Docker-Containers bereit

<<:  MySQL wählt den passenden Datentyp für die ID

>>:  Unternehmenswebsite und Kolumnenwörterbuch Chinesisch-Englisch-Vergleich Freunde, die zweisprachige Unternehmenswebsites auf Chinesisch und Englisch erstellen, benötigen

Artikel empfehlen

Master-Slave-Synchronisationskonfiguration der Mysql-Datenbank

Inhaltsverzeichnis Mysql Master-Slave-Synchronisi...

Lösung für das Problem ungenauer JS-Zahlen

Die verständlichste Erklärung des Genauigkeitspro...

Datenbankübergreifende Assoziationsabfragemethode in MySQL

Geschäftsszenario: Abfragen von Tabellen in versc...

Grundkenntnisse zu MySQL – Lernhinweise

Datenbank anzeigen show databases; Erstellen eine...

Wie viele Ports kann ein Linux-Server maximal öffnen?

Inhaltsverzeichnis Hafenbezogene Konzepte: Bezieh...

Tutorial zum Konfigurieren und Verwenden des i3-Fenstermanagers unter Linux

In diesem Artikel zeige ich Ihnen, wie Sie i3 auf...

Was Sie beim Schreiben selbstschließender XHTML-Tags beachten sollten

Das img-Tag in XHTML sollte wie folgt geschrieben...

Analysieren Sie, wie Uniapp den Schnittstellendomänennamen dynamisch erhält

Hintergrund Der Domänenname der Schnittstelle ist...

Gründe und Lösungen für die Auswahl des falschen Index durch MySQL

In MySQL können Sie mehrere Indizes für eine Tabe...

jQuery erzielt einen Bildlaufwiedergabeeffekt auf großem Bildschirm

In diesem Artikel wird der spezifische Code von j...

Detaillierte Erklärung zur Verwendung von Vue zum Laden von Wetterkomponenten

In diesem Artikel erfahren Sie, wie Sie mit Vue W...

Zusammenfassung zur Verwendung von HTML-Meta-Tags (empfohlen)

Meta-Tag-Funktion Der META-Tag ist ein Schlüsselt...