神奇的Cordova — 利用H5进行APP开发

一直以来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 + 关键字也可以找到很多很有用的插件,继续保持学习吧

发表评论

发表评论

*

沙发空缺中,还不快抢~