1. 程式人生 > >cordova 打包工具

cordova 打包工具

hive 路徑 jdk dst 遇到 ofo 測試 相關 原因

一、環境安裝

1、安裝NodeJs

https://nodejs.org 直接去官網下載並按默認路徑安裝就可以了。

安裝完成後在命令行: (測試成功!)

$ npm

2、安裝Cordova

命令行:$ npm install -g cordova

如果安裝不成功,一般是網絡原因, 安裝成功後命令行: $ cordova

(測試成功!)

PS:也可以安裝cnpm,這樣就容易裝cordova

npm install -g cordova --registry https://registry.npm.taobao.org
npm install -g ionic --registry https://registry.npm.taobao.org

PPS:這種安裝方式,默認安裝的是最新版本的cordova,如果想要安裝特定版本的cordova,比如說cordova4.1.1,輸入以下命令:
npm install -g [email protected]
cordova的版本是和android的sdk的版本是有對應關系的

3、部署Android開發環境

Cordova是一種Hybrid開發,可以被部署到android,ios等多個手機平臺。這裏我們以android為目標平臺。

接下來我們開始android平臺下相關環境的部署。

這裏我們安裝AndroidStudio,可以訪問 http://www.android-studio.org/

裏邊有國內的下載鏡像。

PS:理論上,AndroidStudio可以不安裝,但第一次使用Cordova或者遇到問題,用AndroidStudio容易調試

4、安裝JDK

oracle官網 http://java.oracle.com/ (下不來的FQ~~)

或國內鏡像 http://jdk.android-studio.org/

下載安裝後,配置環境變量:http://www.cnblogs.com/yuzhongwusan/archive/2013/03/26/2982411.html

5、安裝Android SDK

下載並安裝AndroidStudio,http://developer.android.com/sdk/index.html

安裝完成後配置sdk環境變量(cordova命令要用到):http://jingyan.baidu.com/article/f71d603757965b1ab641d12a.html

6、安裝Ant

Ant是java平臺下一個打包部署的工具,使用cordova命令的時候需要借助這個工具。

http://ant.apache.org/bindownload.cgi,下載zip壓縮包,解壓後配置環境變量:http://www.cnblogs.com/yuzhongwusan/archive/2013/03/26/2982411.html

二、項目打包

1、創建一個cordova項目
在命令行中敲入以下命令:
cordova create test com.example.test :其中第一個位置的test是指你的項目名,第二個位置的com.example.test是指你打包的apk的包名。

2、增加cordova平臺
進入你建立的項目目錄test,在命令行中敲入以下命令:
cordova platform add android

這裏添加的平臺是android的,你也可以添加其他的平臺:
cordova platform add wp8
cordova platform add windows
cordova platform add amazon-fireos
cordova platform add android
cordova platform add blackberry10
cordova platform add firefoxos\
當然如果你不想使用哪個平臺,你可以把它刪除掉:
cordova platform rm ios
cordova platform rm firefoxos
cordova platform rm windows
cordova platform rm wp8
cordova platform rm firefoxos
cordova platform rm android
你也可以通過命令查看都有哪些平臺以及你已經安裝了哪些平臺:
cordova platforms ls

3、編譯打包
將你寫的一些html、css、js文件放到你建的項目目錄下的www文件下對應的位置:

然後在命令行下輸入以下命令:
cordova build android
然後就是靜靜的等待編譯。。

根據成功提示,在platforms\android\build\outputs\apk下為生成的WebApp安裝包

三、在AndroidStudio中打開Cordova項目

1、打開AS,FILE-New-Import Project

2、選擇剛剛編輯打包生成的Cordova項目中的platforms\android\build.gradle文件

四、遇到的問題

1、項目采用Framework7+RequeireJs單頁面,按需加載,項目Js文件夾命名為View-Js,RequireJs無法正確找到文件路徑,剛開始以為是requireJs與cordova的require方法沖突。

解決方案:文件夾中不允許包含-,將其改成下劃線

cordova 打包工具