Introduction
I have been working on a hobby project, Nutrition Tracking App, to practice the latest Continuous Integration tools. This post is about dockerizing an Angular2 app and using in your local machine. I skipped the basic definitions about Docker, Containers and CI for the sake of simplicity.
Docker Commands
Frequently used docker commands.
Build docker an image
docker build -t image-name .
Run docker an image
docker run -p 80:80 -it image-name
Stop all docker containers
docker stop $(docker ps -a -q)
Remove all docker containers
docker rm $(docker ps -a -q)
Remove all docker images
docker rmi $(docker images -q)
Port bindings of a specific container
docker inspect [container-id]
Pull an image from Docker Hub
docker pull sy456/angular2webpack -->sy456 is my account name at dockerhub
Push an image to Docker Hub
docker push sy456/angular2webpack -->sy456 is my account name at dockerhub
Dockerfile
A Dockerfile is a text document that contains all the commands a user could call on the command line to assemble an image. Simple dockerfile that copies “dist” folder to /usr/share/nginx/html
FROM nginx COPY dist /usr/share/nginx/html EXPOSE 80
Project Structure
Dockerfile should be located in the root of the project. Here is an example from my project.
How to run docker container on your local machine
Build
docker build -t angular-webpack .
Run
docker run -p 9000:80 -t angular-webpack
This will create a container with the image ‘angular-webpack’ and bind the container’s port 80 to the host machine’s port 9000. After “docker run -p 9000:80 -it angular-webpack” command, docker container runs on Linux virtual machine. So we can’t run Docker natively on Windows or a Mac. Following properties must be set.
Set environment properties
set USERPROFILE = C:\Users\xxx --> set your user proile
set DOCKER_CERT_PATH=%USERPROFILE%\.docker\machine\machines\default
set DOCKER_HOST=tcp://192.168.99.100 --> find this IP in Docker Quick Start terminal
set DOCKER_MACHINE_NAME=default
set DOCKER_TLS_VERIFY=1
Test
http://192.168.99.100:9000/index.html
For Troubleshooting
https://stackoverflow.com/questions/41208782/docker-localhost-process-not-working-on-windows
Nice tutorial, thanks