首页 > 代码库 > 第二篇 参考篇

第二篇 参考篇

这是一篇参考学习使用的文章,但是无法执行通过

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

一、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
 

二、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安装文件,
      技术分享
      在手机上测试运行即可。

第二篇 参考篇