jqmobile+cordova/phonegap环境搭建，及使用

安装

一：安装好jdk(配置好环境变量)

二：安装好Android SDK（配置好环境变量path F:/Android/android-sdk-windows/platform-tools;F:/Android/android-sdk-windows/tools）

三：安装好 Apache Ant （配置好环境变量path D:/apache-ant-1.9.4/bin;）

四：安装好nodejs

五：安装好git

六：过程是否成功,在cmd（管理员）输入以下密令：

Java

Javac

Java –version

Ant –version

Adb version

Emulator –version

七：装phonegap

Cmd输入 :

Npm install –g phonegap

是否成功：

Phonegap –version 或 phonegap

八：安装cordova

Cmd输入：

Npm install –g cordova

是否成功：

Cordova –version 或cordova

九：

用phonegap创建项目

Phonegap create appname

Cd appname

Phonegap build android

将该项目导入Eclipse中并运行

用cordova创建项目

Cordova create appname

Cd appname

Cordova platform add android

Cordova build

将该项目导入Eclipse中并运行

Apache Cordova是PhoneGap贡献给Apache后的开源项目，是从PhoneGap中抽出的核心代码，是驱动PhoneGap的核心引擎

phoneGap是原先的名字，Cordova是phoneGap被捐给apache之后用的项目名，phoneGap的名字也被保留了

十一：

安装phonegap插件（用cordova命令生成的）

例如要安装dialogs

首先进入项目的所在的文件夹

cordova plugin add org.apache.cordova.dialogs

就可以了

记得在html页面加上

<script type="text/javascript" charset="utf-8" src="cordova.js"></script>

注意事项：安装完nodejs一定要重启计算机，然后在执行Npm install –g cordova　命令安装 cordova

插件介绍

cordovaplugin add org.apache.cordova.device                   //设备API

cordovaplugin add org.apache.cordova.network-information  //网络（事件）

cordovaplugin add org.apache.cordova.battery-status      //电池（事件）

cordovaplugin add org.apache.cordova.device-motion     //加速器

cordovaplugin add org.apache.cordova.device-orientation     //罗盘

cordovaplugin add org.apache.cordova.geolocation         //定位

cordovaplugin add org.apache.cordova.camera                 //摄像头

cordovaplugin add org.apache.cordova.media-capture     //媒体文件处理

cordovaplugin add org.apache.cordova.media                   //媒体文件处理

cordovaplugin add org.apache.cordova.file                        //文件访问

cordovaplugin add org.apache.cordova.file-transfer          //文件传输

cordovaplugin add org.apache.cordova.dialogs                 //对话框

cordovaplugin add org.apache.cordova.vibration              //震动

cordovaplugin add org.apache.cordova.contacts               //联系人

cordovaplugin add org.apache.cordova.globalization       //全球化

cordovaplugin add org.apache.cordova.splashscreen       //闪屏

cordovaplugin add org.apache.cordova.inappbrowser             //打开新的浏览器窗口

cordovaplugin add org.apache.cordova.console                //调试控制台

你可以用以下命令查看所有已经安装的插件

cordovaplugin ls

使用以下命令删除插件：

cordovaplugin rm org.apache.cordova.console 

Plugin add高级选项

上面的安装方式是从registry.cordova.io库中按照id获取插件，这是一个非常通用的做法。你可以在安装时指定版本，比如：

cordovaplugin add org.apache.cordova.console@latest

cordovaplugin add org.apache.cordova.console@0.2.1

其中的latest表示获取最新版本。中间用@分隔。

如果插件不是在默认库中，而是在其他地方，则你可以指定URL：

cordovaplugin add https://github.com/apache/cordova-plugin-console.git

当然你需要先安装git。

帮助命令

通过以下命令查看帮助信息:

cordovahelp

更新命令

以下语句更新cordova：

npmupdate -g cordova

cordova更新完成后，你还需要更新项目：

cordovaplatform update android

 

eg：二维码扫描

插件地址：https://github.com/wildabeast/BarcodeScanner 

安装plugin  cordova plugin add https://github.com/wildabeast/BarcodeScanner.git

修改index.html后编译执行 

<a href="#" class="btn" onclick="scanCode();">Scan Code</a>
<script type="text/javascript">
function scanCode() {
    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("Scanning failed: " + error);
      }
   );
}
</script>

Html代码

<a href="#" class="btn enc" onclick="encodeEmail();">Encode Email</a>
<script type="text/javascript">
function encodeEmail() {
    cordova.plugins.barcodeScanner.encode(
      "EMAIL_TYPE",
      "rensanning@gmail.com",
      function(success) {
        alert("encode success: " + success);
      }, function(fail) {
        alert("encoding failed: " + fail);
      }
    );
}
</script> Html代码

<a href="#" class="btn enc" onclick="encodePhone();">Encode Phone</a>
<script type="text/javascript">
function encodePhone() {
    cordova.plugins.barcodeScanner.encode(
      "PHONE_TYPE",
      "135-1234-5678",
      function(success) {
        alert("encode success: " + success);
      }, function(fail) {
        alert("encoding failed: " + fail);
      }
    );
}
</script>  注意： a) 没有实现CONTACT_TYPE 和 LOCATION_TYPE的encode。 b) 如果encode出错： Java代码java.lang.NullPointerException
   at com.google.zxing.client.android.encode.EncodeActivity.onCreateOptionsMenu(EncodeActivity.java:89)