欢迎访问 夜阑小雨 我的学习碎片档案,这里记录了我的学习内容和工作中经验,希望给您带去帮助。

Crosswalk之Cordova集成-phonegap集成

Android开发 夜阑小雨 4334℃

 

我们在用phonegap做项目的过程中,最头痛的是Android系统和手机的杂乱,国内的安卓手机品牌众多,安卓操作系统碎片化也很严重,开发的应用不可避免的出现了各种无解的兼容性问题。

有时候我就在想,有没有既能支持cordova,又能让我们把Chromium内核打包到应用里面的平台呢?这样就不用担心兼容性了。

后来查找发现了Crosswalk,可以解决这个问题。Crosswalk到底是什么?

Crosswalk作为一款开源的web引擎,正是为了跨越这些障碍而生。目前Crosswalk正式支持的移动操作系统包括Android和Tizen,在Android 4.0及以上的系统中使用Crosswalk的Web应用程序在HTML5方面可以有一致的体验,同时和系统的整合交互方面(比如启动画面、权限管理、应用切换、社交分享等等)可以做到类似原生应用。

Crosswalk支持最新的HTML5 API,包括WebGL,WebAudio,WebRTC,Gamepad,WebSocket等等。这个可以下载demo可以体验。http://lieb.cn/crosswalk/ 

Cordova在Android平台上是使用系统自带的WebView作为它的引擎,在Crosswalk的简介中我们已经介绍过,与WebView相比Crosswalk在性能和功能上都有诸多优势。于是我们通过Crosswalk-cordova-android项目,用Crosswalk替换掉了Cordova中的WebView,这样开发者可以轻松地将Crosswalk引擎继集成到Cordova打包的web应用中。

 

废话很多了。总结一下:

优点:支持最新的HTML5 API,提升页面的滑动流畅度,对页面的加载及渲染非常好。【目前明显体现出来的,针对Android下面的页面加载很好】

缺点:只支持Android系统(ios其实不需要,ios下面效果很不错的),Crosswalk仅支持Android4.0+,打包后apk大小增加10几M,对phonegap的一些插件支持度不好【目前我没有发现,有人这么说】。

下面看看如何集成:

1.首先你必须有一个phonegap的项目,最好是最新版本的。用Eclipse打开。

2.下载crosswalk-cordova-android开发包。有不同的版本(canary,beta,stable)和CPU架构(x86, arm)开发包供开发者选择。我们一般针对你的项目的phonegap的版本来选择对应的包,arm的版本。【如何看对应的版本,因为crosswalk-cordova-android包里面也是集成了相应的phonegap代码,他们里面保留了cordova.js,找到这个文件,看看版本就可以了。】

3.下载的crosswalk-cordova-的zip包解压后,里面有一个framework文件夹,需要导入到Eclipse里面。

导入Crosswalk-Cordova-android库工程,这个工程是在“/path/to/crosswalk-cordova-android/framework”目录,它将会导入`xwalk_core_library` and `framework`两个工程。

4.导入后会出现2个工程,一个framework和xwalk_core_library,修改framework的依赖库。

配置好依赖库之后就不会报错了

5.修改自己的phonegap项目。自己的phonegap项目,原本也是有一个依赖库CordovaLib,将原来的去掉,然后添加 `xwalk_core_library` and `framework`。添加完之后编译一次。项目就可以了。这时候用联机测试。

你会发现特别长的文章内容及页面滑动会变的非常流畅。

至于其他更多的H5的 api接口,我没有集成测试,不过官方给的demo,测试过后发现很不错。一起phonegap不支持的接口都可以了实现了。

 

更多内容继续研究!

 

转载请注明:夜阑小雨 » Crosswalk之Cordova集成-phonegap集成

喜欢 (0)or分享 (0)