質問編集履歴

誤字

2020/07/28 05:11

投稿

JagdFeind

スコア8

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -276,4 +276,4 @@
 また、Blankプロジェクトを作成し、BarcodeScannerのみ有効にし、サンプルコードのまま動かすと、こちらはうまくいきました。
-このことから他のプログラムが邪魔をしているわけではなさそうです。
+このことから他のプラグインが邪魔をしているわけではなさそうです。

20200728　やったことを追記

2020/07/28 05:11

投稿

JagdFeind

スコア8

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -269,3 +269,11 @@
 Scanning failed: TypeError: Cannnot read property 'handleEvent' of undefined
 ```
+2020/07/28　追記
+BarcodeScannerプラグインのみ有効にし、プログラムはサンプルのコードのままで動作させましたが、やはり成功時に呼び出されるalertが表示されませんでした。
+また、Blankプロジェクトを作成し、BarcodeScannerのみ有効にし、サンプルコードのまま動かすと、こちらはうまくいきました。
+このことから他のプログラムが邪魔をしているわけではなさそうです。

誤字

2020/07/28 05:10

投稿

JagdFeind

スコア8

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -188,7 +188,7 @@
 (2020/07/27　追記)
-Promiseを用いた非同期処理を実践してみましたが、やはり動作しません。しかし、後述するような文がログに出力されました。
+Promiseを用いた非同期処理を実践したところ、後述するような文がログに出力されました。以下に示すのはPromiseを用いたjsコードです。
@@ -262,7 +262,7 @@
-実際に読み込むと、catch()の方が実行（失敗）されました。このエラーを修正すればバーコードスキャナーを使えるようになりそうですが、、、
+上記コードを実行したところ、catch()の方が実行（失敗）されました。このエラーを修正すればバーコードスキャナーを使えるようになりそうですが、、、
 ```text

07/27での追記：書き換えたjsの内容と新たに出てきたエラーについて

2020/07/27 07:07

投稿

JagdFeind

スコア8

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -183,3 +183,89 @@
 GPSなどでバックグラウンド処理を有効にしていると、ときどき動作しなくなるという旨の記事を見たため、それを回避するコードを入力しました。（上記にはありません）
 必要なプラグインのインポートのし忘れやHTMLファイルでsrcの読み込み順番の間違えによるエラー等のチェックを行いましたが、解決には至りませんでした。
+(2020/07/27　追記)
+Promiseを用いた非同期処理を実践してみましたが、やはり動作しません。しかし、後述するような文がログに出力されました。
+```javascript
+function scan(){
+  return new Promise((resolve,reject) =>{
+    document.addEventListener("deviceready",   cordova.plugins.barcodeScanner.scan(
+      function (result) {
+        resolve(result.text);
+      },
+      function (error) {
+        reject(error);
+      },
+      {
+        preferFrontCamera : false, // iOS and Android
+        showFlipCameraButton : true, // iOS and Android
+        showTorchButton : true, // iOS and Android
+        //torchOn: true, // Android, launch with the torch switched on (if available)
+        saveHistory: true, // Android, save scan history (default false)
+        prompt : "Place a barcode inside the scan area", // Android
+        resultDisplayDuration: 500, // Android, display scanned text for X ms. 0 suppresses it entirely, default 1500
+        formats : "QR_CODE,PDF_417", // default: all but PDF_417 and RSS_EXPANDED
+        //orientation : "landscape", // Android only (portrait|landscape), default unset so it rotates with the device
+        disableAnimations : true, // iOS
+        disableSuccessBeep: true // iOS and Android
+      }
+    ), false);
+  });
+}
+function scanBarcode(){
+  scan().then(response => alert(`Scanning Success: ${response}`))
+        .catch(error => alert(`Scanning failed: ${error}`))
+        .finally(() => console.log('終了'));
+}
+}
+```
+実際に読み込むと、catch()の方が実行（失敗）されました。このエラーを修正すればバーコードスキャナーを使えるようになりそうですが、、、
+```text
+Scanning failed: TypeError: Cannnot read property 'handleEvent' of undefined
+```

使用手順と試したことの追加

2020/07/27 07:05

投稿

JagdFeind

スコア8

test CHANGED Viewed

	@@ -1 +1 @@
1	- Monacaで~~QRコードリーダで~~バーコード等を読み取りLocalStorageに保存したい
1	+ Monacaでバーコード等から読み取ったデータをLocalStorageに保存したい

test CHANGED Viewed

@@ -6,7 +6,7 @@
 Monacaなどアプリ開発は初心者レベルなのでご教授願います。
-使用しているバーコードプラグインはPhoneGap Barcode Scannerです。
+使用しているバーコードプラグインはPhoneGap Barcode Scanner　8.1.0 です。
@@ -78,10 +78,108 @@
 ```
+```HTML
+<!DOCTYPE HTML>
+<html>
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1, user-scalable=no">
+    <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'">
+    <link rel="stylesheet" href="components/loader.css">
+    <link href="css/html5reset-1.6.1.css" rel="stylesheet">
+    <link href="css/style.css" rel="stylesheet">
+    <link rel="stylesheet" href="components/loader.css">
+    <script src="js/lib/jquery-3.5.1.min.js"></script>
+    <script src="components/loader.js"></script>
+    <script>
+    function scanBarcode() {
+        cordova.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);
+            }
+        );
+    }
+    </script>
+</head>
+<body>
+  <header>
+    <div class="header-bar">
+        <h1>QRコードリーダ</h1>
+        <a href="menu.html" class="btn-back"></a>
+    </div>
+  </header>
+  <input type="button" onClick ="scanBarcode()" value ="Scan" />
+  <footer>
+    <a href="javascript:scanBarcode();" class="big-btn blue">Code Read</a>
+ </footer>
+</body>
+</html>
+```
+該当の画面を開く（アプリを動かす）とヘッダに「QRコードリーダ」とひとつ前の画面に戻るボタン、フッタにコードリーダを呼び出すボタンが配置された画面が表示されます。
+コードリーダを呼び出すボタンを押すとコードリーダが呼び出されます。その後QRコードなどにかざすと、画面下側に「コードが読み込まれました：<URL>」のような内容が表示されます。
+しかし、戻った時にalertのポップアップが表示されるはずなのですが、これが出てきません。
+LocalStorageにも変数が追加されていないため、おそらく成功した時の関数が実行されていません。
+これをどうにかしたいのですが、似たような問題とそれの解決策がなかったため質問させていただきました。
 ### 試したこと
+GPSなどでバックグラウンド処理を有効にしていると、ときどき動作しなくなるという旨の記事を見たため、それを回避するコードを入力しました。（上記にはありません）
-GPSなどでバックグラウンド処理を有効にしていると、ときどき動作しなくなるという旨の記事を見たため、それを回避するコードを入力しました。（上記にはありません）
+必要なプラグインのインポートのし忘れやHTMLファイルでsrcの読み込み順番の間違えによるエラー等のチェックを行いましたが、解決には至りませんでした。