神奇的Cordova — 利用H5进行APP开发
小编:管理员 722阅读 2022.09.13
一直以来 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 + 关键字也可以找到很多很有用的插件。继续保持学习吧。
相关推荐
- Cordova 什么是Cordova? Cordova是用于使用HTML,CSS和JS构建移动应用的平台。我们可以认为Cordova是一个容器,用于将我们的网络应用程序与本机移动功能连接。默认情况下,Web应用程序不能使用本机移动功能。这就是Cordova进来的地方。它为网络应用和移动设备之间的连…
- 3DMAX提示和技巧 本主题标识使用 Civil View 的一些重要提示和技巧。常规使用屏幕分辨率至少为 1280x1024 的 Civil View。低于此分辨率时,一些面板将占用过多屏幕空间。 将视口设置为线框显示以达到最佳性能。 要尽可能简化用户界面,请在单个视口中工作并关闭 3ds Max 命令面…