update angular sample
Signed-off-by: Anca Iordache <anca.iordache@docker.com>
This commit is contained in:
parent
efa461f83b
commit
88b5df7844
70
samples/angular/README.md
Normal file
70
samples/angular/README.md
Normal file
@ -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
|
||||
```
|
Binary file not shown.
Before Width: | Height: | Size: 948 B After Width: | Height: | Size: 3.5 KiB |
@ -1,6 +1,6 @@
|
||||
version: "3.7"
|
||||
services:
|
||||
angular:
|
||||
web:
|
||||
build: angular
|
||||
ports:
|
||||
- 80:4200
|
||||
|
BIN
samples/angular/output.jpg
Normal file
BIN
samples/angular/output.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 39 KiB |
Loading…
Reference in New Issue
Block a user