Deploy Angular to the Cloud (ngBucharest)
0 likes476 views
The document provides a guide on how to deploy an Angular application to the cloud using Docker and Azure services. It highlights the creation of a custom Docker image, steps for building and pushing the image to Azure Container Registry, and deploying it on Azure App Service. Additionally, it includes links to resources for further learning.
![Dockerfile
FROM nginx:alpine
LABEL author="Simona Cotin"
COPY ./dist /usr/share/nginx/html
EXPOSE 80 443
ENTRYPOINT ["nginx","-g","daemon off;"]](https://image.slidesharecdn.com/angulartothecloudngbucharest-171208073328/85/Deploy-Angular-to-the-Cloud-ngBucharest-25-320.jpg)
Deploy Angular to the Cloud (ngBucharest)
- 1. Code and Deploy Angular to the Cloud
- 2. Simona Cotin Cloud Dev Advocate @ Microsoft @simona_cotin
- 8. CICD
- 13. Scary
- 14. Scary Not my job
- 15. Scary Not my job Mad terminal skills
- 18. DEMO
- 19. Can we do better?
- 20. Docker
- 22. DEMO
- 23. So how do we deploy?
- 24. Create a custom Docker Image
- 25. Dockerfile FROM nginx:alpine LABEL author="Simona Cotin" COPY ./dist /usr/share/nginx/html EXPOSE 80 443 ENTRYPOINT ["nginx","-g","daemon off;"]
- 26. $ docker build -t simonaco.azurecr.io/angular-cli-nginx:1.0 . Tag Repository Image name Version Build Context
- 34. Steps $ docker build -t simonaco.azurecr.io/ angular-cli-nginx:1.0 . $ docker login —username <your-username> —password <your-password> $ docker push simonaco.azurecr.io/angular- cli-nginx:1.0
- 35. DEMO
- 38. Resources ▪ https://github.com/simonaco/awesome-app ▪ https://www.ng-conf.org/build-deploy-angular-cloud/ ▪ https://youtu.be/61AgaccL9V8 ▪ https://azure.microsoft.com/services/container-registry/ ▪ https://docs.microsoft.com/en-us/azure/app-service/ containers/ ▪ https://circleci.com/
- 39. Simona Cotin Cloud Dev Advocate @ Microsoft @simona_cotin Thank you!