专栏首页沈唁志神奇的Cordova — 利用H5进行APP开发

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

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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • WordPress插件开发教程一:创建、停用、删除插件

    在wp-content/plugins创建一个文件夹,命名最好加前缀,WordPress官方现在应该收录了有五万多的插件,所以要起一个特殊的名称,防止插件和别人...

    沈唁
  • WordPress 怎么修改文章中已经写入数据库的链接地址

    经常有人会问怎么修改 WordPress 已经写入数据库中的链接地址,通常都是 http 升级 https 啊,替换资源链接等需求

    沈唁
  • 你知道什么是Base64吗?

    沈唁
  • 程序猿的日常——Java基础之clone、序列化、字符串、数组

    其实Java还有很多其他的基础知识,在日常工作技术撕逼中也是经常被讨论的问题。 深克隆与浅克隆 在Java中创建对象有两种方式: 一种是new操作符,它创...

    用户1154259
  • Python调用webservice接口

    py3study
  • 如何编写一个面试时能拿的出手的开源项目?

    练技术,长经验是最实在的,不过如果自己有一个好的开源项目,还可以在开源中国或github上开源,让更多人受益,也许能获得许多的Star,让自已获得满足,激励自己...

    良月柒
  • MongoDB 多对多关系的简单示例

    例如文章的标签,一篇文章可能包含多个标签,一个标签也会对应多篇文章 这是一个多对多的映射关系,在sql中我们一般这样设计 Article: Id ...

    dys
  • 数学来了 | 又是线性变换!矩阵算法教做人系列

    历史长河里,世世代代的教授和教科书撰写人,总是用荒谬复杂的矩阵计算,掩盖数学真实的简洁模样。

    AI研习社
  • Webpack4教程 - 第三部分,如何使用插件

    大家好!今天我们介绍插件这个概念。插件与loader的不同之处在于它能完成更复杂的任务。基本上,loader做不了的其他事情,就可以用插件来做。loader往往...

    葡萄城控件
  • 表格数据深度学习框架-DeepTables

    MLP(也称为全连接神经网络)已被证明在学习分布表示方面效率低下。 事实证明,感知器层的“Add”操作在探索乘法特征交互时性能较差。 在大多数情况下,必须进行手...

    致Great

扫码关注云+社区

领取腾讯云代金券