cordova/phoneGap

最新推荐文章于 2024-10-30 10:50:42 发布

转载最新推荐文章于 2024-10-30 10:50:42 发布 · 672 阅读

文章标签：

#cordova #phonegap

cordova/phoneGap 专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何使用PhoneGap（Cordova）创建跨平台移动应用，包括环境配置、项目创建及常用插件安装方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 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 ）