前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >神奇的Cordova — 利用H5进行APP开发

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

作者头像
沈唁
发布2018-05-24 15:49:37
1.7K0
发布2018-05-24 15:49:37
举报
文章被收录于专栏:沈唁志沈唁志

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

操作需要掌握一定 NodeJs

Cordova 的安装:

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

2. 打开 cmd 命令行,运行

代码语言:javascript
复制
npm install -g cordova

全局安装 cordova。

3. 测试是否安装好了 cordova,继续在命令行里输入

代码语言:javascript
复制
cordova -v

检查 cordova 版本号,如果有版本信息则说明已成功安装 cordova。

4. 新建 cordova 项目

代码语言:javascript
复制
cordova create folderName

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

代码语言:javascript
复制
cd folderName

6. 新建 android 项目

代码语言:javascript
复制
cordova platform add android

7. 新建 ios 项目

代码语言:javascript
复制
cordova platform add ios

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

9. 数据线将手机连接至电脑,手机打开 USB 调试模式。输入命令

代码语言:javascript
复制
cordova run android --service

可在手机上安装安卓程序包,进行项目预览和调试。

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

沈唁志|一个PHPer的成长之路! 原创文章采用CC BY-NC-SA 4.0协议进行许可,转载请注明:转载自:神奇的Cordova — 利用H5进行APP开发

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2017-10-25,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档