天天看點

輕松學習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