CloudFront DESIGN PATTERNS

Abhishek Tiwari@abhishektiwari

http://abhishek-tiwari.com

Wednesday, 7 August 13

About me

Solutions Architect

About me

Solutions Architect Early AWS adopter (2007)

About me

Solutions Architect Early AWS adopter (2007)Built Cotton On Group’s AWS Infrastructure (2012)

Design Patterns

Dynamic and Adoptive Thumbnailing

Design Patterns

Dynamic and Adoptive ThumbnailingAudio/Video Streaming

Design Patterns

Dynamic and Adoptive ThumbnailingAudio/Video StreamingPrivate Content

Design Patterns

Dynamic and Adoptive ThumbnailingAudio/Video StreamingPrivate ContentLive Streaming

Dynamic Thumbnailing

Dynamic ThumbnailingDynamic: on-the-fly thumbnailing/caching

Dynamic ThumbnailingDynamic: on-the-fly thumbnailing/cachingAdoptive: optimized for the device

Dynamic ThumbnailingDynamic: on-the-fly thumbnailing/cachingAdoptive: optimized for the deviceAnti-pattern: Generate all sizes of thumbnails on image upload and store in S3

Not adoptive

Not adoptiveNot manageable

Not adoptiveNot manageableMinor Design Changes: Regenerate all thumbnails every time

Dynamic ThumbnailingRequires

A thumbnail cache behavior mapped to custom origin server

A thumbnail cache behavior mapped to custom origin serverCustom origin server with ability

To download original image from S3 or any other source

To download original image from S3 or any other sourceTo generate thumbnail of requested size and return it to CF distribution to serve

To download original image from S3 or any other sourceTo generate thumbnail of requested size and return it to CF distribution to serveTo set expiration time so that in near-future CF don’t request again

Dynamic Thumbnailingdef thumb (image, width, height) :

quality = 0.9thumbed = getThumb(image, quality, width, height)thumbed.setCacheControlMaxAge(EX)......return thumbed

Width Height Image

Dynamic Thumbnailingdef thumb (image, width, height) :

quality = 0.9thumbed = getThumb(image, quality, width, height)thumbed.setCacheControlMaxAge(EX)......return thumbed

static/images/thumb/b723eh0f0df.png?width=400&height=300

def thumb (image, width, height) :quality = 0.9thumbed = getThumb(image, quality, width, height)thumbed.setCacheControlMaxAge(EX)......return thumbed

static/images/thumb/b723eh0f0df.png?width=400&height=300static/images/thumb/b723eh0f0df.png?width=400&height=300

Forward Query Strings is Turned On

Audio/Video Streaming

Audio/Video StreamingRequires two CloudFront distributions

Download distribution (HTTP protocol) for media player

Download distribution (HTTP protocol) for media playerStreaming distribution (RMTP protocol) for video/audio file

Adobe Flash Media Server 3.5 as the streaming server

Adobe Flash Media Server 3.5 as the streaming serverRTMP Variants: RTMP, RTMPT, RTMPE, RTMPTE

Audio/Video Streaming

Private Content

Private ContentRestrict viewer access using signed URL

Private ContentRestrict viewer access using signed URLSigned URLs control access based on policy statement

Private ContentRestrict viewer access using signed URLSigned URLs control access based on policy statementPolicy statement can be

Canned policy (access to one object)

Canned policy (access to one object)Custom policy (access to one or more objects using pattern matching)

Private Content

Private ContentA complete singed URL contains

a base URL (http://my.cf.net/image.png, /v/myvideo.flv)

a base URL (http://my.cf.net/image.png, /v/myvideo.flv) a policy statement as a signature (hashed+signed, optionally Base-64 encoded for URL safe compression)

a base URL (http://my.cf.net/image.png, /v/myvideo.flv) a policy statement as a signature (hashed+signed, optionally Base-64 encoded for URL safe compression)CF key-pair id

a base URL (http://my.cf.net/image.png, /v/myvideo.flv) a policy statement as a signature (hashed+signed, optionally Base-64 encoded for URL safe compression)CF key-pair id optional parameters (expiration timestamp etc)

CF matches the signed URL pattern

CF matches the signed URL patternIf signed URL is valid then CF gives viewer access to object

Private Content (Streaming)

Private Content (Download)

Live Streaming

Live StreamingSupports live streaming with

Adobe’s Flash Media Server 4.5 (AFMS)

Adobe’s Flash Media Server 4.5 (AFMS) IIS Media Services (Smooth Streaming)

Both Stream media over HTTP/HTTPS to Apple iOS devices in HLS format

Both Stream media over HTTP/HTTPS to Apple iOS devices in HLS formatAFMS streams to Flash clients with HDS

Both Stream media over HTTP/HTTPS to Apple iOS devices in HLS formatAFMS streams to Flash clients with HDSIIS MS stream to Silverlight clients over HTTP

Live Streaming

Live StreamingHow it work?

Each solution relies on an encoder and a media service or server

Each solution relies on an encoder and a media service or serverEncoder takes live video as input and convert video into right format

Each solution relies on an encoder and a media service or serverEncoder takes live video as input and convert video into right formatVideo is pushed to origin server (media service or server)

Each solution relies on an encoder and a media service or serverEncoder takes live video as input and convert video into right formatVideo is pushed to origin server (media service or server)Origin server then breaks the video into a series of smaller files (segments or fragments)

Each solution relies on an encoder and a media service or serverEncoder takes live video as input and convert video into right formatVideo is pushed to origin server (media service or server)Origin server then breaks the video into a series of smaller files (segments or fragments)Each fragment is cached in CF and can be encoded on different bit rate

Thank YouQ & A

CloudFront DESIGN PATTERNS

Technology

Design Patterns CSCI 5801: Software Engineering. Design Patterns

AWS re:Invent 2016: Design Patterns for High Availability: Lessons from Amazon CloudFront that You Can Replicate on AWS (CTD303)

Design Patterns

1 Module 3: UML In Action - Design Patterns. 2 Overview Books Design Patterns – Basics Creational Design Patterns Structural Design Patterns

Introduction to CloudFront

GoF Design Patterns · 2018-11-26 · 2. Logica Java Architects Training Crew Design Patterns- Explained Chapter 1 Creational Patterns “Creational design patterns are design patterns

CloudFront BEST PRACTICES & ANTI-PATTERNS

On Recognizing Design Patterns with Crocopatarendvr.com/...Design-Patterns-with-Crocopat.pdf · Most work on design patterns is about using design patterns when writing software,

Amazon CloudFront Best Practices and Anti-patterns

AWS Cloudfront Howto

Design Patterns SSE USTC Qing Ding. Agenda Presentation tier design patterns Business tier design patterns Integration tier design patterns

Design patterns: An Introduction to Software Design Patterns

Lecture: Design Patterns - UZHDesign Patterns Overview ! Introduction to design patterns ! How to use design patterns ! Components of a pattern ! Various patterns " Creational Learning

Design Patterns - OWASP · PDF filehave the same basic design: ... ESAPI Design Patterns 7 8 ESAPI Design Patterns This page is

HCI : UI Design Patterns§لفرقة الرابعة تكنولوجيا... · UI Design Patterns. UI Design Patterns. A Pattern Catalogue. UI Design Pattern Categories Navigation Patterns

Design Patterns V - Structural Design Patterns, 2courses.cecs.anu.edu.au/courses/archive/comp2110.2008/lectures/lec19.pdf · Design Patterns V Structural Design Patterns, 2 COMP2110/2510

Plab – Tirgul 12 Design Patterns. Design Patterns u The De-Facto Book on Design Patterns:

COSC 3351 Software Design Design Patterns Creational …gabriel/courses/cosc3351_s08/SD_13_CreationalPatterns.pdfSoftware Design Design Patterns Creational Patterns Edgar Gabriel Spring

Design Patterns - GitHub Pagesedeleastar.github.io/design-patterns/topic06/pdf/e-gui-patterns.pdf · Design Patterns Eamonn de Leastar (edeleastar@wit.ie) Patterns for Graphic User

Amazon® CloudFront - Developer Guide - docs.aws.amazon.com...Amazon CloudFront Developer Guide