使用 crosswalk-cordova 打包sencha touch 項目，再也不用擔心安卓相容問題！

標籤：android   style   blog   http   color   os   io   使用   java   

國內的安卓手機品牌眾多，安卓作業系統片段化也很嚴重，我們使用sencha touch 開發的應用不可避免的出現了各種無解的相容性問題。

有時候我就在想，有沒有既能支援cordova，又能讓我們把Chromium核心打包到應用裡面的平台呢？這樣就不用擔心相容性了。

最近阿賽向我推薦了Crosswalk，滿足了我的願望，不過可惜的是，Crosswalk僅支援Android4.0+。並且這個是將Chromium核心打包到了應用中，所以安裝包略大一些。

 

Crosswalk是基於Chromium核心打造的一個跨平台HTML5運行平台，具有良好的HTML5特性支援和效能優勢，目前主要Android和Tizen兩個平台。

Crosswalk可以與cordova整合使用，

Crosswalk的官方網站是：https://crosswalk-project.org/

線上協助文檔：https://crosswalk-project.org/#documentation

在這裡我們講crosswalk-cordova的使用，crosswalk-cordova顧名思義就是crosswalk整合了cordova

 

1.環境搭建(win環境)

　　a.Python

　　　　先下載Python，： http://www.python.org/downloads/

　　　　安裝到指定路徑，例如F:\Python

　　　　開啟電腦屬性——進階系統設定——環境變數

　　　　配置環境變數        

　　　　　　變數： Path                添加值:F:\Python

　　　　配置完成，接下來驗證配置是否成功。

　　　　雙擊運行——輸入cmd——斷行符號——輸入Python——斷行符號，如果出現一堆英文，如所示，即表示配置成功。

          

　

　　b.java

　　　　先下載JAVA，：http://www.oracle.com/technetwork/java/javase/downloads/index.html

　　　　安裝到指定路徑，例如F:\Java

　　　　開啟電腦屬性——進階系統設定——環境變數（如上文）

　　　　配置環境變數        

　　　　　　變數： JAVA_HOME          值： 安裝路徑：F:\Java\jdk1.6.0_10

　　　　　　變數： Path                添加值：%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin

　　　　　　變數： CLASSPATH     添加值：.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar  

　　　　配置完成，接下來驗證配置是否成功。

　　　　雙擊運行——輸入cmd——斷行符號——輸入javac——斷行符號，如果出現一堆英文，如所示，即表示配置成功。

          

 

　

　　c.Apache Ant

　　　　下載Apache ant，地址: http://ant.apache.org/bindownload.cgi

　　　　解壓到指定路徑，例如F:\apache-ant

　　　　開啟電腦屬性——進階系統設定——環境變數（如上文）

　　　　配置環境變數        

　　　　　　變數： ANT_HOME          值： 你剛解壓到的路徑：F:\apache-ant

　　　　　　變數： Path              添加值：%ANT_HOME%\bin   

　　　　配置完成，接下來驗證配置是否成功。

　　　　雙擊運行——輸入cmd——斷行符號——輸入ant——斷行符號。

           如果沒有指定build.xml就會輸出：

　        Buildfile: build.xml does not exist!         Build failed

　　     有指定會輸出：

　        BUILD SUCCESSFUL

　　d.adt-eclipse

　　　　下載adt-eclipse，地址http://developer.android.com/sdk/index.html(註：可能需要掛代理)

            解壓到指定路徑，例如F:\adt-eclipse，運行SDK Manager.exe

          

           安裝所示檔案即可滿足我們的需求，其他的隨意

           因為Google有時候會被牆，所以在不能訪問Google伺服器時請修改hosts檔案，參考：http://blog.csdn.net/chinaeran/article/details/10565055

　　　　

          

          

          

　　　　開啟電腦屬性——進階系統設定——環境變數（如上文）

　　　　配置環境變數        

　　　　　　變數：       ANDROID_HOME          值：F:\adt-eclipse\sdk（以你安裝目錄為準,確認裡面有tools和add-ons等多個檔案夾）

　　　　　　變數：       Path                      添加值：F:\adt-eclipse\sdk\tools

　　　　　　使用者變數： PATH                           值：%ANDROID_HOME%\platform-tools

　　　　配置完成，接下來驗證配置是否成功。

　　　　雙擊運行——輸入cmd——斷行符號——輸入adb——斷行符號，如果出現一堆英文，如所示，即表示配置成功。

           

 

　　e.node.js

　　　　下載，地址http://nodejs.org/

            直接安裝即可

　　f.git

           安裝node.js後，雙擊運行——輸入cmd——斷行符號——輸入

           npm install -g git 即可安裝，也可以參考http://blog.chinaunix.net/uid-25806493-id-3319781.html安裝

　　g.crosswalk-cordova

　　　　下載，地址https://crosswalk-project.org/#documentation/downloads

            選擇Cordova Android (ARM) 7.36.154.13下載，

           

            任意解壓即可，如D:\ASPX\crosswalk-cordova

 

2.建立項目

　　

            a.雙擊運行——輸入cmd——斷行符號進入命令列工具中，

            輸入：cd /d D:\ASPX\crosswalk-cordova\bin（D:\ASPX\crosswalk-cordova就是之前我解壓的目錄）

            注意：途中可能會報一個關於git的錯誤，翻譯過來的意思是某個檔案找不到，根據路徑把對應的檔案夾建立了就可以了。

            b.建立項目:

            輸入：create D:\ASPX\HelloWorld org.crosswalkproject.sample HelloWorld （D:\ASPX\HelloWorld是項目路徑 org.crosswalkproject.sample是包名  HelloWorld是項目名稱）

            c.添加cordova外掛程式：

            輸入：cd /d D:\ASPX\HelloWorld\cordova （D:\ASPX\HelloWorld就是項目路徑，在此輸入version命令可以查看cordova版本號碼）

            在這裡我們需要用 plugman install --platform android --project . \ --plugin 外掛程式地址 這個命令來添加外掛程式，如添加攝像機外掛程式

            plugman install --platform android --project . \ --plugin https://git-wip-us.apache.org/repos/asf/cordova-plugin-camera.git#r0.2.5

            具體外掛程式對照表請在https://crosswalk-project.org/#wiki/[email protected]中查看

            在sencha touch中，外掛程式的使用和直接使用 cordova 一樣

3.項目打包

　　　　 項目打包可以參考http://www.cnblogs.com/mlzs/p/3437445.html，基本沒有什麼變化，唯一的區別就是匯入的項目中多了一個xwalk_core_library，

            

使用 crosswalk-cordova 打包sencha touch 項目，再也不用擔心安卓相容問題！