蘑菇街面向下一代的移動開發體系

近日，51CTO記者在APMCon2016的大會現場對來自蘑菇街的無線跨平臺技術團隊負責人王興楠進行了專訪。王興楠給記者介紹了面向下一代移動開發方式動態的跨平臺框架及他對于影響H5發展因素的看法。

下一代移動開發體系

王興楠告訴記者，蘑菇街現在內部采用的框架叫XCore，是一套面向下一代移動開發方式動態的跨平臺的框架。整個框架是自研的，主要是聚焦在蘑菇街這樣一個社會化電商的業務特點上，很多設計和所支持的功能都是從業務場景抽象出來，同時現在正從相對單一的場景出發，并逐步向通用解決方案過度。XCore設計上更加靈活，可以支持不同的前端框架，支持同步的API調用;結構也十分精簡，更加靠近標準的瀏覽器方式。關于下一代移動開發體系，他是這樣介紹的。

下一代移動開發體系的概念是從react native而來的，這在業界一直是一個趨勢，因為這是H5的發展的一種延續。在PC時代，H5最開始也是從native開發轉到WEB開發，再到最后瀏覽器的普及，除去一些特殊場景，整個WEB開發基本上統治了PC端開發的方式，移動端整體上來說是按這個趨勢走的。但是由于移動端瀏覽器發展不好，一直沒能像PC端瀏覽器那樣成為統一的入口，所以移動端H5發展較慢，其實主因是各種超級app占據更多的入口;同時在移動端，H5本身體驗的提升還是很慢的，H5現在是處于發展并不順利的狀態。但是react native的出現，在一定程度上緩解了這樣的問題，是把WEB開發方式和native的性能做一個結合，以后從移動端開發角度這樣的方式會越來越多的被采用，但是不同App采用的路線可能是不一樣的。

關于H5，王興楠認為， H5的整個趨勢還是向前發展的，原來H5發展慢，主要是由于性能不好，渲染能力和標準本身的發展比較慢，但現在這個趨勢也在慢慢變好。一方面，移動端WebView對Web的支持會越來越好，有另外一種趨勢會更明顯，就是在操作系統層面會越來越web化，比如說像ChromeOS、阿里的云OS等，系統原生支持H5，可以用WEB的方式開發應用。所以說，移動端H5還將回歸，這是一個趨勢。

影響H5頁面瀏覽效果的首先是網絡，尤其在國內的網絡情況更復雜一點，網絡延時更高。其次是本身底層的渲染能力，或者叫瀏覽器內核，它本身渲染能力和native的差距。而要保證H5頁面瀏覽速度的話，就必然需要從這兩方面做相應的優化。

一、優化網速，其實有很多優化方式，比如把整個頁面做離線化的處理，H5慢的時候會有很明顯的白屏，我們會把手中的資源做一個離線化處理，實際說再打開的時候，這個資源已經本地化了，通過網絡來處理。剩下二次加載再繼續走網絡，這樣對頁面的體驗和提升是很大的。

二、優化渲染能力，有兩個思路，一個是說通過獨立打包更新的性能更好的瀏覽器引擎進App中，來解決系統原生WebView渲染能力不足的問題;另一個就是采用動態跨平臺的方案，用原生系統渲染代替。

最后，王興楠說，從移動端開發趨勢上來講，最開始是純native開發往混合開發演進，現在從混合開發往下一個階段—更深度的混合開發演進，進而真正達到原生的體驗。而對于H5，大家都是非常急切的需求，但實際上，要真正把WEB用好，帶到原生的體驗，是需要底層框架或者底層OS慢慢支持起來的。

來自：http://zhuanlan.51cto.com/art/201608/516684.htm