android studio 下 ionic cordova 中 使用 CrossWalk

原创 2016年08月29日 03:26:44

Ionic ,cordova 中 测试 使用 CrossWalk

主要碰到的问题

1、        当然是懂得太少,cordova的插件技术不懂,低级错误找半天

2、        Ionic  Browser add CrossWalk 命令没有了 出错了 没法对比

3、        crosswalk未能成功加载,提示**cpu 架构**错误对话框

4、        运行在fragment中

下面是安装过程记录

安装cordova时要用到node.js的npm

1、安装node.js

2、安装cordova CLI

命令 npm install -g cordova                              

3、创建app

命令 cordova create first com.cycle.firstApp firstApp //first:目录,om.cycle.firstApp app包名,firstApp app名称

4、安装 android sdk ....

5、添加 android平台

命令 cd first;cordova platform add android/ios;

 

6、安装插件cordova-plugin-crosswalk-webview

 

地址 https://github.com/crosswalk-project/cordova-plugin-crosswalk-webview

命令 cordova plugin add cordova-plugin-crosswalk-webview

主要为增加了如下类

platforms\android\src\org\crosswalk\engine\*

 

被调用

public classMainActivity extends CordovaActivity

{

    @Override

    public void onCreate(BundlesavedInstanceState)

    {

        super.onCreate(savedInstanceState);

        // Set by <contentsrc="index.html" /> in config.xml

        loadUrl(launchUrl);------->

    }

}

public classCordovaWebViewImpl implements CordovaWebView {

 

public staticCordovaWebViewEngine createEngine(Context context, CordovaPreferencespreferences) {

        String className =preferences.getString("webview",SystemWebViewEngine.class.getCanonicalName());

        try {

            Class<?> webViewClass =Class.forName(className);

            Constructor<?> constructor =webViewClass.getConstructor(Context.class, CordovaPreferences.class);

            return (CordovaWebViewEngine)constructor.newInstance(context, preferences);------>

        } catch (Exception e) {

            throw newRuntimeException("Failed to create webview. ", e);

        }

    }

 

}

----->res-->xml-->config.xml--><preferencename="webView"value="org.crosswalk.engine.XWalkWebViewEngine" />(crossswalk)

 

7、下载xwalk_core_library

/*repositories {

    maven {

       url'https://download.01.org/crosswalk/releases/crosswalk/android/maven2'

    }

}*/


dependencies {

compile'org.xwalk:xwalk_core_library:20.50.533.12'

   

}

如果想运行在fragment中

使用 如下https://github.com/rajivnarayana/CordovaFragmentscordova插件

就两个类 直接下载测试即可

至此 本人测试程序 crosswalk未能成功加载,提示**cpu 架构**错误对话框

继续查找资料

可能是apk太大了

下载

https://download.01.org/crosswalk/releases/crosswalk/android/stable/20.50.533.12/crosswalk-20.50.533.12.zip

在已有android studio工程中新建android library 模块

dependencies {

    compile project(':xwalk_core_library')

}


 

加入上面两幅图片中的 两个动态库和 一个jar包


 

以及资源文件


将该模块的依赖加入到app android 模块

 

最终 编译运行成功

把主要精力放在学习 ionic上去,环境搭建总是浪费 我们  这些 脑子不好使的人很多宝贵的生命啊!~~~~

 

 

 附上测试工程源码:https://github.com/githublqs/MyApplication

补充:(应该可行,未实测)

http://blog.csdn.net/itCatface/article/details/49799337


compile'org.xwalk:xwalk_core_library:20.50.533.12'

改为

compile'org.xwalk:xwalk_core_library:20.50.533.12-arm@aar'

meaven 20.50.533.12 版本 目录下 只有 crosswalk-20.50.533.12.aar (45M)
https://download.01.org/crosswalk/releases/crosswalk/android/stable/20.50.533.12/crosswalk-20.50.533.12.zip
一样都是打包了x86 和 arm的
但是 arm子目录下有 
crosswalk-webview-20.50.533.12-arm.zip23M)看来得在官网好好了解下

未见 20.50.533.12-arm@aar 的文件 子目录下
也都是.zip文件

可以针对针对ARM、X86分别引入对应的库文件

比 在已有android studio工程中新建android library 模块 更方便

等待网友告知此问题的原因:

Specifying aversion of Crosswalk 是不能用了吗??

http://blog.ionic.io/crosswalk-comes-to-ionic/

命令 ionic browseradd crosswalk

输出…

browser is not avalid task

Available tasks:

(use --help or-h for more info)

   start ..........  Starts a new Ionicproject in the specified PATH

 ….

   docs ...........  Opens up thedocumentation for Ionic


 

 

angularjs+ionic+cordova+Android studio的环境配置

node.js安装:官网 https://nodejs.org 检测(命令行):npm -vcordova下载(命令行):npm install -g cordova 检测(命令行):cordo...
  • sinat_31057219
  • sinat_31057219
  • 2017年02月17日 10:54
  • 4816

Web前端环境搭建篇之-- 利用NodeJS来安装Ionic和Cordova

终于把环境搭建起来了,顿时内心暖暖的哈哈西!~~~~~~      这次小编戴着大家分享是我们App混编的环境搭建的最后一个部分,就是安装Ionic和Cordova  !      1.打开Nod...
  • u013035477
  • u013035477
  • 2016年02月26日 21:20
  • 2490

Ionic+Cordova开发环境搭建

Ionic+Cordova的组合是一个跨平台的移动开发框架,属于HybirdApp开发模式。其中Ionic是一个前端框架,集成了AngularJs在里面,有很好很漂亮的UI控件。Cordova本身就是...
  • GAMEloft9
  • GAMEloft9
  • 2016年03月20日 17:34
  • 7145

Ionic、Angularjs、Cordova搭建Android开发环境

1、jdk 环境变量配置 path:C:\Program Files\Java\jdk1.7.0_79\bin 2、node.js 因为安装cordova时要用到node.js的npm 下载...
  • u012868077
  • u012868077
  • 2016年06月05日 10:53
  • 5717

cordova 和android studio的第一个项目(常见问题注意!)

cordova 和android studio的第一个项目
  • u010919133
  • u010919133
  • 2016年05月26日 15:09
  • 6385

cordova+Android Studio 1.0+ionic+win7

1、准备工作 ·        安装JDK1.6+,设置环境变量 JAVA_HOME C:\Program Files\Java\jdk1.5.0_07   CLASSPATH .;...
  • fuyunww
  • fuyunww
  • 2014年12月28日 19:19
  • 6041

CrossWalk - Android 动态加载so库文件

本人最近做一个的项目,大概逻辑是需要使用CrossWalk浏览的APP,但是CrossWalk的so文件比较大,所以不能与apk包一起发布,需要安装完以后从网络下载动态加载,但是用系统System.l...
  • zilianxingkong
  • zilianxingkong
  • 2016年03月30日 14:56
  • 2602

phonegap(cordova) 入门 2----使用Crosswalk 统一android 下 cordova运行的环境

你既然看了这个标题,那么我认为你一定了解了cordova ,还是先简单介绍一下Cordova是目前非常流行的web应用开发框架,它通过提供一组设备API使web应用具备在JavaScript中访问本地...
  • zlj002
  • zlj002
  • 2015年08月17日 10:04
  • 2703

cordova-plugin-crosswalk-webview 安装出现错误

错误的logError:15:53:54.127 [ERROR] [system.err] /Users/or/Projects/Test/cordova/platforms/android/src/...
  • agoodcoolman
  • agoodcoolman
  • 2017年07月17日 15:40
  • 532

Ionic 开发环境搭建

Ionic 开发环境搭建1.ionic 是啥ionic 是一个开源的Hibird App 开发框架,通过它就可以直接使用html、css和javascript编写跨平台的移动app了,目前支持 and...
  • u010950854
  • u010950854
  • 2017年03月26日 01:31
  • 484
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:android studio 下 ionic cordova 中 使用 CrossWalk
举报原因:
原因补充:

(最多只允许输入30个字)