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.
构建可缩放的电子商务 Web 应用Azure 服务助力电子商务网站实现简单的订单处理工作流。借助 Azure Functions 和 Web 应用,Azure 负责基础结构,让开发者专注于构建个性化体验。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