QRcode Scanner (LIFF)

ArkCard-web/collect.html

@@ -367,41 +367,32 @@
     <script src="./goto.js"></script>
 
     <script src="./html5-qrcode.min.js"></script>
+    <script charset="utf-8" src="https://static.line-scdn.net/liff/edge/2/sdk.js"></script>
 
 <script>
-$(".qrcode").click(function () {
-    $('#qr-reader').css('display','block');
+$(document).ready(function() {
+    liff.init({
+        liffId: "1656494344-JovNdOv0"
+    })
+    .then(() => {
+        alert('liff.init()'); // test
+    })
+    .catch((err) => {
+    });
 
-    $('html, body').animate({
-        scrollTop: $("#qr-reader").offset().top
-    }, 0);
+    // login
+    if (!liff.isLoggedIn()) {
+        liff.login();
+    }
 
-    qrcode_scanner();
+    // scanCodeV2 call
+    liff.scanCodeV2().then(result => {
+        // e.g. result = { value: "Hello LIFF app!" }
+        alert('scanCodeV2()'); // test
+    }).catch(err => {
+        console.log(err);
+    });
 });
-
-$(".close").click(function () {
-    $('#qr-reader').css('display','none'); 
-    html5QrCode.stop();
-});
-
-const html5QrCode = new Html5Qrcode("qr-reader");
-
-// decodedText: 0xd1acf1eb9c956d1e90b650dd56bed57a5df2fcae
-// decodedResult: decodedResult: {"decodedText":"0xd1acf1eb9c956d1e90b650dd56bed57a5df2fcae","result":{"text":"0xd1acf1eb9c956d1e90b650dd56bed57a5df2fcae","format":{"format":0,"formatName":"QR_CODE"}}}
-const qrCodeSuccessCallback = (decodedText, decodedResult) => {
-    /* handle success */
-    $('#address').val(decodedText);
-    $('#qr-reader').hide();
-    $('#qr-reader').css('display','none');
-    html5QrCode.stop();
-};
-const config = { fps: 10, qrbox: 300 };
-
-// 啟動QRCode Scanner
-function qrcode_scanner() {
-    // If you want to prefer back camera
-    html5QrCode.start({ facingMode: "environment" }, config, qrCodeSuccessCallback);
-}
 </script>
 </body>