Dockerizing an Angular app

I have found a git hub project that help you to built a docker imager for your angular app. I don´t know yet how this project do the work and how effective is it, but I will write in this post about the success or not of my test…

Let´s start

The git hub project is based on:

GitHub - amrtgaber/angular2-cli-docker-files: Files that will dockerize an angular-cli project.

angular2-cli-docker-files - Files that will dockerize an angular-cli project.

github.com

the main steps are to copy the files three files on your angular project, and at last rename something:

Angular app without docker

I will start first the sample app that I will work on. This is the “To-do app” a very sample angular2 app from github https://github.com/anilpai/todo-app.

Let´s install and run it

Angular app with docker

We have the angular app running, we are going add Docker to the app using https://github.com/amrtgaber/angular2-cli-docker-files

Replace %s/APP-NAME-HERE/anilapi-todo-app/

another way

$ sed -i ‘s/APP-NAME-HERE/anilapi-todo-app/’ *

ok, all is ready …

Docker Compose

I would run $ docker-compose up but what is this command? …

What docker-compose is? And how I should use it? I liked the post (https://picodotdev.github.io/blog-bitix/2015/07/aplicaciones-multicontenedor-con-docker-compose/)

First I have already installed docker-machine but I don´t have the screens to share (I followed https://docs.docker.com/machine/install-machine/)

some notes:

Docker Machine puede ser la forma de usar docker en Windows o Mac OS hasta que funcione de forma nativa como en GNU/Linux. (1)
Volumes are directories that are stored outside of the container’s filesystem and which hold reusable and shareable data that can persist even when containers are terminated. This data can be reused by the same service on redeployment, or shared with other services. (2)