For more details on the Docker Compose, please refer to the Overview of Docker Compose article.
For the next step, let's create a simple Compose file with our Angular application.
version: '3.1' services: app: image: 'ng-docker' build: '.' ports: - 3000:80
Note that we have put the
build parameter so that Docker builds our local image instead of pulling it from the repository.
The Application runs on port 3000 and maps to port 80 inside the container.
You can now run the following command to test the container and docker compose file:
The console output should be similar to the following:
Creating network "ngdocker_default" with the default driver Creating ngdocker_app_1 ... Creating ngdocker_app_1 ... done Attaching to ngdocker_app_1
Once again, visit the
http://localhost:3000 address and ensure the application is up and running.
As soon as you are done testing, press
Ctrl+C to stop the process,
and run the next command if you want to perform a cleanup operation:
The Docker cleans only the containers created by our docker-compose file.
--rmi all parameter if you want to remove the images as well.
docker-compose down --rmi all
The console output, in this case, should be similar to the example below:
Removing ngdocker_app_1 ... done Removing network ngdocker_default Removing image ng-docker
You now need to publish your image to the docker hub to allow other people use your docker-compose file or build their custom containers with your Angular application image.