PhoneGap
(
Cordova
)
1,简介
PhoneGap
是一套能让你使用
Javascript
轻松访问原生的设备功能的类库,因为它提供了一组设备相关的
API
,这些
API
通过
Javascript
就能调用。
PhoneGap
支持多种移动操作系统,包括
IOS
、
Android
、
Blackberry
、
Windows、 phone
等。
PhoneGap
后期被
Adobe
收购,然后又贡献给了开源社区,现在由
Apache
管理,改名
Cordova
。
2,环境配置与安装
1.Java SDK安装:
注意安装路径,后期需要配置环境变量。
2.Android studio
安装:
注意安装路径,后期需要配置环境变量。
3.配置全局变量
JAVA_HOME C:\Program Files\Java\jdk1.7.0_79
ANDROID_HOME C:\Users\Jacob\AppData\Local\Android\sdk
4.Node.js安装
5.通过
npm
安装
Cordova
:
npm install cordova –g
(时间较长)
6.建立项目
(命令窗口中的路径是所建项目的路径)
cordova create hello com.example.hello HelloWorld
目录名
命名空间
项目名称
7.项目目录下:
cordova platform add android –save
增加对安卓平台的支持
8.编译项目
cordova build android
(初次漫长的等待)
9.在设备中运行
APP
cordova run android
插件安装
alert
方法
cordova plugin add cordova-plugin-dialogs
alert("device ready");
相机
cordova plugin add cordova-plugin-camera
navigator.camera.getPicture(
function(path){
alert(path);
document.getElementById("img").style.backgroundImage = "url("+path+")";
document.getElementById("img").style.backgroundSize = "cover";
},
function(){},
{
"quality":100,
"destinationType":1,
"sourceType":1
}
);
二维码
cordova plugin add cordova-plugin-barcodescanner
cordova.plugins.barcodeScanner.scan(
function(result){
alert("We got a barcode\n" +
"Result: " + result.text + "\n" +
"Format: " + result.format + "\n" +
"Cancelled: " + result.cancelled);
},
function(error){
alert("Scanner failed:"+error);
}
);
由于更行了
cordova
版本结果造成需要更新
jsdk1.8
版本(原来装的是
1.7
),在创建
platform
时又下载
gradle
-2.2.1-
all.zip
压缩包相当费时。
同时由于新版
javasdk1.8
支持
android 7.0
因此不要忘记更新
android 7.0
中的
android sdk 24
(通过
android sdk manager
)