Download to read offline
![LABEL author="Orlando Castillo"COPY ./dist /usr/share/nginx/html ENTRYPOINT ["nginx", "-g", "daemon off;"] FROM nginx:alpine EXPOSE 80 443 Dockerfile Example #DockerDevBSF](https://image.slidesharecdn.com/dockerizinganangular5app2-180321124736/75/How-to-Dockerize-Angular-Vue-and-React-Web-Apps-17-2048.jpg)
Uploaded byBelatrix Software
How to Dockerize Angular, Vue and React Web Apps
The document discusses the process of dockerizing Angular, Vue, and React web applications, highlighting the roles of Docker images and containers. It emphasizes the simplification of multi-stage builds and provides a demonstration of deploying an Angular application using Docker. Key concepts include the use of Dockerfile for creating custom images and the operational capabilities of Docker containers.
How to Dockerize Angular, Vue and React Web Apps
- 1. How to DockerizeAngular, Vue and React Web Apps #DockerDevBSF WEBINAR
- 2. Panelists Orlando Castillo Technical Consultant CharlesGreen Director of Thought Leadership #DockerDevBSF
- 3. How can yousimplify multiple stages? Server Microservice Microservic e How do you deploy using cli at its highest? #DockerDevBSF
- 4. Has Docker gotyou covered? #DockerDevBSF
- 5. Uglifying AOT compiler Tree shaking Thebeauty of ng build #DockerDevBSF
- 6.
- 7. Isolated running process Unlinkvirtual machines, share the operating system on which they are running Simplify building, shipping apps Runs natively on Linux or Windows Server Runs on Windows or Mac Development machines (Docker CE) What is a Docker container? #DockerDevBSF
- 8.
- 9. Docker Image Example: nginxAlpine with Angular application code Docker Container Created by using an image. Runs your application in a container. The Role of Images and Containers docker run #DockerDevBSF
- 10. A read-only templatecomposed of layered filesystems used to share common files and create Docker container instances. Image #DockerDevBSF
- 11. An isolated andsecured shipping container created from an image that can be run, started, stopped, moved and deleted. Container #DockerDevBSF
- 12.
- 13. Docker Image Dockerfile What dowe need? Artifacts Dockerfile Docker Image Docker Container http://orlando1409.myawesomesite.com/
- 14. The Linux kernelon steroids Docker Layers #DockerDevBSF
- 15. Using Docker Multistage-StageBuilds With that, you can have a Node.js base image that installs, builds and compiles everything, and then, “discard” all those Node.js specific Docker image layers, and end up with a Nginx image with just your compiled code.
- 16.
- 17. LABEL author="Orlando Castillo"COPY ./dist /usr/share/nginx/html ENTRYPOINT["nginx", "-g", "daemon off;"] FROM nginx:alpine EXPOSE 80 443 Dockerfile Example #DockerDevBSF
- 18. docker build -torlando1409/to-do-app . Short for --tag Tag name Build context Building a Custom Image Repository Image name #DockerDevBSF
- 19. docker run -p8080:80 orlando1409/to-do-app External/Internal Port Image Name Running a Custom Container #DockerDevBSF
- 20.
- 21.
- 22.