天天看点

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

    现在集成crosswalk不用这么麻烦了!官方的命令行工具已经能让我们一步到位,省去很多工作,只需在cmd中进入项目所在目录(不能有中文目录,还得FQ),执行: [html]  view plain  copy    print?

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

       如若要移除crosswalk,则需执行: [html]  view plain  copy    print?

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

      或者

[html]  view plain  copy    print?

轻松学习Ionic (二) 为Android项目集成Crosswalk(更新官方命令行工具)
轻松学习Ionic (二) 为Android项目集成Crosswalk(更新官方命令行工具)
  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项目 [html]  view plain  copy    print?

轻松学习Ionic (二) 为Android项目集成Crosswalk(更新官方命令行工具)
轻松学习Ionic (二) 为Android项目集成Crosswalk(更新官方命令行工具)
  1. ionic start IonicProject blank  
  2. cd IonicProject  
  3. cordova platform add [email protected]  

这里必须要指定cordova的版本为3.5,原因是目前的Crosswalk只支持3.5。 3.在命令提示符中先进入到项目所在文件夹下:   a.移除项目中CordovaLib文件夹中的所有文件 [plain]  view plain  copy    print?

轻松学习Ionic (二) 为Android项目集成Crosswalk(更新官方命令行工具)
轻松学习Ionic (二) 为Android项目集成Crosswalk(更新官方命令行工具)
  1. rm -rf platforms/android/CordovaLib/*  

  b.拷贝Crosswalk x86架构下的文件到CordovaLib文件夹中 [html]  view plain  copy    print?

轻松学习Ionic (二) 为Android项目集成Crosswalk(更新官方命令行工具)
轻松学习Ionic (二) 为Android项目集成Crosswalk(更新官方命令行工具)
  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?

轻松学习Ionic (二) 为Android项目集成Crosswalk(更新官方命令行工具)
轻松学习Ionic (二) 为Android项目集成Crosswalk(更新官方命令行工具)
  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?

轻松学习Ionic (二) 为Android项目集成Crosswalk(更新官方命令行工具)
轻松学习Ionic (二) 为Android项目集成Crosswalk(更新官方命令行工具)
  1. cp -a E:\Study\CrossPlatform\Crosswalk\crosswalk-cordova-9.38.208.10-x86/VERSION platforms/android/  

  e.进入CordovaLib文件夹

[html]  view plain  copy    print?

轻松学习Ionic (二) 为Android项目集成Crosswalk(更新官方命令行工具)
轻松学习Ionic (二) 为Android项目集成Crosswalk(更新官方命令行工具)
  1. cd platforms\android\CordovaLib  

  f.更新项目 [html]  view plain  copy    print?

轻松学习Ionic (二) 为Android项目集成Crosswalk(更新官方命令行工具)
轻松学习Ionic (二) 为Android项目集成Crosswalk(更新官方命令行工具)
  1. android update project --subprojects --path . --target "android-19"  

  g.ant打包,并开启debug模式(可不执行) [html]  view plain  copy    print?

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

  h.在AndroidManifest.xml中添加以下权限(必须) [html]  view plain  copy    print?

轻松学习Ionic (二) 为Android项目集成Crosswalk(更新官方命令行工具)
轻松学习Ionic (二) 为Android项目集成Crosswalk(更新官方命令行工具)
  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了。

转载于:https://www.cnblogs.com/zh719588366/p/5281152.html