cordova/phoneGap

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

插件安装

http://cordova.apache.org/plugins/

alert 方法

cordova plugin add cordova-plugin-dialogs

alert("device ready");

相机

cordova plugin add cordova-plugin-camera

https://www.npmjs.com/package/cordova-plugin-camera-all-files

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

https://www.npmjs.com/package/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 ）

猜你喜欢