|
|
|
@ -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. |
|
|
|
|
|
|
|
|
|
![page](http://output.jpg) |
|
|
|
|
|
|
|
|
|
Stop and remove the container |
|
|
|
|
|
|
|
|
|
``` |
|
|
|
|
$ docker-compose down |
|
|
|
|
``` |