前后端分離架構的落地思考

蘇寧云商禹立彬前后端分離架構的落地思考為什么要前后端分離1典型的業(yè)務場景2前后端常用技術利弊3其他思考4目錄CONTENTS為什么要前后端分離1典型的業(yè)務場景2前后端常用技術利弊3其他思考4目錄CONTENTS工作職責的細化美工+技術UI/UE前端后端DBASA隨著互聯網的發(fā)展，工作細分是長久以來的趨勢前端門檻的增高jQueryAngularReactVueNode.js年拋的前端輪子們在把前端搞得筋疲力盡的同時，極大的增加了全棧的學習成本.為什么要前后端分離1典型的業(yè)務場景2前后端常用技術利弊3其他思考4目錄CONTENTS業(yè)務場景多電商業(yè)務01金融業(yè)務02視頻業(yè)務…03應用場景多WAPPC小程序APPHybrid技術挑戰(zhàn)A訪問量大，每個問題都會被放大大流量下要求高可用B還有堅持使用低版本瀏覽器的用戶瀏覽器兼容要求高C促銷活動頁很多迭代速度要求快D商品搜索SEO支持為什么要前后端分離1典型的業(yè)務場景2前后端常用技術利弊3其他思考4目錄CONTENTS技術方案前端模板Ajax+字符串模板MVVMVueReactNode模板Express+ejsSSRNode+VueSSR瀏覽器兼容Web模板VueNodeSSRIE6+IE9IE6+IE9+在瀏覽器兼容中，基于現代MVVM框架的技術方案，處于劣勢，在瀏覽器兼容性要求較高的場合中，無法使用SEO支持Web模板VueNodeSSR對于SEO有要求的網頁來說，使用Web模板和Vue方案，不大適合首屏渲染耗時HTML+JS（較?。?Ajax+拼接字符串HTML+JS（較大）+Ajax+Vdom+渲染RPC+HTML（拼接時間較短）RPC+HTML（拼接時間較長）Web模板VueNodeSSR異步接口速度直接請求后端HTTP直接請求后端HTTP請求Node+RPC請求Node+RPCWeb模板VueNodeSSR高可用85%70%65%50%Web模板VueNodeSSR相對來說，Node相關的技術門檻較高.50%Web模板70%Vue90%SSR80%Node技術門檻20%無分離40%Web模板90%SSR70%Node40%Vue顯然前后端分離會導致web前端工作量增加前端工作量6060100Web模板VueNode100SSR前后端分離度01你的項目要SEO嗎Node.js就是不二選擇了缺少企業(yè)級工具。錯誤調試困難資料少于主流語言Node.js風險需要Server渲染，不管是ejs還是SSR02你的項目要兼容IE過度使用框架使用這些框架可以顯著的提高前端工程師的薪水使得個人利益和項目利益產生沖突風險大量使用ReactVue等框架03有足夠的前端工程師嗎前后端分離的工作量有經驗的前端工程師不那么好招?？考影?？招聘風險前后端分離的越徹底，前端工作量越多漸進式前后端分離蘇寧的經驗漸進提高前后端分離度瀏覽轉向Node.js中間層應用轉向Node.js中間層視場景使用SSR核心電商類對于瀏覽器兼容性要求，可用性要求，頁面性能要求都極高的電商類頁面不使用前后端分離配合少量web模板.漸進提高前后端分離度瀏覽器兼容要求較高的活動展示頁，逐漸從Web模板過渡為Node模板漸進提高前后端分離度核心應用型Web頁，對可用性要求占主導。過渡為Node+Vue.js方案漸進提高前后端分離度兼顧ＳＥＯ性能要求高漸進過渡到ＳＳＲ方案漸進提高前后端分離度團隊推進中，根據團隊實際的情況，也應該是漸進的.漸進的在團隊中推進前后端分離初期團隊成熟團隊技術實力人力富余技術風險團隊配比進度要求評估風險邊界，保持業(yè)務穩(wěn)定漸進的在團隊中推進前后端分離選擇切入時機果斷與謹慎業(yè)務開發(fā)中，多選擇新業(yè)務推進高級分離方案對于老業(yè)務改造，應該循序漸進，選擇新需求漸進的在團隊中推進前后端分離為什么要前后端分離1典型的業(yè)務場景2前后端常用技術利弊3其他思考4目錄CONTENTS前后端同構AＤｅｖＯｐｓB云服務C精英小團隊全?；汲保郑铱赡艽婢W頁