蘑菇街王兴楠：面向下一代的移动开发体系

近日，51CTO记者在APMCon2016的大会现场对来自蘑菇街的无线跨平台技术团队负责人王兴楠进行了专访。王兴楠给记者介绍了面向下一代移动开发方式动态的跨平台框架及他对于影响H5发展因素的看法。

王兴楠，蘑菇街无线跨平台技术团队负责人，上海交通大学硕士。曾任职于上海Intel,从事多年浏览器内核与web引擎研发工作;混迹于开源社区，Chromium开源项目Committer，WebKit开源项目Committer，Crosswalk早期项目核心研发者，现为美丽联合集团技术专家，负责混合开发体系的建设，目前专注于基于动态跨平台技术的下一代移动开发体系。

下一代移动开发体系

王兴楠告诉记者，蘑菇街现在内部采用的框架叫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慢慢支持起来的。

本文作者：谭盼雨

来源：51CTO