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安装文件,
    在手机上测试运行便可。