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

  
 现在集成crosswalk不用这么麻烦了!官方的命令行工具已经能让大家一步到位,省去很多做事,只需在cmd中进入项目所在目录(无法有普通话目录,还得FQ),执行:

[html] view
plain
 copy

 

 print?图片 1图片 2

  1. ionic browser add crosswalk  

       如果要移除crosswalk,则需实施:

[html] view
plain
 copy

 

 print?图片 3图片 4

  1. ionic browser revert android  

      或者

[html] view
plain
 copy

 

 print?图片 5图片 6

  1. ionic browser remove crosswalk  

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

 

      以下为往日的点子:

 

1.进入Crosswalk下载页面,下载其中的Cordova
Android(x86)及Cordova
Android(ARM),并将她们开展解压。近期安生版版本号为:9.38.208.10

 

 

  1. 新建ionic项目

[html] view
plain
 copy

 

 print?图片 7图片 8

  1. ionic start IonicProject blank  
  2. cd IonicProject  
  3. cordova platform add android@3.5  

那里不可不要指定cordova的本子为3.5,原因是近期的Crosswalk只帮助3.5。

3.在命令提醒符中先进入到花色所在文书夹下:

 

a.移除项目中CordovaLib文件夹中的所有文件

[plain] view
plain
 copy

 

 print?图片 9图片 10

  1. rm -rf platforms/android/CordovaLib/*  

 

b.拷贝Crosswalk x86架构下的文书到CordovaLib文件夹中

[html] view
plain
 copy

 

 print?图片 11图片 12

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

 

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

[html] view
plain
 copy

 

 print?图片 13图片 14

  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文件夹下

[html] view
plain
 copy

 

 print?图片 15图片 16

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

 

e.进入CordovaLib文件夹

[html] view
plain
 copy

 

 print?图片 17图片 18

  1. cd platforms\android\CordovaLib  

 

f.更新项目

[html] view
plain
 copy

 

 print?图片 19图片 20

  1. android update project –subprojects –path . –target “android-19”  

 

g.ant打包,并打开debug方式(可不履行)

[html] view
plain
 copy

 

 print?图片 21图片 22

  1. ant debug  

 

h.在AndroidManifest.xml中添加以下权限(必须)

[html] view
plain
 copy

 

 print?图片 23图片 24

  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了。

 

相关文章