【Monaca】Monacaでバーコードを読み取るには。

2014/07/11時点の話です。

Monacaドキュメントにあるバーコードリーダのソースでは動作しないため、どうすれば動かくかについて記載します。

■ BarcodeScannerプラグイン(Android、iOS)

といっても変更点は少ないです。
「Hello Worldアプリ」を流用します。

その後「設定」からプラグインの管理を押します。

BARCODEScannerを有効にしてください。※画像ではすでに有効済みのため「削除」の項目が表示されています。
その次にphonegap-demo.htmlを開いてください。

ドキュメントにあるJavascriptのメソッドをまるごとペーストします。

<script type="text/javascript">
        function scanBarcode() {
        window.plugins.barcodeScanner.scan( function(result) {
            alert("We got a barcode\n" +
                      "Result: " + result.text + "\n" +
                      "Format: " + result.format + "\n" +
                      "Cancelled: " + result.cancelled);
        }, function(error) {
            alert("Scanning failed: " + error);
        }
  );

次にこれを実行させるボタンの設置です。

「Check Network」の下に追加

    <!-- バーコードスキャンするためのボタン -->
    <a href="#" class="btn large" onclick="scanBarcode();return false;">Check Barcode</a>

あとは実機でテストしてください。