Mac iOS-----PhoneGap 添加条形扫描码插件

此随笔记录的是通过plugman来安装phonegap插件。

第1步：安装plugman

npm install -g plugman

QiaodeMacBook-Pro:MyApp root# npm install -g plugman

npm WARN engine npm@1.3.: wanted: {"node":">=0.6","npm":""} (current: {"node":"0.12.2","npm":"2.7.4"})

npm WARN installMany normalize-package-data was bundled with npm@1.3., but bundled package wasn't found in unpacked tree

npm WARN engine cordova-js@3.9.: wanted: {"node":"~0.10.x"} (current: {"node":"0.12.2","npm":"2.7.4"})

npm WARN engine xmlbuilder@2.2.: wanted: {"node":"0.8.x || 0.10.x"} (current: {"node":"0.12.2","npm":"2.7.4"})

/usr/local/node/bin/plugman -> /usr/local/node/lib/node_modules/plugman/main.js

plugman@0.23. /usr/local/node/lib/node_modules/plugman

├── underscore@1.7.

├── q@1.0.

├── nopt@1.0. (abbrev@1.0.)

├── rc@0.5. (strip-json-comments@0.1., deep-extend@0.2., ini@1.1., minimist@0.0.)

├── npm@1.3. (normalize-package-data@2.0.)

└── cordova-lib@5.0. (valid-identifier@0.0., osenv@0.1., properties-parser@0.2., bplist-parser@0.0., mime@1.2., unorm@1.3., semver@2.1., shelljs@0.3., dep-graph@1.1., xcode@0.6., npmconf@0.1., through2@0.6., elementtree@0.1., glob@4.0., cordova-app-hello-world@3.9., tar@1.0., plist@1.1., cordova-registry-mapper@1.1., init-package-json@1.4., d8@0.4., request@2.47., cordova-js@3.9.)

第2步：进入项目根目录下载插件

QiaodeMacBook-Pro:Ｄesktop root# cd MyApp

QiaodeMacBook-Pro:MyApp root# git clone https://github.com/wildabeast/BarcodeScanner.git plugins/com.phonegap.plugins.barcodescanner

Cloning into 'plugins/com.phonegap.plugins.barcodescanner'...

remote: Counting objects: , done.

remote: Total  (delta ), reused  (delta ), pack-reused

Receiving objects: % (/), 3.87 MiB | 572.00 KiB/s, done.

Resolving deltas: % (/), done.

Checking connectivity... done.

第3步：开始安装

QiaodeMacBook-Pro:MyApp root# plugman install --plugins_dir plugins --plugin com.phonegap.plugins.barcodescanner --platform ios --project platforms/ios

Installing "com.phonegap.plugins.barcodescanner" for ios

第4步：测试

打开index.html，添加一个链接，并增加1个点击事件。代码如下：

<a class="button addBtn" id="BarcodeScanner">BarcodeScanner</a>

<script>

$("#BarcodeScanner").click(function(){

     cordova.plugins.barcodeScanner.scan(

             function(result) {

                 alert("Scanned Code: " + result.text + ". Format: " + result.format

                     + ". Cancelled: " + result.cancelled);

             }, function(error) {

                 alert("Scan failed: " + error);

             });

 })

</script>

ＰＳ：记的不要少了引入phonegap的js,否则调用不了