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

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, 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

Advanced analytics on big dataTransform your data into actionable insights using the best in class machine learning tools. This architecture allows you to combine any data at any scale and to build and deploy custom machine learning models at scale.1234567

Advanced analytics on big data

Transform your data into actionable insights using the best in class machine learning tools. This architecture allows you to combine any data at any scale, and to build and deploy custom machine learning models at scale.

Real-time analyticsGet insights from live, streaming data with ease. Capture data continuously from any IoT device or logs from website clickstreams and process it in near-real time.12345678

Real-time analytics

Get insights from live, streaming data with ease. Capture data continuously from any IoT device or logs from website clickstreams and process it in near-real time.