Download as PDF, PPTX
![Such Web Scale
API Server
Ember App
linkedin.com/profile/123
BPRAPI Server
Ember App
Browser
appInstance.visit(‘/profile/123’)
[‘/profile/123’, /config/123’]](https://image.slidesharecdn.com/ember-at-scale-final-v1-160330004857/85/Ember-At-Scale-30-320.jpg)
Uploaded byChad Hietala
Ember At Scale
This document describes the evolution of Ember from 2013-2014 as the JavaScript community moved to solve problems of software rot and complexity. It outlines Ember's approach to build a base page renderer and prefetching system to deliver apps at scale, as well as how Ember apps are served using a multi-process architecture with a base page controller and renderer instances.
More Related Content
![IV. Symposium Change to Kaizen [Broschüre]](https://cdn.slidesharecdn.com/ss_thumbnails/broschuere4-150620085128-lva1-app6891-thumbnail.jpg?width=640&height=640&fit=bounds)
Ember At Scale
- 4.
- 5.
- 6. THIS IS OURSTORY
- 7.
- 8.
- 10. WHAT YEAR ISIT?
- 11. “If it ain’tbroken don’t fix it.” - Someone not in the Javascript community
- 12.
- 13.
- 14.
- 16.
- 17.
- 18.
- 19. CHANGE IS THECONSTANT
- 21.
- 22.
- 23.
- 24.
- 25. Server Server STORE ANDFORWARD CHUNKED ENCODING NETWORK BOUNDARY
- 26. BPR Such Web Scale APIServer Ember App Browser
- 27. Such Web Scale APIServer Ember App linkedin.com/profile/123 BPRAPI Server Ember App Browser
- 28. <!DOCTYPE html> <html lang="en"> <head> <metacharset="UTF-8"> <title>LinkedIn : Profile</title> <link href=“app.css” rel=“stylesheet” type=“text/css" /> </head> <body> <script src=“vendor.js”></script> <script src=“app.js”></script> Such Web Scale API Server Ember App linkedin.com/profile/123 BPRAPI Server Ember App Browser
- 29. Such Web Scale APIServer Ember App linkedin.com/profile/123 BPRAPI Server Ember App Browser appInstance.visit(‘/profile/123’)
- 30. Such Web Scale APIServer Ember App linkedin.com/profile/123 BPRAPI Server Ember App Browser appInstance.visit(‘/profile/123’) [‘/profile/123’, /config/123’]
- 31.
- 32. TRADITIONAL EMBER APP WITHEMBER-PREFETCH
- 33. Such Web Scale {data: {…} }API Server Ember App linkedin.com/profile/123 BPRAPI Server Ember App Browser appInstance.visit(‘/profile/123’)
- 34. <code id=“bpr-guid-3243243”>{"data&uote;:{…}}</code> <script class=“bpr-response”> _bpr.response({ request:‘/profile/123’, status: 200, body: ‘bpr-guid-3243243’}) </script> Such Web Scale API Server Ember App linkedin.com/profile/123 BPRAPI Server Ember App Browser appInstance.visit(‘/profile/123’)
- 35.
- 36.
- 37.
- 38. JVM Such Web Scale BasePage Controller Renderer Instance Process Manager Instance Channel Channel Node API Proxy Ember Renderer Ember App linkedin.com/profile/123 Instance
- 39. JVM Such Web Scale BasePage Controller Renderer Instance Process Manager Instance Channel Channel Node API Proxy Ember Renderer Ember App linkedin.com/profile/123 Instance
- 40. JVM Such Web Scale BasePage Controller Renderer Instance Process Manager Instance Channel Channel Node API Proxy Ember Renderer Ember App linkedin.com/profile/123 Instance
- 41. JVM Such Web Scale BasePage Controller Renderer Instance Process Manager Instance Channel Channel Node API Proxy Ember Renderer Ember App linkedin.com/profile/123 Instance
- 42. JVM Such Web Scale BasePage Controller Renderer Instance Process Manager Instance Channel Channel Node API Proxy Ember Renderer Ember App linkedin.com/profile/123 Instance
- 43. JVM Such Web Scale BasePage Controller Renderer Instance Process Manager Instance Channel Channel Node API Proxy Ember Renderer Ember App linkedin.com/profile/123 Instance
- 44.
- 45.
- 46.
- 48.
- 49. linkedin.com/m/ Sorry, for the“Please Download The App” interim :(
- 50.