Skip Navigation

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 personalized 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 personalized 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.

Web site pulls product catalog 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 Web site pulls product catalog 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 relational SQL Database as a service

Common practices that are likely to cause scalability problems

Functions

Process events with serverless code

Application Insights

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

Related solution architectures