Architect scalable e-commerce web app

The e-commerce website includes simple order processing workflows with the help of Azure services. Using Azure Functions and Web Apps, developers can focus on building personalised experiences and let Azure take care of the infrastructure.
Architect scalable e-commerce web appThe e-commerce website includes simple order processing workflows with the help of Azure services. Using Azure Functions and Web Apps, developers can focus on building personalised experiences and let Azure take care of the infrastructure.217896543

User accesses the web app in browser and signs in.

Browser pulls static resources such as images from Azure Content Delivery Network.

User searches for products and queries SQL database.

Website pulls product catalogue from database.

Web app pulls product images from Blob Storage.

Page output is cached in Azure Cache for Redis for better performance.

User submits order and order is placed in the queue.

Azure Functions processes order payment.

Azure Functions makes payment to third party and records payment in SQL database.

  1. 1 User accesses the web app in browser and signs in.
  2. 2 Browser pulls static resources such as images from Azure Content Delivery Network.
  3. 3 User searches for products and queries SQL database.
  4. 4 Website pulls product catalogue from database.
  5. 5 Web app pulls product images from Blob Storage.
  1. 6 Page output is cached in Azure Cache for Redis for better performance.
  2. 7 User submits order and order is placed in the queue.
  3. 8 Azure Functions processes order payment.
  4. 9 Azure Functions makes payment to third party and records payment in SQL database.

Implementation guidance

Products/Description Documentation

Web Apps

An App Service Web App runs in a single region, accessible to web and mobile browsers

Azure SQL Database

Managed, intelligent SQL in the cloud

Common practices that are likely to cause scalability problems

Azure functions

Process events with serverless code

Application Insights

Detect, triage and diagnose issues in your web apps and services

Related solution architectures