Dockerisieren Sie eine Angular-Anwendung

Docker ermöglicht den einfachen Transport und die Ausführung von Apps durch Entwickler auf allen Arten von Betriebssystemen, ohne dass etwas außer dem Docker-Dienst installiert werden muss.

Lassen Sie uns heute lernen, wie Sie unsere Angular-Anwendung „andocken“, damit sie von anderen ausgeführt und für die Bereitstellung verpackt werden kann.

Unten finden Sie ein Beispiel für eine einfache Docker-Datei, die unsere Angular-Anwendung containerisiert:

Sie können das Obige kopieren und in eine Datei einfügen, die sich Dockerfileim selben Ordner wie Ihr Code befindet.

Erstellen wir nun unser Docker-Image wie folgt:

docker build -t myApp -f Dockerfile .

• -t Das Flag gibt den Tag-Namen des Bildes an, das Sie erstellen
• -f Das Flag gibt den Dockerfile-Speicherort an, der zum Generieren des Bildes verwendet werden soll
• .Am Ende des obigen Befehls wird der Kontext angegeben, der an den Docker-Builder gesendet werden soll. Wenn Sie beispielsweise Ihren Code in einem codeOrdner hatten, können Sie docker build -t myApp -f Dockerfile codestattdessen sagen

docker run --rm -it -p 4200:4200 myApp

• --rm stoppt das Bild und entfernt es, wenn Sie Strg + C drücken
• -pordnet den Port vom externen (lokalen Computer) dem internen Image-Port zu. Sie können die erste 4200Option deaktivieren, damit Docker einen zufälligen Port für Sie auswählt

Wenn Sie lieber aus Videos lernen möchten, lesen Sie das folgende Tutorial:

Wenn Sie Fragen haben, können Sie gerne eine Antwort hinterlassen und auf die Schaltfläche 👏 klicken, wenn Ihnen der Artikel gefällt. Vergiss nicht, mir zu folgen, damit du zukünftige Angular- und Docker-Artikel nicht verpasst!