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.4: wanted: {"node":">=0.6","npm":"1"} (current: {"node":"0.12.2","npm":"2.7.4"})
npm WARN installMany normalize-package-data was bundled with npm@1.3.4, but bundled package wasnt found in unpacked tree
npm WARN engine cordova-js@3.9.0: wanted: {"node":"~0.10.x"} (current: {"node":"0.12.2","npm":"2.7.4"})
npm WARN engine xmlbuilder@2.2.1: 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.1 /usr/local/node/lib/node_modules/plugman
├── underscore@1.7.0
├── q@1.0.1
├── nopt@1.0.9 (abbrev@1.0.5)
├── rc@0.5.2 (strip-json-comments@0.1.3, deep-extend@0.2.11, ini@1.1.0, minimist@0.0.10)
├── npm@1.3.4 (normalize-package-data@2.0.0)
└── cordova-lib@5.0.0 (valid-identifier@0.0.1, osenv@0.1.0, properties-parser@0.2.3, bplist-parser@0.0.6, mime@1.2.11, unorm@1.3.3, semver@2.1.0, shelljs@0.3.0, dep-graph@1.1.0, xcode@0.6.7, npmconf@0.1.16, through2@0.6.3, elementtree@0.1.5, glob@4.0.6, cordova-app-hello-world@3.9.0, tar@1.0.2, plist@1.1.0, cordova-registry-mapper@1.1.0, init-package-json@1.4.2, d8@0.4.4, request@2.47.0, cordova-js@3.9.0)

 

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

QiaodeMacBook-Pro:Desktop 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: 1735, done.
remote: Total 1735 (delta 0), reused 0 (delta 0), pack-reused 1735
Receiving objects: 100% (1735/1735), 3.87 MiB | 572.00 KiB/s, done.
Resolving deltas: 100% (515/515), 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>    

 

PS:记的不要少了引入phonegap的js,否则调用不了

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

 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。