Efficient Angular CI/CD Setup & Azure Web App Deployment | Azure DevOps Pipeline Guide

Подписаться 3,9 тыс.

Просмотров 6 тыс.

50% 1

In this highly informative Part 18 of our video series, we delve into the intricate world of Angular 16 application deployment and Continuous Integration/Continuous Deployment (CI/CD) using Azure DevOps. Here's a sneak peek at what you can expect:
Azure DevOps CI/CD Pipeline Setup: Learn how to create a robust CI/CD pipeline in Azure DevOps, allowing for efficient code integration and automated deployment.
Azure Web App Deployment: Discover the intricacies of deploying your Angular 16 application to Azure Web App, a highly scalable and resilient hosting platform.
Streamlined Development: Improve your development process by automating build and deployment workflows.
Elevate Team Collaboration: Azure DevOps enables seamless collaboration, making it a powerful tool for software development teams.
Optimized Azure Resources: Deploying your app to Azure Web App ensures reliability and scalability, thanks to Azure's robust infrastructure.
By the end of this tutorial, you'll be well-equipped to harness the full power of CI/CD using Azure DevOps for your Angular 16 projects and effortlessly deploy them to Azure Web App. So, let's dive in and supercharge your development and deployment process!
Repo:
github.com/lea... (Angular 16)
github.com/lea... (API)
github.com/lea... (function)
Please post your questions in the comment section and I will be happy to answer your questions.
Subscribe for more useful videos just like this: / @learnsmartcoding
Happy coding!

Опубликовано:

13 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 12

@lorenzomolina6191 3 месяца назад

Thanks!!! it was the best introduction to the CI.

@MrTheElement 10 месяцев назад

Thanks for the video man! , it helped me a lot

@learnsmartcoding 10 месяцев назад

Glad to hear it!

@legrandtalk 3 месяца назад

Hello You have the solution in linux azure app service with 404 error direct access route in angular ? cause we don't have iis serveur but nginx i got success with deploy on azure app service and it's better ftp upload.

@landondan9012 7 месяцев назад

Hi. Can you please add more details on how to build release package for various environments (Dev, Test & Prod) that can automatically alter the environment.ts values based off environment.

@learnsmartcoding 7 месяцев назад

Sure, will do

@rutumbharapasupalak5577 6 месяцев назад

Can you share the how can we archive before publishing it!

@learnsmartcoding 6 месяцев назад

Hi, The package is already available in zip format and in build server, we don't need to achieve any artifacts for deployment. May I know why you would like to achieve ? I will look for solution to achieve in pipeline. Hope this helps. Happy coding!

@rutumbharapasupalak5577 6 месяцев назад

If i am defining the publish artifact task like the same i am getting error like path not found

@learnsmartcoding 6 месяцев назад

Hi, Generally based on what is configured in angular.json for output build makes the folder structure in angular build (we build locally or pipeline builds). You can modify the structure here to make only one folder after build. github.com/learnsmartcoding/lsc-restaurant-table-booking-app/blob/main/angular.json#L16 Build server always builds and zips the entire content, when it is deployed it is automatically unzipped and deployed properly. In my opinion, we don't need to achieve any build content. Hope this helps. Happy coding!

@mourtallafatydiawara2637 9 месяцев назад

Hello can you share with me the first link for creating the app service in azure portal and i want to know how can i do to automatcly change the url of asset in index.html

@learnsmartcoding 9 месяцев назад

Hello, Please check the below link for App service deployment. ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-PUHQWFENups.htmlsi=FIjBaiTkfBjkYA8c Also, the entire series part by part can be found in this playlist. ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE--VPAOzOFlcM.html Hope this helps. Happy coding!