Covdova 菜鸟级入门
路漫漫其修远兮,吾将上下而求索。作为一个在前端路上慢慢前行的小菜鸟,看着各种大牛奔驰而行留下的足迹,心中难免感慨,多年之后我的足迹是否也有人发现。最近去看了下cordova关于android的开发技术,在这里稍稍从小白到菜鸟的艰苦历程回顾,以下全部来自个人看法,不喜勿喷~~
android app 开发环境配置
- 下载和安装Cordova框架
cordova是利用nodeJS进行管理的,首先要下载nodeJS。下载地址:https://nodejs.org/ 在命令行窗口确认安装完成:npm -v - 在windows上安装Cordova
利用nodeJS自带的npm包管理器在命令行窗口输入:npm install -g cordova (安装速度取决于网络情况) 在命令行窗口确认安装完成: cordova -v - 安装JDK
下载地址:http://www.oracle.com/technetwork/java/javase/downloads/index.html - 安装android SDK
下载地址:http://developer.android.com/sdk/index.html 安装完成后要配置环境变量。检验是否配置正确,在命令窗口输入abd - 打开Android SDK Manager,选择安装或者更新套件,在Android SDK管理器主菜单上选择Tools>Manage AVDs功能,可以创建Android虚拟设备
cordova 项目创建
cordova create hello com.example.hello hello
执行该命令创建了一个名为hello的cordova项目
cd hello
进入项目,后续命令都需要在项目目录进行
cordova platform add android --save
添加android开发平台
cordova platform ls
查看已添加的平台
cordova requirements
检测你是否满足构建平台的要求,具体见官网文档
cordova build
为所有添加的平台构建项目
cordova emulate android
重新构建App并可以在特定平台的模拟器上查看
cordova run android
或者,你可以将你的手机插入电脑,在手机上直接测试App
添加插件
cordova是一种Hybrid App,所以基本上大多数的开发方式和web开发是一致的,就是直接操作浏览器就好了,可是我们是要开发一款类似原生的App,如果有涉及原生操作的需求(修改状态栏,获取设备信息,使用照相机,定位设备等等),这些浏览器是无法帮我们做到的,因此这时就得通过cordova的插件机制来实现了。所谓的插件,其实就是原生API与浏览器之间的一座桥梁而已,cordova通过浏览器(例如android的webview)暴露原生API接口给Javascript调用,具体怎么实现有兴趣可以自己去深入了解。
以相机插件为例,添加插件 cordova plugin add cordova-plugin-camera –save
使用 cordova plugin ls 查看当前安装的插件
打包Cordova应用
接下来就是把写好的项目放到www目录下,然后执行
cordova prepare android
cordova build android
以上就是cordova 最基本的用法