cordova安裝和打包

最近,實驗室在作一個適配於手機的web項目(能夠說是一個混合應用開發),最後須要打包成apk程序,做爲一名對移動開發的研究者,這個打包的任務就天然落在了個人頭上,下面講解一下安裝cordova和用cordova打包apk的過程以及我在打包的過程當中遇到的一些問題。css

1、cordova的下載和安裝

  1. 下載並安裝node.js
    因爲如今cordova是利用nodeJs進行管理,因此須要先下載nodeJs,下載地址爲:nodeJS下載連接,下載安裝事後,在命令行窗中確認安裝完成:

  2. 安裝cordova
    以管理員身份運行Node.js command prompt

    在打開的命令行窗口中,輸入如下命令:
    npm install -g cordova

    這個安裝過程,取決於你的網速,我第一次安裝的時候,裝了很久都沒有成功,當我次日再裝一遍的時候,大概10分鐘左右的時候就能夠完成安裝了。
    當安裝完成以後,在命令窗口中輸入如下命令,來驗證cordova是否安裝成功:
    cordova  -v

  3. 這種安裝方式,默認安裝的是最新版本的cordova,若是想要安裝特定版本的cordova,好比說cordova4.1.1,輸入如下命令:
    npm install -g cordova@4.1.1
    注意:cordova的版本是和android的sdk的版本是有對應關係的,我安裝的是cordova 5.4.1版本的,對應的android sdk版本是android-22,若是你沒有android-22的版本,你須要安裝與你的sdk對應的版本的cordova版本,不然在後面編譯的時候會出錯誤的。
  4. 卸載cordova
    若是你的cordova版本裝錯了,或者你不想使用cordova,你可使用下面的命令卸載cordova:
    npm unistall cordova -g

2、cordova的打包過程

  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. 增長插件
    若是你想訪問手機的一些資源,例如相機,sd卡之類的,你就須要安裝一些插件:
    cordova plugin add cordova-plugin-device
    cordova plugin add cordova-plugin-network-information
    cordova plugin add cordova-plugin-battery-status
    cordova plugin add cordova-plugin-device-motion
    cordova plugin add cordova-plugin-device-orientation
    cordova plugin add cordova-plugin-geolocation
    cordova plugin add cordova-plugin-camera
    cordova plugin add cordova-plugin-media-capture
    cordova plugin add cordova-plugin-media
    cordova plugin add cordova-plugin-file
    cordova plugin add cordova-plugin-file-transfer
    cordova plugin add cordova-plugin-dialogs
    cordova plugin add cordova-plugin-vibration
    cordova plugin add cordova-plugin-contacts
    cordova plugin add cordova-plugin-globalization
    cordova plugin add cordova-plugin-splashscreen
    cordova plugin add cordova-plugin-inappbrowser
    cordova plugin add cordova-plugin-console
    cordova plugin add com.cmpsoft.mobile.plugin.pushnotification
    添加插件的過程可能須要等待一些時間,搞開發研究不要太心急,慢慢等哈!嘿嘿。。。
  4. 編譯打包
    將你寫的一些html、css、js文件放到你建的項目目錄下的www文件下對應的位置:

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

    這表明打包成功了,而後在項目的platform文件夾下找到apk安裝文件,
    在手機上測試運行便可。