update angular sample
Signed-off-by: Anca Iordache <anca.iordache@docker.com>
This commit is contained in:
		
							
								
								
									
										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. | ||||
|  | ||||
|  | ||||
|  | ||||
| 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 | 
		Reference in New Issue
	
	Block a user