Azure Pipelines/AppService/StaticWebApp/ASPNET Core/Angular

Name: Azure Pipelines/AppService/StaticWebApp/ASPNET Core/Angular
Rating: 4.2 (86 reviews)

Deploy your Angular Application to Azure Static Web Apps. Deploy your ASP NETCore API to Azure App Service. Azure AKS

Created byIonut Pac-Balaj

Last updated 9/2023

English

English [Auto],

What you'll learn

Create a simple Azure Devops Pipeline
Create an App Service in Azure
Deploy an ASP NET Core 6 app to an App Service using Azure Pipelines
Create an Azure Static Web App resource
Build an Angular app in Azure Devops Pipeline
Deploy Angular App to Azure Static Web Apps
Create a Azure Kubernetes Cluster
Create an Azure Pipeline for deploying an ASP NET Core WEB API to the Kubernetes cluster

Course content

5 sections • 28 lectures • 1h 1m total length

Introduction1:51
Who am I and what will we be doing during this course

Sample Application and Repository Structure1:02
Explore the repositories section to see three apps—ASP.NET Core, Ionic, and Angular—inside a single repository and learn how to deploy with separate pipelines.
Create the first Pipeline using a Template0:54
Triggers section0:41
Define when your pipeline runs by configuring triggers for specific branches, including multiple branches and exclusions to control automatic execution.
Pool section0:36
Variables Section and Steps Section0:35
Template MSBuilt task1:14
Run the template pipeline1:25

Introduction0:41
Create an ASP.NET core web application, then build an AKs cluster in Azure. Set up an Azure container registry for Docker images and deploy via pipelines to the AKs cluster.
Create an ASP NET Core WebAPI with Docker Support2:33
Start project locally and commit the code2:02
Start the project locally using container, express, or console app profiles, enable swagger and open API in development, then commit the initial setup, add a gitignore, and push to master.
Create an AKS Cluster in Azure Portal1:48
Create a Azure Container Registry1:00
Create a new container registry in West Europe by using the same resource group, naming it with the abbreviation CR, selecting the standard pricing plan, keeping defaults, and hitting create.
Create the Azure Pipeline for deploying to the AKS Cluster2:08
Explain the AKS Pipeline4:19
Fix Docker Build. Move the DockerFile into the Correct Folder0:48
Ensure the Dockerfile sits at the same level as the solution before building; move it out of the folder and modify it if necessary to reflect its proper location.
Validate the AKS Cluster after the Pipeline Deployment2:56
Validate the AKS cluster after the pipeline deployment by confirming image push and deployment. Verify the load balancer service with an external IP exposes the API.
Explaining the Kubernetes deployment.yml4:44
Validate deployment.yml changes0:46
Explain the Kubernetes service.yml3:01

Requirements

No experience with Azure Devops and Azure Portal is needed. Only simple concepts will be used in this course

Description

The purpose of this course is help a Full Stack developer deploy its Fronted Angular Application and Backend ASP .NET Core Application to Azure. Even if you have written your SPA in a different Framework/library like React or View, you will still be able to use this course, only the build command within the frontend pipeline will change. If your backend API has a different ASP NET Core version of .NET Framework the build steps will still work.

I will walk you step by step through creating an Azure App Service, create an Azure Service Connection and then add the required steps in the azure pipeline yaml file in order to Build and Deploy your ASP NET Core app to the created App Service.

I will also walk you through creating an Azure Static Web app and then add the necessary steps into the Azure Pipeline in order to Build and Deploy an Angular App as a Static Web App in Azure.

The final section of the course walks you thorugh creating an Azure Kubernetes Cluster and then using Azure pipelines you will deploy an ASP NET Core API to the Cluster.

This course will not give you in depth explanations into all the concepts of Azure Pipelines or Azure resources, the main idea is to get you going quickly into deploying your apps to Azure. I will add later to this course more advanced concepts from Azure Pipelines, allowing multiple environments

Who this course is for:

Beginner Azure Devops and Azure Developers
Full Stack Developers that want to deply their SPA App and API to Azure
Developers that just started working with Azure Kubernetes Services

Azure Pipelines/AppService/StaticWebApp/ASPNET Core/Angular

What you'll learn

Explore related topics

Course content

Introduction1 lecture • 2min

High Level concepts on the Existing Template Yaml File7 lectures • 6min

Deploy the ASP NET Core App to an Azure App Service Resource5 lectures • 16min

Deploy Angular App to Azure Static Web Apps3 lectures • 11min

Deploy ASP NET Core API to Azure Kubernetes Services12 lectures • 27min

Requirements

Description

Who this course is for: