一、簡介
開源軟件 https://github.com/phonegap/phonegap-plugin-barcodescanner 可以支持各種類型的掃描，包括二維碼等等……
-
QR Code
-
Data Matrix
-
UPC E
-
UPC A
-
EAN 8
-
EAN 13
-
Code 128
-
Code 39
-
ITF
插件內部使用類庫 https://github.com/zxing/zxing
二、安裝插件
首先准備項目：
ionic start IonicProject blank
cd IonicProject
ionic platform add android
ionic platform add ios
1、安裝插件
This requires phonegap 5.0+ ( current stable v3.0.0 )
phonegap plugin add phonegap-plugin-barcodescanner
Older versions of phonegap can still install via the deprecated id ( stale v2.0.1 )
phonegap plugin add com.phonegap.plugins.barcodescanner
It is also possible to install via repo url directly ( unstable )
phonegap plugin add https://github.com/phonegap/phonegap-plugin-barcodescanner.git
2、下載 ng-cordova 相應 js
下載 https://github.com/driftyco/ng-cordova/releases
將其中的 ng-cordova.min.js 拷貝到項目的 www/js 目錄
修改 index.html 代碼
<script src="lib/ionic/js/ionic.bundle.js"></script>
<script src="js/ng-cordova.min.js"></script>
<script src="cordova.js"></script>
<script src="js/app.js"></script>
三、使用類庫
1、修改 app.js
angular.module('starter', ['ionic', 'ngCordova'])
2、使用掃描功能
exampleApp.controller("ExampleController", function($scope, $cordovaBarcodeScanner) {
$scope.scanBarcode = function() {
$cordovaBarcodeScanner.scan().then(function(imageData) {
alert(imageData.text);
console.log("Barcode Format -> " + imageData.format);
console.log("Cancelled -> " + imageData.cancelled);
}, function(error) {
console.log("An error happened -> " + error);
});
};
});