二、phoneGap项目中使用二维码扫描功能

  今天开发了一个二维码扫描功能，下面把开发步骤写一下，方便学习查看
1、开发环境
     xcode4.6
     phoneGap2.3.0(环境搭建如果不会可以参考上一篇文章)
2、开发步骤
   1、修改配置文件config.xml:在该文件中加入下面红色区域代码

<plugin name="org.apache.cordova.barcodeScanner" value="CDVBarcodeScanner" />

   
   2、在www文件夹下面加入插件js：加入barcodescanner.js
   3、在plugin中加入下面文件
       CDVBarcodeScanner.mm
      zxing-all-in-one.cpp
      scannerOverlay.xib
      zxing-all-in-one.h
   4、引入下图中的framework
    
   5、在index中中引入刚加入的barcodescanner.js，加入如下代码

//扫描函数，可以绑定给指定button
   function clickScan() {
                    window.plugins.barcodeScanner.scan (scannerSuccess, scannerFailure);
                }
                
//扫描成功调用函数
                function scannerSuccess(result) {
                    console.log("scannerSuccess: result: " + result)
                    resultSpan.innerText = "success: " + JSON.stringify(result)
                }
//扫描失败调用函数
                function scannerFailure(message) {
                    console.log("scannerFailure: message: " + message)
                    resultSpan.innerText = "failure: " + JSON.stringify(message)
                }

本次同样上传了需要用到的文件以及完整的项目例子，方便不会的朋友有个参考

评论

2 楼 ngb5995 2013-11-13  

楼主你好，调用成功了，非常感谢。但是我现在遇到另一个问题是怎么在页面上动态添加二维码中的信息，就像微信的二维码扫描那样。还有一个问题是这个插件只支持qr_code的二维码，upc_e的二维码扫不到，扫到也获取不到里面的内容，这个怎么解决呢，要另写一个插件？？？

1 楼 ngb5995 2013-11-11