Create Environment set up and CI/CD pipeline for Angular+ .NET Core web API in Azure DevOps

This video describes how to deal with environment Setup in Angular +.NET Core web API Project along with CI/CD pipeline in Azure DevOps.
This application deals with Angular (TypeScript),.NET Core web API (c#), and Azure DevOps as a Service. The GIT Branching mechanism has been made in Azure Repos.
In case you want to skip the sections :
00:30 - Why we need environment setup
03:45 - Create a visual studio Angular+ .NET core web API boilerplate code
05:36 - Create environment variables files in Angular application
23:09 - Create environment variable files in .NET Core Web API
34:48 - Create services in Angular application for interacting with API
41:00 - Configuring .csproj file in Project
44:50 - Create CI pipeline to build different environments
53:52 - Create CD pipeline to deploy the build file
Reference links -
Dealing with Environment Variables in .NET Core in Azure Devops CI/CD pipeline - • Dealing with Environme...

[@Jagem_Kang]

You just saved me, especially at the csproj npm integration part 41:12, thanks for the tutorial

[@AnshumanDikshit]

Please like subscribe and share with others

[@saumiksatapathy3801]

Nicely explained.👍

[@AnshumanDikshit]

Thank you bhai

[@DotnetistEnterprise]

Nice I will try to make a video like this also

[@rishi1615]

Superb

[@AnshumanDikshit]

Thank you so much bhaiya

[@marandambuelo]

Hi @AnshumanDikshit
I'm a beginner and i find your video good. I am using latest Angular 18 and .Net 8.
Is this going to work the same way?

[@prathibakatta5146]

Hi Anshuman, great video and nicely explained. This is build artifacts for each environment. I am just looking for CI/CD for just angular project with only 1 artifacts/build, but create releases for dev, sit and prod using same artifacts, but should have different environment set ups created which should be picked up during ci\cd.Please let me know if you have video tutorials like that.

[@maid768]

In 45:10 you mentioned two app services for demo-dev and demo-sit.
Can you show us how you created the app services so I can follow this tutorial further?

[@90skidsthings50]

Can you provide support to real-time project?

[@rafaelbuttignon970]

with this environment, if I include a sql database, do I need to create a specific CI / CD for the database or will it already work!? Thanks.

[@AnshumanDikshit]

You need to create a CI CD for them it does not come implicitly.Cause you can build CICD pipeline by using any tools

[@SanthoshKumarChandran]

I have did the same, but in my azure app i could see only the .net core files and not the angular files. Any idea?

[@AnshumanDikshit]

There should be one js file atleast

[@jamieg1802]

I am being held as a POW my home and forced to work in some other field i didnt ask to work in, this is illegal, and by old coworkers, they are doing on company time, so company is subsidizing this behavior. Some people/things thing they are above the law . I hope the law enforcement helps me soon. They stole 30k from me and no help yet, have logs and other proof.

[@FuzzPiAndFacial]

Right before testing the config Get im getting System.IO.FileNotFoundException: 'The configuration file 'appsettings.local.json' was not found and is not optional.

[@AnshumanDikshit]

Check in your git repository if this is available inside your branch or not

[@AnshumanDikshit]

But still am not sure why you need appsettings.local in testing??