cordova安装和打包

最近,实验室在做一个适配于手机的web项目(可以说是一个混合应用开发),最后需要打包成apk程序,作为一名对移动开发的研究者,这个打包的任务就自然落在了我的头上,下面讲解一下安装cordova和用cordova打包apk的过程以及我在打包的过程中遇到的一些问题。

一、cordova的下载和安装

  1. 下载并安装node.js
    由于现在cordova是利用nodeJs进行管理,所以需要先下载nodeJs,下载地址为:nodeJS下载链接,下载安装过后,在命令行窗中确认安装完成:

  2. 安装cordova
    以管理员身份运行Node.js command prompt
    cordova安装和打包_第1张图片
    在打开的命令行窗口中,输入以下命令:
    npm install -g cordova

    这个安装过程,取决于你的网速,我第一次安装的时候,装了好久都没有成功,当我第二天再装一遍的时候,大概10分钟左右的时候就可以完成安装了。
    当安装完成之后,在命令窗口中输入以下命令,来验证cordova是否安装成功:
    cordova  -v

  3. 这种安装方式,默认安装的是最新版本的cordova,如果想要安装特定版本的cordova,比如说cordova4.1.1,输入以下命令:
    npm install -g [email protected]
    注意:cordova的版本是和android的sdk的版本是有对应关系的,我安装的是cordova 5.4.1版本的,对应的android sdk版本是android-22,如果你没有android-22的版本,你需要安装与你的sdk对应的版本的cordova版本,否则在后面编译的时候会出错误的。
  4. 卸载cordova
    如果你的cordova版本装错了,或者你不想使用cordova,你可以使用下面的命令卸载cordova:
    npm unistall cordova -g

二、cordova的打包过程

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

  2. 增加cordova平台
    进入你建立的项目目录test,在命令行中敲入以下命令:
    cordova platform add android
    cordova安装和打包_第2张图片
    这里添加的平台是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安装和打包_第3张图片
    然后在命令行下输入以下命令:
    cordova build android
    然后就是静静的等待编译。。。
    cordova安装和打包_第4张图片
    这代表打包成功了,然后在项目的platform文件夹下找到apk安装文件,
    cordova安装和打包_第5张图片
    在手机上测试运行即可。

你可能感兴趣的:(android移动开发,android,cordova)