第二篇 参考篇

Posted 2020-08-22 江南一陈风

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

最近，实验室在做一个适配于手机的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 [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
   
   这里添加的平台是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安装文件，
   
   在手机上测试运行即可。