Architect scalable e-commerce web app

Functions
SQL Database
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!

Build scalable e-commerce web apps with Azure Functions and Web Apps, so you can create personalized experiences while Azure takes care of the infrastructure. This solution is ideal for the retail industry.

Potential use cases

This solution is ideal for retail organizations, but it can apply to other industries that sell goods and services.

Architecture

Architecture diagram shows the transaction from users finding products to purchasing them through web apps to third party payment. Download an SVG of this architecture.

Dataflow

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

Components

  • 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
  • Azure Functions: Process events with serverless code
  • Application Insights: Detect, triage, and diagnose issues in your web apps and services

Contributors

This article is maintained by Microsoft. It was originally written by the following contributors.

Principal author:

  • Andrew Harvey | Principal Program Manager - Microsoft for Startups

Next steps