|
|
@@ -0,0 +1,70 @@
|
|
|
+## Compose sample - Angular service
|
|
|
+
|
|
|
+Project structure:
|
|
|
+```
|
|
|
+.
|
|
|
+├── angular
|
|
|
+│ ├── Dockerfile
|
|
|
+│ ├── ...
|
|
|
+│ ├── ...
|
|
|
+│ ....
|
|
|
+│
|
|
|
+├── docker-compose.yaml
|
|
|
+└── README.md
|
|
|
+
|
|
|
+```
|
|
|
+
|
|
|
+_docker-compose.yaml_
|
|
|
+```
|
|
|
+version: "3.7"
|
|
|
+services:
|
|
|
+ angular:
|
|
|
+ build: angular
|
|
|
+ ports:
|
|
|
+ - 80:4200
|
|
|
+ ...
|
|
|
+
|
|
|
+```
|
|
|
+The compose file defines an application with one service `angular`. The image for the service is built with the Dockerfile inside the `angular` directory (build parameter).
|
|
|
+
|
|
|
+When deploying the application, docker-compose maps the container port 4200 to port 80 of the host as specified in the file.
|
|
|
+Make sure port 80 is not being used by another container, otherwise the port should be changed.
|
|
|
+
|
|
|
+
|
|
|
+## Deploy with docker-compose
|
|
|
+
|
|
|
+```
|
|
|
+$ docker-compose up -d
|
|
|
+Creating network "angular_default" with the default driver
|
|
|
+Building angular
|
|
|
+Step 1/7 : FROM node:10
|
|
|
+10: Pulling from library/node
|
|
|
+c0c53f743a40: Pull complete
|
|
|
+...
|
|
|
+...
|
|
|
+Successfully built efea5cef6851
|
|
|
+Successfully tagged angular_web:latest
|
|
|
+WARNING: Image for service web was built because it did not already exist. To rebuild this image you must use `docker-compose build` or `docker-compose up --build`.
|
|
|
+Creating angular_web_1 ... done
|
|
|
+```
|
|
|
+
|
|
|
+
|
|
|
+## Expected result
|
|
|
+
|
|
|
+Listing containers must show a container running and the port mapping as below:
|
|
|
+```
|
|
|
+$ docker ps
|
|
|
+CONTAINER ID IMAGE COMMAND CREATED STATUS PORTS NAMES
|
|
|
+6884c228388e angular_web "docker-entrypoint.s…" 42 seconds ago Up 36 seconds 0.0.0.0:80->4200/tcp angular_web_1
|
|
|
+
|
|
|
+```
|
|
|
+
|
|
|
+Open a browser and go to localhost.
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+Stop and remove the container
|
|
|
+
|
|
|
+```
|
|
|
+$ docker-compose down
|
|
|
+```
|