SuperWebView:系统WebView的增强替代
1月12日,移动应用云服务提供商 APICloud 举行了新产品发布会,在会上向外界发布了其移动开发解决方案 SuperWebView ,顾名思义,这是一个增强版的WebView,可以替换现有App中的WebView,实现更好的UI性能,并提供原生能力。在会后,APICloud CEO刘鑫接受了媒体的采访,介绍了关于SuperWebView的更多细节。
WebView是Android和iOS的一种系统组件,能够加载超链接并渲染内容、运行JavaScript脚本。
SuperWebView在系统WebView的基础上,添加了系统和第三方API,同时将一些性能关键的地方在运行时编译为原生UI,如转场、导航等,使其兼有Web的灵活和原生的性能。其特性如下:
- 支持Android 2.3+及iOS 7+
- API访问权限控制管理功能
- Android/iOS与Html5之间事件/数据交互功能
- Web与Native界面直接的混合布局和混合渲染功能
- 加速数据加载、点击响应和滚动速度
- 常用手势支持、界面切换动画
- 访问资源控制管理功能
- 执行Html5中指定Javascript脚本功能
- 模块扩展功能,该功能继承自APICloud终端引擎的模块扩展能力
- Android&IOS开发中常用的网络请求框架,缓存管理等工具接口
- 统一的生命周期管理,窗口系统,用户体验
SuperWebview整体API开放架构如下图:
据 官网介绍,SuperWebView SDK能力包括APICloud平台现有的所有端API,以及包括增量更新、版本管理、数据云、推送云、统计分析、积木式模块化开发等,以及 APICloud的模块Store里的第三方API,开发者需要在APICloud后台选择要使用的模块,云端会将其打包进一个定制的SDK,可集成到开 发者现有的App中,也可当作独立的APP快速开发框架在混合开发中使用。
在将 WebView UI转换为原生UI组件上,SuperWebView采用的是半翻译的方式,仅将一部分界面转换为原生UI,与其对应的React Native是全翻译。在谈到SuperWebView与React Native的比较时,刘鑫表示,React Native的全翻译需要重新学习和转换,有一定的门槛,而SuperWebView直接用标准的HTML,门槛相对较小。另外,类似React Native这类移动开发框架在国内有本地化的问题,国内的移动设备特别是Android碎片化问题严重,国外框架在开发的时候很少考虑适配问题,而这在 国内是不能不考虑的,SuperWebView在开发时考虑了国内的特点,对诸多机型和系统都做了适配,这也是SuperWebView的优势之一。
在 发布会上,春秋航空的移动产品总监朱亮作为SuperWebView的内测用户进行了分享。他表示,对于他们这样开发能力不是太强的开发者来 说,Hybrid是他们进行移动开发的首选,但Hybrid有严重的性能问题,因此像React Native这样的解决方案一出来就受到广泛的关注。同时,另一些解决方案无法和现有的产品进行整合,只能推翻重写,这也是他们不愿意看到 的,SuperWebView提供了SDK,他们只需要进行少量的改写即可接入,从而改进性能,获得接近原生应用的性能,这是他们选择 SuperWebView的原因。
随着React Native发布以来,Web和移动开发融合的脚步一直在前进,很多人都在探索既具有Web开发的便利,又拥有原生开发的性能的解决方案,这其中涉及到便 利与性能的权衡。SuperWebView在Web开发的基础上,在部分性能关键的地方采用原生UI,又从WebView上找突破口从而兼容已有应用,算 是一个不错的思路。
目前,SuperWebView已经在官网上线,其文档也同步上线。另外官方也提供了一些开发工具和插件供开发者下载使用。