我的第一篇博客(cordova初识)

Covdova 菜鸟级入门

路漫漫其修远兮,吾将上下而求索。作为一个在前端路上慢慢前行的小菜鸟,看着各种大牛奔驰而行留下的足迹,心中难免感慨,多年之后我的足迹是否也有人发现。最近去看了下cordova关于android的开发技术,在这里稍稍从小白到菜鸟的艰苦历程回顾,以下全部来自个人看法,不喜勿喷~~

android app 开发环境配置

  1. 下载和安装Cordova框架
    cordova是利用nodeJS进行管理的,首先要下载nodeJS。下载地址:https://nodejs.org/ 在命令行窗口确认安装完成:npm -v
  2. 在windows上安装Cordova
    利用nodeJS自带的npm包管理器在命令行窗口输入:npm install -g cordova (安装速度取决于网络情况) 在命令行窗口确认安装完成: cordova -v
  3. 安装JDK
    下载地址:http://www.oracle.com/technetwork/java/javase/downloads/index.html
  4. 安装android SDK
    下载地址:http://developer.android.com/sdk/index.html 安装完成后要配置环境变量。检验是否配置正确,在命令窗口输入abd
  5. 打开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 最基本的用法

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值