轻松学习Ionic (二) 为Android项目集成Crosswalk(更新官方命令行工具)

时间:2023-01-22 03:16:38
    现在集成crosswalk不用这么麻烦了!官方的命令行工具已经能让我们一步到位,省去很多工作,只需在cmd中进入项目所在目录(不能有中文目录,还得FQ),执行:
  1. ionic browser add crosswalk

如若要移除crosswalk,则需执行:

  1. ionic browser revert android

或者

  1. ionic browser remove crosswalk

注意:执行以上命令时需要在线。命令行工具版本必须为1.3.0以上。Android SDK 为 19以上。

 
      以下为之前的方法:
 
1.进入Crosswalk下载页面,下载其中的Cordova Android(x86)及Cordova Android(ARM),并将他们进行解压。目前稳定版版本号为:9.38.208.10
 
 
2. 新建ionic项目
  1. ionic start IonicProject blank
  2. cd IonicProject
  3. cordova platform add android@3.5
这里必须要指定cordova的版本为3.5,原因是目前的Crosswalk只支持3.5。
3.在命令提示符中先进入到项目所在文件夹下:
 
a.移除项目中CordovaLib文件夹中的所有文件
  1. rm -rf platforms/android/CordovaLib/*
 
b.拷贝Crosswalk x86架构下的文件到CordovaLib文件夹中
  1. cp -a E:\Study\CrossPlatform\Crosswalk\crosswalk-cordova-9.38.208.10-x86/framework/* platforms/android/CordovaLib/
 

c.拷贝Crosswalk ARM架构下的so文件到CordovaLib文件夹中

  1. cp -a E:\Study\CrossPlatform\Crosswalk\crosswalk-cordova-9.38.208.10-arm/framework/xwalk_core_library/libs/armeabi-v7a platforms/android/CordovaLib/xwalk_core_library/libs/
 

d.拷贝Crosswalk的版本文件到android文件夹下

  1. cp -a E:\Study\CrossPlatform\Crosswalk\crosswalk-cordova-9.38.208.10-x86/VERSION platforms/android/
 

e.进入CordovaLib文件夹

  1. cd platforms\android\CordovaLib
 

f.更新项目

  1. android update project --subprojects --path . --target "android-19"
 

g.ant打包,并开启debug模式(可不执行)

  1. ant debug
 
h.在AndroidManifest.xml中添加以下权限(必须)
  1. <uses-permission android:name="android.permission.ACCESS_WIFI_STATE" />
  2. <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
说明:
其中E:\Study\CrossPlatform\Crosswalk\crosswalk-cordova-9.38.208.10-x86和E:\Study\CrossPlatform\Crosswalk\crosswalk-cordova-9.38.208.10-arm分别对应步骤1中解压后的路径。
a、b、c、d步骤可手动直接操作,但必须要执行步骤e、f、h。
在h步骤执行结束后就可以返回到项目目录,执行ionic run android了。