So stellen Sie ein Angular-Projekt mit Docker bereit

So stellen Sie ein Angular-Projekt mit Docker bereit

Es gibt zwei Möglichkeiten, Angular-Projekte mit Docker bereitzustellen. Eine davon ist das serverseitige Rendering, das in der offiziellen Dokumentation beschrieben wird. Die andere besteht darin, das Knotenbild zu kompilieren und in den Webserver einzufügen. Da wir uns in der Knotenumgebung befinden, ist es am bequemsten, Express zu verwenden.

Erstellen Sie server.js

const express = erfordern('express');

const app = express();
const konfiguration = {
  Stammverzeichnis: __dirname + '/dist',
  Port: Prozess.Umgebung.PORT || 4200
};

//Statische Ressourcen app.use('/', express.static(config.root));

//Alle Routen führen zu index.html
app.all('*', Funktion (Anforderung, Res) {
  res.sendfile(config.root + '/index.html');
});
app.listen(config.port, () => {
  console.log("läuft……");
})

Dockerfile erstellen

VON Knoten:13.3.0-alpine3.10

ENV PORT=4200 \
  NODE_ENV=Produktion

# Installieren Sie Express und Angular/CLI
Führen Sie den Befehl npm install [email protected] -g \ aus.
  && npm install -g @angular/cli
# Erstellen Sie das App-Verzeichnis RUN mkdir -p /app
# Den Code in das App-Verzeichnis kopieren COPY ./app
ARBEITSVERZEICHNIS /app

# Abhängigkeiten installieren und das Programm erstellen. Da ich einen Reverse-Proxy in ein Unterverzeichnis benötige, füge ich den Parameter base-href hinzu: RUN npm install && ng build --base-href /manage/ --prod

${PORT} AUSSETZEN

EINSTIEGSPUNKT ["Knoten", "/app/server.js"]

Das Obige ist der vollständige Inhalt dieses Artikels. Ich hoffe, er wird für jedermanns Studium hilfreich sein. Ich hoffe auch, dass jeder 123WORDPRESS.COM unterstützen wird.

Das könnte Sie auch interessieren:
  • Detaillierte Schritte zum Bereitstellen von Tomcat- und Java-Anwendungen in Docker
  • Detaillierte Erläuterung der Verwendung von Docker zum Bereitstellen eines Webprojekts und zum Verpacken in eine Bilddatei
  • Detaillierte Schritte zum schnellen Bereitstellen von Node.js-Anwendungen auf Docker
  • Tutorial zum Bereitstellen des Flask-Frameworks von Python auf Docker
  • Docker-Lernhinweise zur K8S-Bereitstellungsmethode
  • Methoden zum Bereitstellen von MySQL-Diensten in Docker und die dabei auftretenden Fallstricke
  • Detaillierte Erläuterung der automatischen Docker-Bereitstellung von Tomcat
  • Detaillierte Erklärung zum Einrichten von Go und Bereitstellen von Anwendungen in Docker
  • So stellen Sie eine Nextcloud-Netzwerkfestplatte mit Docker bereit
  • Installation und Bereitstellung von Zabbix basierend auf Docker

<<:  Probleme beim Ändern des Passworts und beim Herstellen einer Verbindung zu Navicat bei der Installation und Verwendung von MySQL 8.0.16 unter Windows 7

>>:  Beispiel zum Einbetten von H5 in die Webansicht des WeChat-Applets

Artikel empfehlen

Lernen Sie einfach verschiedene SQL-Joins

Mit der SQL JOIN-Klausel können Zeilen aus zwei o...

202 kostenlose, hochwertige XHTML-Vorlagen (1)

Hier präsentiert 123WORDPRESS.COM den ersten Teil...

Erstellen Sie Schritt für Schritt ein Dateiverwaltungssystem mit nginx+FastDFS

Inhaltsverzeichnis 1. Einführung in FastDFS 1. Ei...

Tomcat-Quellcodeanalyse und -Verarbeitung

Inhaltsverzeichnis Vorwort 1. Endpunkt 2. Verbind...

Lösen Sie das Problem der Kombination von AND und OR in MySQL

Wie unten dargestellt: Wählen Sie Produktname, Pr...

Detaillierte Schritte zur Installation und Konfiguration von MySQL 5.7

1. MySQL herunterladen 1. Melden Sie sich auf der...

Verwendung von Docker-Image-Speicher-Overlays

1. Übersicht Das Image in Docker ist in Schichten...