利用Cordova对H5页面进行APP开发打包

来源:互联网 发布:东吴证券怎么样 知乎 编辑:程序博客网 时间:2024/06/03 16:57

一直以来app的开发都分为android版本和ios版本,同一款app需要写两种版本,版本有差异不说,耗费的成本加成。 cordova的出现就是一股清流,它能实现将h5页面打包成android或ios版本,实现了android、ios、pc端页面的统一。 内容都用h5书写,差异性和成本都下降了。它所支持的各种开源插件也能轻松实现对手机众多接口的调用,功能性上没有问题。

操作需要掌握一定NodeJs

Cordova的安装:

  1. 下载jdk,安装JAVA环境,配置系统环境。网上都有教程

  2. 打开cmd命令行,运行npm install -g cordova,全局安装cordova。

  3. 测试是否安装好了cordova,继续在命令行里输入cordova -v,检查cordova版本号,如果有版本信息则说明已成功安装cordova。

  4. 新建cordova项目 cordova create folderName

  5. 进入新建cordova项目的文件夹 cd folderName

  6. 新建android项目cordova platform add android

  7. 新建ios项目cordova platform add ios

  8. folderName目录下有一个www文件夹,里面放自己项目里的html、js、css、image文件。将代码包成apk文件cordova build

  9. 数据线将手机连接至电脑,手机打开USB调试模式。输入命令cordova run android –service可在手机上安装安卓程序包,进行项目预览和调试。

cordova的功能不止于此,官网有更详细的介绍,打开cordova官网。官网附有调用手机功能或其他功能的插件。github上搜索cordova + 关键字也可以找到很多很有用的插件。继续保持学习吧。

转载于 http://www.xiaoyuezhang.com/artical/cordova.html