Monaca Docs
検索…
PhoneGap BarcodeScanner
    PhoneGap BarcodeScanner プラグインは、Cordova 7.1 から利用することができます。
    サードパーティー製 Cordova プラグインを確認する場合は、カスタムビルドデバッガー ( Android 版または iOS 版 ) を作成する必要があります。
    Cordova 7.1 用 Android カスタムビルドデバッガーで使用する場合は、config.xml に次の設定をしてビルドする必要があります。 <preference name="monaca:ANDROID_DEBUGGER_APPCOMPAT_VERSION" value="27.+" />
    Cordova 7.1 で提供している MonacaBackend プラグインと組み合わせる場合は、プラグイン設定画面の「インストールパラメータ」に下記の設定が必要になります。 ANDROID_SUPPORT_V4_VERSION=26.+

iOS 特有の動作

iOS 10以降、プライバシーに関連するデータにアクセスする場合は、 info.plist に使用の説明を設定することが必須になります。アクセスを許可するようにシステムに指示すると、この使用の説明はアクセス許可ダイアログボックスの一部として表示されますが、使用の説明を入力しない場合は、ダイアログが表示される前にアプリが強制終了します。また、Apple は個人データにアクセスするアプリをリジェクトしますが、使用の説明は提供していません。
このプラグインでは、次の使用の説明が必要になります。
    NSCameraUsageDescription には、アプリがユーザーのカメラにアクセスする理由を記述します。
この設定を info.plist に追加するには、config.xml ファイルの <edit-config> タグに以下のように設定します。
1
<edit-config target="NSCameraUsageDescription" file="*-Info.plist" mode="merge">
2
<string>To scan barcodes</string>
3
</edit-config>
Copied!

プラグインの追加方法 ( Monaca 上での処理 )

    1.
    Monaca クラウド IDE から設定 → Cordova プラグインの管理 を選択します。
    2.
    利用可能なプラグイン 項目の Phonegap BarcodeScanner プラグインにカーソルを置き、 ボタンをクリックします。

PhoneGap BarcodeScanner プラグインのデモ

PhoneGap BarcodeScanner プラグインの使用例を、次に記します。
1
<!DOCTYPE HTML>
2
<html>
3
<head>
4
<title>PhoneGap BarcodeScanner Plugin DEMO</title>
5
6
<meta charset="utf-8">
7
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
8
<meta http-equiv="Content-Security-Policy" content="default-src * data: gap: https://ssl.gstatic.com; style-src * 'unsafe-inline'; script-src * 'unsafe-inline' 'unsafe-eval'">
9
<script src="components/loader.js"></script>
10
<link rel="stylesheet" href="components/loader.css">
11
<link rel="stylesheet" href="css/style.css">
12
<script>
13
function scanBarcode() {
14
cordova.plugins.barcodeScanner.scan(
15
function (result) {
16
alert("We got a barcode\n" +
17
"Result: " + result.text + "\n" +
18
"Format: " + result.format + "\n" +
19
"Cancelled: " + result.cancelled);
20
},
21
function (error) {
22
alert("Scanning failed: " + error);
23
},
24
{
25
preferFrontCamera : true, // iOS and Android
26
showFlipCameraButton : true, // iOS and Android
27
showTorchButton : true, // iOS and Android
28
torchOn: true, // Android, launch with the torch switched on (if available)
29
saveHistory: true, // Android, save scan history (default false)
30
prompt : "Place a barcode inside the scan area", // Android
31
resultDisplayDuration: 500, // Android, display scanned text for X ms. 0 suppresses it entirely, default 1500
32
formats : "QR_CODE,PDF_417", // default: all but PDF_417 and RSS_EXPANDED
33
orientation : "landscape", // Android only (portrait|landscape), default unset so it rotates with the device
34
disableAnimations : true, // iOS
35
disableSuccessBeep: false // iOS and Android
36
}
37
);
38
}
39
</script>
40
</head>
41
<body>
42
<hr> BarcodeReader DEMO <hr><br>
43
<input type="button" onClick ="scanBarcode()" value ="Scan" />
44
</body>
45
</html>
Copied!
関連項目:
最終更新 2mo ago