ionic 二维码扫描插件

Posted yuan纷飞

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ionic 二维码扫描插件相关的知识,希望对你有一定的参考价值。

这是一个用来扫描二维码的cordova插件,在做项目的时候想实现类似于微信的扫一扫功能,就想到了cordova的$cordovaBarcodeScanner插件,用很少量的代码就可以实现了,下面来看一下具体的实现步骤:

1、加入扫码插件

cordova plugin add https://github.com/wildabeast/BarcodeScanner.git 或者

cordova plugin add https://github.com/phonegap/phonegap-plugin-barcodescanner.git

2、插件调用

1   $scope.scanBarcode = function() {
2       $cordovaBarcodeScanner.scan().then(function(imageData) {
3           //获取扫描的值4           $scope.text=imageData.text;
5       }, function(error) {
6       console.log("An error happened -> " + error);
7       });
8   };

3、 修改基于zxing库的cordova扫描二维码插件BarcodeScan扫码界面的UI

参考地址:http://blog.csdn.net/ECNU_DF/article/details/50507075

此部分为修改扫码界面,具体的实现方案,我按上述地址的资料,一步步修改,发现我的项目与其有差异,没能实现,如果你有更好的的实现方法,希望您能告知与我,谢谢~

以上是关于ionic 二维码扫描插件的主要内容,如果未能解决你的问题,请参考以下文章

使用ionic2开发一个二维码扫描功能

Ionic2学习笔记(10):扫描二维码

Ionic Android 问题:扫描功能不起作用

ionic APP二维码插件 地址

如何解决Ionic2应用程序中的空白屏幕错误?

Cordova各个插件使用介绍系列—$cordovaBarcodeScanner扫描二维码与生成二维码