Cordova入门

Cordova是什么?

特性

使用HTML, CSS & JS进行移动App开发
多平台共用一套代码

简单点理解,Cordova是一个工具,通过它可以将你做的html网页显示在WebView里面,而你网页中用到的JS可以通过他的API去调用原生的东西,比如照相机等。

安装Cordova

1.安装node.js和npm
2.使用npm安装cordova

npm install -g cordova

创建项目

创建cordova项目

cordova create helloCordova

创建出来的目录如下图


目录

添加平台

先进入helloCordova目录,添加android/ios平台

cordova platform add android
cordova platform add ios

成功后,在cordova工程中的platforms文件夹中生成对应平台的工程文件。

android

添加插件

cordova通过浏览器(例如android的webview)暴露原生API接口给Javascript调用,例如修改启动页图片,修改状态栏,获取设备信息等等

cordova官方提供的一些插件: Cordova插件汇总

以获取设备信息插件为例,添加插件

cordova plugin add cordova-plugin-device

当官方提供的插件无法满足你的需要,你又会android代码时可以制作自定义插件,具体可以查看有道云里的《CTP android 与 js 交互文档》

打包APP

指定打包平台,需要配置对应平台的环境变量

cordova build android

在android目录下看到生成的apk


apk
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容