Serverless SSR技術(shù)架構(gòu)實(shí)踐

1、Serverless SSR技術(shù)架構(gòu)實(shí)踐技術(shù)創(chuàng)新，變革未來CSR SSR Client Side Rendering客戶器端渲染Server Side Rendering服務(wù)器端渲染VSHTMLAssetsRenderHTMLAssetsHydarteDataCSR SSR SSR 可以帶來什么 ？更快的內(nèi)容達(dá)到時間最大程度地減少網(wǎng)絡(luò)和設(shè)備的影響更好的 SEO內(nèi)容可以更好的被搜索引擎所理解CSR SSR VS但卻沒有成為主流的 Web 開發(fā)模式構(gòu)建 SSR 應(yīng)用并不容易從前端變身全棧工程師JS Bundle Node 應(yīng)用選型 Node 框架應(yīng)對性能開銷保障應(yīng)用穩(wěn)定性ExpressKoa不再只

2、是枚前端工程師JS Bundle Node 應(yīng)用選型 Node 框架應(yīng)對性能開銷保障應(yīng)用穩(wěn)定性如何讓一套代碼兩端共用渲染機(jī)制的差異端上環(huán)境的限制如何處理數(shù)據(jù)請求如何避免狀態(tài)污染開發(fā)調(diào)試環(huán)境的打通WebNode需要多少臺服務(wù)器？如何部署環(huán)境？如何負(fù)載均衡？如何應(yīng)對服務(wù)器宕機(jī)？如何應(yīng)對用戶請求峰值？上線應(yīng)用前還需要考慮性能收益開發(fā)成本CSR SSR CSR SSR 直到 SSR 遇上 Serverless開發(fā)者可以更關(guān)注業(yè)務(wù)邏輯本身函數(shù)即服務(wù)（FaaS）fx動態(tài)修復(fù)，函數(shù)間相互獨(dú)立天然的隔離性全托管服務(wù)、按需執(zhí)行、彈性伸縮無需運(yùn)維生態(tài)的不斷完善AWS Lambda阿里云 FCGoogle Func

3、tionsAzure Functions騰訊云 SCF性能收益開發(fā)成本CSR SSR CSR SSR Rax 中的實(shí)踐WebWeexMiniAppFlutterRax 是一套遵循 React 標(biāo)準(zhǔn)的跨端解決方案Rax SSR 工作流程DocumentHTMLapp.jsonHydrateRenderFunctionPagesAssets組件如何完成到服務(wù)的轉(zhuǎn)變可行性分析 SSR 工作原理ComponentDataHTMLServer Render服務(wù)可行性分析 FaaS 工程函數(shù)描述文件CLIreq：http.ClientRequestres：http.ServerResponserender

4、ComponentToHTML可行性分析 HTTP 觸發(fā)器ServerRenderHTMLDataFunctionComponent基本原理目標(biāo)Rax AppFaaS 工程N(yùn)ode App+CSR 工程SSR 工程Documentapp.json工程實(shí)現(xiàn)build.json數(shù)據(jù)請求服務(wù)器端渲染頁面組裝錯誤處理SSR Loader函數(shù)配置文件rax-plugin-nowrax-plugin-fcrax-plugin-awsrax-plugin-xxxPluginPageNowFCAWS數(shù)據(jù)請求Page.getInitialProps聚合業(yè)務(wù)邏輯，兩端共用母板管理Document.jsx更適合 Server 端渲染，統(tǒng)一模板語言PagesHomeAboutapp.json路由HTTP GatewayFunctionFunctionH