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,否则调用不了

<script src="cordova.js"></script>