返回

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

相关知识