SlideShare a Scribd company logo
Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Enable continuous delivery and
resiliency for a static website
Bhuvaneswari Subramani (she/her)
C O M 2 0 3
Director, Engineering Operations and AWS DevTools Hero
Infor
Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Quick intro
Bhuvaneswari Subramani (Bhuvana)
Director, Engineering Operations, Infor
AWS Hero since 2019
Organizer, AWS User Group Bengaluru
Leading cloud computing, DevOps,
and Performance QA
https://bhuvana.pro
/bhuvanas
@installjournal
Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Traditional static website hosting
Source control management
Continuous integration and continuous delivery
Enable resiliency
Agenda
Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Traditional static
website hosting
Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Everything fails all the time.
Dr. Werner Vogels
VP and CTO, Amazon
Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Traditional static website architecture
AWS Cloud
Amazon Route 53
AWS Certificate
Manager (ACM)
Amazon
CloudFront
example.com logs.example.com
Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Traditional static website architecture
AWS Cloud
Amazon Route 53
AWS Certificate
Manager (ACM)
Amazon
CloudFront
example.com logs.example.com
Is it complete?
Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Challenges
• Repository for static website
code
• Traceability for code changes
• Sharing environment for
staging and prod
• No CI/CD
• Disaster recovery
• Resilient for regional failure
Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Opportunities for automation
Source control
management (SCM)
Continuous integration and
continuous delivery (CI/CD)
Resiliency
Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved.
How automation can tackle the challenges
• Repository for static website code
• Traceability for code changes
• Sharing environment for staging and prod
• No CI/CD
• Disaster recovery
• Resilient for regional failure
SCM
CI/CD
Resiliency
Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Source control
management
Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Source actions for AWS CodePipeline
Code management
• Check in source code
• Peer-review new code
• Version control
AWS CodeCommit Bitbucket Cloud
GitHub GitHub Enterprise
Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Continuous integration
and continuous delivery
Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Continuous delivery stages
Source
Developers
commit changes
Staging
Deploy and test
Approval
Green signal
Production
Go live!
Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Continuous integration
Source
Developers
commit changes
Staging
Deploy and test
Approval
Green signal
Production
Go live!
Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Continuous delivery with AWS DevTools
Source
Developers
commit changes
Staging
Deploy and test
Approval
Green signal
Production
Go live!
AWS CodeCommit
AWS CodePipeline
AWS CodeBuild AWS CodeBuild
AWS CodePipeline AWS CodePipeline
Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved.
AWS CodePipeline
Continuous delivery AWS architecture
Developers
Source Deploy Test
staging.example.com
Deploy Test
example.com
AWS
CodeCommit
Approval
Source Staging Approval Production
Amazon S3
bucket
Amazon S3
bucket
Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved.
AWS CodePipeline
Continuous delivery AWS architecture
Source Deploy Test
staging.example.com
Deploy Test
example.com
Source action
Input artifact: None
Output artifact: MyWeb
Deploy action
Input artifact: MyWeb
Output artifact: MyWeb
Deploy action
Input artifact: MyWeb
Output artifact: None
Approval
AWS
CodeCommit
Developers
Amazon S3
bucket
Amazon S3
bucket
Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Visualize the pipeline execution
Source
MyWebsiteSource
CodeCommit
i
Deploy to staging
DeployToStaging
Deploy
TestStagingWebsite
CodeBuild
i
i
Approval
GreenSignal
Approval
i
Deploy to production
DeployToProd
Deploy
TestProdWebsite
CodeBuild
i
i
Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Visualize the pipeline execution
Source
MyWebsiteSource
CodeCommit
i
Deploy to staging
DeployToStaging
Deploy
TestStagingWebsite
CodeBuild
i
i
Approval
GreenSignal
Approval
i
Deploy to production
DeployToProd
Deploy
TestProdWebsite
CodeBuild
i
i
Manual approval
Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Create pipeline and
configure
Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved.
AWS CodePipeline components
Action Action
Stage
Action Action
Stage
Action
Transition
Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Pipeline - Settings
Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Pipeline - Settings
Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Pipeline - Source
Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Pipeline – Skip Build
Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Pipeline – Skip Build
Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Pipeline - Deploy
Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Pipeline - Review
Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Pipeline – Output for staging
example.com-pipeline
AWS CodeCommit
example.com-pipeline
Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Pipeline – Output for Approval & Production
example.com-pipeline
AWS CodeCommit
example.com-pipeline
Approval
GreenSignal
Approval
i
Deploy to production
DeployToProd
Deploy
TestProdWebsite
CodeBuild
i
i
Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Enable resiliency
Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved.
AWS Cloud
Replication
Amazon Route 53
AWS Certificate
Manager (ACM)
Region Region
Cross-Region replication
example.com dr.example.com
Origin group
Amazon CloudFront
Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Set up replication
from example.com
to dr.example.com
Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Create
replication
rule
Enable
bucket
versioning
Source
bucket
Destination
bucket
Save &
ready
Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Create
replication
rule
Enable
bucket
versioning
Source
bucket
Destination
bucket
Save &
ready
Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved.
example.com
Create
replication
rule
Enable
bucket
versioning
Source
bucket
Destination
bucket
Save &
ready
Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Create
replication
rule
Enable
bucket
versioning
Source
bucket
Destination
bucket
Save &
ready
Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Create
replication
rule
Enable
bucket
versioning
Source
bucket
Destination
bucket
Save &
ready
Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Create
replication
rule
Enable
bucket
versioning
Source
bucket
Destination
bucket
Save &
ready
Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Create
replication
rule
Enable
bucket
versioning
Source
bucket
Destination
bucket
Save &
ready
Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Create origin group
Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Create origin for disaster recovery
Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Create origin group
Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Time to test for resiliency
• Update the S3 bucket policy (example.com) where you hosted static
website to deny for Amazon CloudFront
• Watch Amazon CloudFront distribution as it redirects the request to
the disaster recovery S3 bucket (dr.example.com)
Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Time to test for resiliency – In action
Change the bucket policy for the source bucket (example.com)
{
"Version": "2012-10-17",
"Statement": [
{
"Sid": "CloudFrontReadGetObject",
"Effect": ā€Allow",
"Principal": {
"AWS": "arn:aws:iam::cloudfront:user/CloudFront Origin Access Identity XXXXXXXXXXXX"
},
"Action": "s3:GetObject",
"Resource": "arn:aws:s3:::example.com/*"
}
]
}
Deny
Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Time to test for resiliency – In action
Change the bucket policy for the source bucket (example.com)
{
"Version": "2012-10-17",
"Statement": [
{
"Sid": "CloudFrontReadGetObject",
"Effect": ā€Allow",
"Principal": {
"AWS": "arn:aws:iam::cloudfront:user/CloudFront Origin Access Identity XXXXXXXXXXXX"
},
"Action": "s3:GetObject",
"Resource": "arn:aws:s3:::example.com/*"
}
]
}
Deny
Yay!! Still works
Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Time to test for resiliency – In action
Change the bucket policy for both source and destination bucket
(example.com and dr.example.com)
{
"Version": "2012-10-17",
"Statement": [
{
"Sid": "CloudFrontReadGetObject",
"Effect": ā€Allow",
"Principal": {
"AWS": "arn:aws:iam::cloudfront:user/CloudFront Origin Access Identity XXXXXXXXXXXX"
},
"Action": "s3:GetObject",
"Resource": "arn:aws:s3:::example.com/*"
}
]
}
Deny
Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Time to test for resiliency – In action
Uh-oh! It breaks
Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Resources
Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Additional resources
My blog featured in AWS Heroes Content Library:
CI/CD for a static website hosted on Amazon S3
https://go.aws/3b9xkQk
Related dev.to blogs written by me:
• Self-hosting secured static web site using S3, Route 53, ACM, CloudFront
https://bit.ly/3b6evgR
• CI/CD for a static website hosted on Amazon S3
https://bit.ly/3GlSN6D
• Enabling resiliency for a static website hosted on AWS Cloud
https://bit.ly/3jzTRue
/bhuvanas
Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Thank you!
Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Bhuvaneswari Subramani
https://bhuvana.pro/
/bhuvanas
@installjournal
Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Please complete
the session survey
Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved.

More Related Content

Similar to COM 203 Enable continuous delivery and resiliency for a static website (20)

PDF
A Pathway to Continuous Integration/Continuous Delivery on AWS
Bhuvaneswari Subramani
Ā 
PDF
CI CD using AWS Developer Tools @ AWS Community Day Bengaluru 2018
Bhuvaneswari Subramani
Ā 
PPTX
Devops on AWS
AWS Riyadh User Group
Ā 
PDF
DevOps Spain 2019. Pedro Mendoza-AWS
atSistemas
Ā 
PPTX
How Easy to Automate Application Deployment on AWS
Institut Teknologi Sepuluh Nopember Surabaya
Ā 
PDF
Community day _aws_ci_cd_v0.2
VijayaNirmalaGopal
Ā 
PDF
CI/CD using AWS developer tools
AWS User Group Bengaluru
Ā 
PDF
Devops continuousintegration and deployment onaws puttingmoneybackintoyourmis...
Emerson Eduardo Rodrigues Von Staffen
Ā 
PDF
Getting Started with DevOps on AWS [Mar 2020]
Dhaval Nagar
Ā 
PDF
AWS CodeCommit, CodeDeploy & CodePipeline
Julien SIMON
Ā 
PDF
DevOps with Amazon Web Services (November 2016)
Julien SIMON
Ā 
PDF
CI CD using AWS Developer Tools @ AWS Community Day Chennai 2019
Bhuvaneswari Subramani
Ā 
PDF
saa3_wk5.pdf
Michgo1
Ā 
PDF
Continuous Delivery on AWS with Zero Downtime
Casey Lee
Ā 
PDF
AWS in Practice
Anna Ruokonen
Ā 
PPTX
Deploying systems using AWS DevOps tools
MassTLC
Ā 
PDF
Continuous Integration and Continuous Delivery for your serverless apps - Seb...
Shift Conference
Ā 
PPTX
Using GitHub actions on AWS.pptx
Derek Bingham
Ā 
PPTX
imagic 2.pptx
kalpeshchavda12
Ā 
PDF
CI&CD with AWS - AWS Prague User Group - May 2015
Vladimir Simek
Ā 
A Pathway to Continuous Integration/Continuous Delivery on AWS
Bhuvaneswari Subramani
Ā 
CI CD using AWS Developer Tools @ AWS Community Day Bengaluru 2018
Bhuvaneswari Subramani
Ā 
Devops on AWS
AWS Riyadh User Group
Ā 
DevOps Spain 2019. Pedro Mendoza-AWS
atSistemas
Ā 
How Easy to Automate Application Deployment on AWS
Institut Teknologi Sepuluh Nopember Surabaya
Ā 
Community day _aws_ci_cd_v0.2
VijayaNirmalaGopal
Ā 
CI/CD using AWS developer tools
AWS User Group Bengaluru
Ā 
Devops continuousintegration and deployment onaws puttingmoneybackintoyourmis...
Emerson Eduardo Rodrigues Von Staffen
Ā 
Getting Started with DevOps on AWS [Mar 2020]
Dhaval Nagar
Ā 
AWS CodeCommit, CodeDeploy & CodePipeline
Julien SIMON
Ā 
DevOps with Amazon Web Services (November 2016)
Julien SIMON
Ā 
CI CD using AWS Developer Tools @ AWS Community Day Chennai 2019
Bhuvaneswari Subramani
Ā 
saa3_wk5.pdf
Michgo1
Ā 
Continuous Delivery on AWS with Zero Downtime
Casey Lee
Ā 
AWS in Practice
Anna Ruokonen
Ā 
Deploying systems using AWS DevOps tools
MassTLC
Ā 
Continuous Integration and Continuous Delivery for your serverless apps - Seb...
Shift Conference
Ā 
Using GitHub actions on AWS.pptx
Derek Bingham
Ā 
imagic 2.pptx
kalpeshchavda12
Ā 
CI&CD with AWS - AWS Prague User Group - May 2015
Vladimir Simek
Ā 

More from Bhuvaneswari Subramani (20)

PDF
Application Modernization with AWS - A Transformation in Digital Era
Bhuvaneswari Subramani
Ā 
PDF
The Operations effect of Dev, Data, ML and FM
Bhuvaneswari Subramani
Ā 
PDF
Elevate Developer Efficiency & build GenAI Application with Amazon Q​
Bhuvaneswari Subramani
Ā 
PDF
Architecting for Success: Designing Secure GCP Landing Zone for Enterprises
Bhuvaneswari Subramani
Ā 
PDF
How AWS Community in India reflects Unity in Diversity
Bhuvaneswari Subramani
Ā 
PDF
An Insight Into Cloud Migration Story
Bhuvaneswari Subramani
Ā 
PDF
LoadRunner walkthrough
Bhuvaneswari Subramani
Ā 
PDF
Jmeter Walkthrough
Bhuvaneswari Subramani
Ā 
PDF
Fundamentals Performance Testing
Bhuvaneswari Subramani
Ā 
PDF
Fundamentals of Cloud Computing & AWS
Bhuvaneswari Subramani
Ā 
PDF
IaC on AWS Cloud
Bhuvaneswari Subramani
Ā 
PDF
Infrastructure as Code on AWS
Bhuvaneswari Subramani
Ā 
PDF
Transformational DevOps with AWS Native Tools
Bhuvaneswari Subramani
Ā 
PDF
Demystifying DevOps
Bhuvaneswari Subramani
Ā 
PDF
Application & Account Monitoring in AWS
Bhuvaneswari Subramani
Ā 
PPTX
Industry Awareness to KSRCT
Bhuvaneswari Subramani
Ā 
PDF
CI CD using AWS Developer Tools Online Workshop
Bhuvaneswari Subramani
Ā 
PDF
IndiaCloudSummit - Transforming to feature-driven development
Bhuvaneswari Subramani
Ā 
PDF
AWS Organizations & Service Control Policy
Bhuvaneswari Subramani
Ā 
PDF
AWS reinvent 2019 - Transforming to feature-driven development
Bhuvaneswari Subramani
Ā 
Application Modernization with AWS - A Transformation in Digital Era
Bhuvaneswari Subramani
Ā 
The Operations effect of Dev, Data, ML and FM
Bhuvaneswari Subramani
Ā 
Elevate Developer Efficiency & build GenAI Application with Amazon Q​
Bhuvaneswari Subramani
Ā 
Architecting for Success: Designing Secure GCP Landing Zone for Enterprises
Bhuvaneswari Subramani
Ā 
How AWS Community in India reflects Unity in Diversity
Bhuvaneswari Subramani
Ā 
An Insight Into Cloud Migration Story
Bhuvaneswari Subramani
Ā 
LoadRunner walkthrough
Bhuvaneswari Subramani
Ā 
Jmeter Walkthrough
Bhuvaneswari Subramani
Ā 
Fundamentals Performance Testing
Bhuvaneswari Subramani
Ā 
Fundamentals of Cloud Computing & AWS
Bhuvaneswari Subramani
Ā 
IaC on AWS Cloud
Bhuvaneswari Subramani
Ā 
Infrastructure as Code on AWS
Bhuvaneswari Subramani
Ā 
Transformational DevOps with AWS Native Tools
Bhuvaneswari Subramani
Ā 
Demystifying DevOps
Bhuvaneswari Subramani
Ā 
Application & Account Monitoring in AWS
Bhuvaneswari Subramani
Ā 
Industry Awareness to KSRCT
Bhuvaneswari Subramani
Ā 
CI CD using AWS Developer Tools Online Workshop
Bhuvaneswari Subramani
Ā 
IndiaCloudSummit - Transforming to feature-driven development
Bhuvaneswari Subramani
Ā 
AWS Organizations & Service Control Policy
Bhuvaneswari Subramani
Ā 
AWS reinvent 2019 - Transforming to feature-driven development
Bhuvaneswari Subramani
Ā 
Ad

Recently uploaded (20)

PPT
Interview paper part 3, It is based on Interview Prep
SoumyadeepGhosh39
Ā 
PDF
Ampere Offers Energy-Efficient Future For AI And Cloud
ShapeBlue
Ā 
PPTX
Top Managed Service Providers in Los Angeles
Captain IT
Ā 
PDF
TrustArc Webinar - Data Privacy Trends 2025: Mid-Year Insights & Program Stra...
TrustArc
Ā 
PPTX
UiPath Academic Alliance Educator Panels: Session 2 - Business Analyst Content
DianaGray10
Ā 
PDF
CIFDAQ Weekly Market Wrap for 11th July 2025
CIFDAQ
Ā 
PDF
Impact of IEEE Computer Society in Advancing Emerging Technologies including ...
Hironori Washizaki
Ā 
PDF
CloudStack GPU Integration - Rohit Yadav
ShapeBlue
Ā 
PDF
Log-Based Anomaly Detection: Enhancing System Reliability with Machine Learning
Mohammed BEKKOUCHE
Ā 
PDF
Meetup Kickoff & Welcome - Rohit Yadav, CSIUG Chairman
ShapeBlue
Ā 
PPTX
Top iOS App Development Company in the USA for Innovative Apps
SynapseIndia
Ā 
PDF
NewMind AI - Journal 100 Insights After The 100th Issue
NewMind AI
Ā 
PPTX
MSP360 Backup Scheduling and Retention Best Practices.pptx
MSP360
Ā 
PDF
SFWelly Summer 25 Release Highlights July 2025
Anna Loughnan Colquhoun
Ā 
PDF
Smart Air Quality Monitoring with Serrax AQM190 LITE
SERRAX TECHNOLOGIES LLP
Ā 
PDF
Human-centred design in online workplace learning and relationship to engagem...
Tracy Tang
Ā 
PDF
The Builder’s Playbook - 2025 State of AI Report.pdf
jeroen339954
Ā 
PDF
Building Resilience with Digital Twins : Lessons from Korea
SANGHEE SHIN
Ā 
PPTX
Building Search Using OpenSearch: Limitations and Workarounds
Sease
Ā 
PDF
DevBcn - Building 10x Organizations Using Modern Productivity Metrics
Justin Reock
Ā 
Interview paper part 3, It is based on Interview Prep
SoumyadeepGhosh39
Ā 
Ampere Offers Energy-Efficient Future For AI And Cloud
ShapeBlue
Ā 
Top Managed Service Providers in Los Angeles
Captain IT
Ā 
TrustArc Webinar - Data Privacy Trends 2025: Mid-Year Insights & Program Stra...
TrustArc
Ā 
UiPath Academic Alliance Educator Panels: Session 2 - Business Analyst Content
DianaGray10
Ā 
CIFDAQ Weekly Market Wrap for 11th July 2025
CIFDAQ
Ā 
Impact of IEEE Computer Society in Advancing Emerging Technologies including ...
Hironori Washizaki
Ā 
CloudStack GPU Integration - Rohit Yadav
ShapeBlue
Ā 
Log-Based Anomaly Detection: Enhancing System Reliability with Machine Learning
Mohammed BEKKOUCHE
Ā 
Meetup Kickoff & Welcome - Rohit Yadav, CSIUG Chairman
ShapeBlue
Ā 
Top iOS App Development Company in the USA for Innovative Apps
SynapseIndia
Ā 
NewMind AI - Journal 100 Insights After The 100th Issue
NewMind AI
Ā 
MSP360 Backup Scheduling and Retention Best Practices.pptx
MSP360
Ā 
SFWelly Summer 25 Release Highlights July 2025
Anna Loughnan Colquhoun
Ā 
Smart Air Quality Monitoring with Serrax AQM190 LITE
SERRAX TECHNOLOGIES LLP
Ā 
Human-centred design in online workplace learning and relationship to engagem...
Tracy Tang
Ā 
The Builder’s Playbook - 2025 State of AI Report.pdf
jeroen339954
Ā 
Building Resilience with Digital Twins : Lessons from Korea
SANGHEE SHIN
Ā 
Building Search Using OpenSearch: Limitations and Workarounds
Sease
Ā 
DevBcn - Building 10x Organizations Using Modern Productivity Metrics
Justin Reock
Ā 
Ad

COM 203 Enable continuous delivery and resiliency for a static website

  • 1. Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved.
  • 2. Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved. Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved. Enable continuous delivery and resiliency for a static website Bhuvaneswari Subramani (she/her) C O M 2 0 3 Director, Engineering Operations and AWS DevTools Hero Infor
  • 3. Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved. Quick intro Bhuvaneswari Subramani (Bhuvana) Director, Engineering Operations, Infor AWS Hero since 2019 Organizer, AWS User Group Bengaluru Leading cloud computing, DevOps, and Performance QA https://bhuvana.pro /bhuvanas @installjournal
  • 4. Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved. Traditional static website hosting Source control management Continuous integration and continuous delivery Enable resiliency Agenda
  • 5. Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved. Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved. Traditional static website hosting
  • 6. Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved. Everything fails all the time. Dr. Werner Vogels VP and CTO, Amazon
  • 7. Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved. Traditional static website architecture AWS Cloud Amazon Route 53 AWS Certificate Manager (ACM) Amazon CloudFront example.com logs.example.com
  • 8. Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved. Traditional static website architecture AWS Cloud Amazon Route 53 AWS Certificate Manager (ACM) Amazon CloudFront example.com logs.example.com Is it complete?
  • 9. Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved. Challenges • Repository for static website code • Traceability for code changes • Sharing environment for staging and prod • No CI/CD • Disaster recovery • Resilient for regional failure
  • 10. Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved. Opportunities for automation Source control management (SCM) Continuous integration and continuous delivery (CI/CD) Resiliency
  • 11. Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved. How automation can tackle the challenges • Repository for static website code • Traceability for code changes • Sharing environment for staging and prod • No CI/CD • Disaster recovery • Resilient for regional failure SCM CI/CD Resiliency
  • 12. Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved. Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved. Source control management
  • 13. Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved. Source actions for AWS CodePipeline Code management • Check in source code • Peer-review new code • Version control AWS CodeCommit Bitbucket Cloud GitHub GitHub Enterprise
  • 14. Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved. Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved. Continuous integration and continuous delivery
  • 15. Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved. Continuous delivery stages Source Developers commit changes Staging Deploy and test Approval Green signal Production Go live!
  • 16. Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved. Continuous integration Source Developers commit changes Staging Deploy and test Approval Green signal Production Go live!
  • 17. Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved. Continuous delivery with AWS DevTools Source Developers commit changes Staging Deploy and test Approval Green signal Production Go live! AWS CodeCommit AWS CodePipeline AWS CodeBuild AWS CodeBuild AWS CodePipeline AWS CodePipeline
  • 18. Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved. AWS CodePipeline Continuous delivery AWS architecture Developers Source Deploy Test staging.example.com Deploy Test example.com AWS CodeCommit Approval Source Staging Approval Production Amazon S3 bucket Amazon S3 bucket
  • 19. Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved. AWS CodePipeline Continuous delivery AWS architecture Source Deploy Test staging.example.com Deploy Test example.com Source action Input artifact: None Output artifact: MyWeb Deploy action Input artifact: MyWeb Output artifact: MyWeb Deploy action Input artifact: MyWeb Output artifact: None Approval AWS CodeCommit Developers Amazon S3 bucket Amazon S3 bucket
  • 20. Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved. Visualize the pipeline execution Source MyWebsiteSource CodeCommit i Deploy to staging DeployToStaging Deploy TestStagingWebsite CodeBuild i i Approval GreenSignal Approval i Deploy to production DeployToProd Deploy TestProdWebsite CodeBuild i i
  • 21. Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved. Visualize the pipeline execution Source MyWebsiteSource CodeCommit i Deploy to staging DeployToStaging Deploy TestStagingWebsite CodeBuild i i Approval GreenSignal Approval i Deploy to production DeployToProd Deploy TestProdWebsite CodeBuild i i Manual approval
  • 22. Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved. Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved. Create pipeline and configure
  • 23. Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved. AWS CodePipeline components Action Action Stage Action Action Stage Action Transition
  • 24. Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved. Pipeline - Settings
  • 25. Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved. Pipeline - Settings
  • 26. Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved. Pipeline - Source
  • 27. Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved. Pipeline – Skip Build
  • 28. Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved. Pipeline – Skip Build
  • 29. Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved. Pipeline - Deploy
  • 30. Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved. Pipeline - Review
  • 31. Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved. Pipeline – Output for staging example.com-pipeline AWS CodeCommit example.com-pipeline
  • 32. Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved. Pipeline – Output for Approval & Production example.com-pipeline AWS CodeCommit example.com-pipeline Approval GreenSignal Approval i Deploy to production DeployToProd Deploy TestProdWebsite CodeBuild i i
  • 33. Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved. Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved. Enable resiliency
  • 34. Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved. AWS Cloud Replication Amazon Route 53 AWS Certificate Manager (ACM) Region Region Cross-Region replication example.com dr.example.com Origin group Amazon CloudFront
  • 35. Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved. Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved. Set up replication from example.com to dr.example.com
  • 36. Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved. Create replication rule Enable bucket versioning Source bucket Destination bucket Save & ready
  • 37. Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved. Create replication rule Enable bucket versioning Source bucket Destination bucket Save & ready
  • 38. Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved. example.com Create replication rule Enable bucket versioning Source bucket Destination bucket Save & ready
  • 39. Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved. Create replication rule Enable bucket versioning Source bucket Destination bucket Save & ready
  • 40. Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved. Create replication rule Enable bucket versioning Source bucket Destination bucket Save & ready
  • 41. Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved. Create replication rule Enable bucket versioning Source bucket Destination bucket Save & ready
  • 42. Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved. Create replication rule Enable bucket versioning Source bucket Destination bucket Save & ready
  • 43. Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved. Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved. Create origin group
  • 44. Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved. Create origin for disaster recovery
  • 45. Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved. Create origin group
  • 46. Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved. Time to test for resiliency • Update the S3 bucket policy (example.com) where you hosted static website to deny for Amazon CloudFront • Watch Amazon CloudFront distribution as it redirects the request to the disaster recovery S3 bucket (dr.example.com)
  • 47. Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved. Time to test for resiliency – In action Change the bucket policy for the source bucket (example.com) { "Version": "2012-10-17", "Statement": [ { "Sid": "CloudFrontReadGetObject", "Effect": ā€Allow", "Principal": { "AWS": "arn:aws:iam::cloudfront:user/CloudFront Origin Access Identity XXXXXXXXXXXX" }, "Action": "s3:GetObject", "Resource": "arn:aws:s3:::example.com/*" } ] } Deny
  • 48. Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved. Time to test for resiliency – In action Change the bucket policy for the source bucket (example.com) { "Version": "2012-10-17", "Statement": [ { "Sid": "CloudFrontReadGetObject", "Effect": ā€Allow", "Principal": { "AWS": "arn:aws:iam::cloudfront:user/CloudFront Origin Access Identity XXXXXXXXXXXX" }, "Action": "s3:GetObject", "Resource": "arn:aws:s3:::example.com/*" } ] } Deny Yay!! Still works
  • 49. Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved. Time to test for resiliency – In action Change the bucket policy for both source and destination bucket (example.com and dr.example.com) { "Version": "2012-10-17", "Statement": [ { "Sid": "CloudFrontReadGetObject", "Effect": ā€Allow", "Principal": { "AWS": "arn:aws:iam::cloudfront:user/CloudFront Origin Access Identity XXXXXXXXXXXX" }, "Action": "s3:GetObject", "Resource": "arn:aws:s3:::example.com/*" } ] } Deny
  • 50. Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved. Time to test for resiliency – In action Uh-oh! It breaks
  • 51. Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved. Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved. Resources
  • 52. Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved. Additional resources My blog featured in AWS Heroes Content Library: CI/CD for a static website hosted on Amazon S3 https://go.aws/3b9xkQk Related dev.to blogs written by me: • Self-hosting secured static web site using S3, Route 53, ACM, CloudFront https://bit.ly/3b6evgR • CI/CD for a static website hosted on Amazon S3 https://bit.ly/3GlSN6D • Enabling resiliency for a static website hosted on AWS Cloud https://bit.ly/3jzTRue /bhuvanas
  • 53. Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved. Thank you! Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved. Bhuvaneswari Subramani https://bhuvana.pro/ /bhuvanas @installjournal
  • 54. Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved. Please complete the session survey Ā© 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved.