Cordova入门

2018-02-09  本文已影响0人  盐酸有点咸

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
上一篇 下一篇

猜你喜欢

热点阅读