Opsgenie Frontend AWS Journey

Transcript

1. ARIF KAPLAN | SENIOR FRONTEND ENGINEER Opsgenie Frontend AWS Journey
2. Agenda Opsgenie Frontend History Opsgenie Web Structures Q&A Who is Arif Kaplan
3. Who is Arif Kaplan ? (2008-2014) Ankara University Computer Engineer (2012-2015) Web Developer (2015- ) Frontend Developer Opsgenie at Atlassian (2016 - ) Volunteer at TEGV @Arif_Kaplan arif_kaplan
4. Agenda Opsgenie Frontend History Opsgenie Web Structures Q&A Who is Arif Kaplan
5. OPSGENIE FRONTEND HISTORY 2015 2016 2017 2018 2019 2020 2021 %100 REACT JQuery AngularJS JQuery AngularJS AngularJS VueJS AngularJS VueJS AngularJS React VueJS AngularJS React • Server side render (Thymeleaf) • JS Build Tools&Task Runner( Grunt ) • Java WebServer(Tomcat) • ADG • Tomcat • Webpack • TypeScripts
6. Agenda Opsgenie Web Structures Opsgenie Frontend History Q&A Who is Arif Kaplan
7. OPSGENIE WEB STRUCTURE V0 Problems: • Public shared static resources links(logo.png) Solution: • Add new CloudFront&S3 Bucket for resources.opsgenie.com.
8. OPSGENIE WEB STRUCTURE V1 Problems: • Availability of CDN edge caching • Not fully separate Frontend Release&Deploy • Versioning of static files Solution: • New Frontend Structure
9. OPSGENIE WEB STRUCTURE V2 Problems: • Being Multi Page Application. • Serving same files with different subdomains. • CORS Solution: • The New CloudFront
10. OPSGENIE WEB STRUCTURE V3 Problems: • Need for different index files • Need for serving with different security response headers Solution: • Lambda@Edge Functions
11. OPSGENIE WEB STRUCTURE V5 Problems: • Serving same index file with different response headers. Solution: • API Gateway
12. OPSGENIE WEB STRUCTURE V6 • Higher availability & reliability • Higher performance • Delegation of Concerns • Single Responsibility
13. Agenda Q&A Opsgenie Frontend History Opsgenie Web Structures Who is Arif Kaplan
15. ARIF KAPLAN | SENIOR FRONTEND ENGINEER twitter: Arif_Kaplan && linkedin: arif-kaplan Thank you…