CI/CD for Azure Web Apps

Application Insights
Azure DevOps
Web Apps

Solution Idea

If you'd like to see us expand this article with more information, such as potential use cases, alternative services, implementation considerations, or pricing guidance, let us know with GitHub Feedback!

Azure Web Apps is a fast and simple way to create web apps using ASP.NET, Java, Node.js, or PHP. Deliver value faster to your customers with a continuous integration and continuous deployment (CI/CD) pipeline that pushes each of your changes automatically to Web Apps.

Architecture

Architecture diagram Download an SVG of this architecture.

Data flow

  1. Change application source code.
  2. Commit application code and Web Apps web.config file.
  3. Continuous integration triggers application build and unit tests.
  4. Continuous deployment trigger orchestrates deployment of application artifacts with environment-specific parameters.
  5. Deployment to Web Apps.
  6. Azure Application Insights collects and analyzes health, performance, and usage data.
  7. Review health, performance, and usage information.
  8. Update backlog item.

Components

  • Application Insights: Detect, triage, and diagnose issues in your web apps and services.
  • Web Apps: Quickly create and deploy mission critical Web apps at scale.
  • Azure DevOps: Services for teams to share code, track work, and ship software.
  • Visual Studio: A creative launch pad for viewing and editing code, then debugging, building, and publishing apps for Android, iOS, Windows, the web, and the cloud.

Deploy this scenario

Pricing

Next steps