WebServiceを使った連続読み取り機能の開発

// Tutorial5Service.cls
@RestResource(urlMapping='/gcbc_tutorial5/*')
global with sharing class Tutorial5Service {
    
    @HttpPost
    global static BarcodeScanResponse processBarcodeContinuousScan() {
        BarcodeScanData data = (BarcodeScanData)JSON.deserialize
            (RestContext.request.requestBody.toString(), BarcodeScanData.class);
        BarcodeScanResponse response = new BarcodeScanResponse();
        
        if (data.scannedResult == null || data.scannedType != 'QR_CODE') {
            // 読み取り結果が空の場合、またはQRコード以外のバーコードを読み取った場合

            // 現在の読み取り結果を破棄する
            response.preserveScanResult = false;

            // 開発者は、ここで読み取り履歴と現在の読み取り内容を比較し、
            // 重複がある場合に現在の読み取り内容を破棄することもできます。
            // 破棄された読み取りデータは、次回の読み取り時には履歴には含まれません。
            
            response.displayMessage = 
                '非対応のバーコード形式[' + data.scannedType + ']です。QRコードを読み取ってください。';
            response.notifyErrorFeedback = true;
        } else {
            // 読み取り結果がQRコードの場合
            response.preserveScanResult = true;
            // 現在の読み取り回数を返す
            integer count = 1;
            if (data.preservedScannedContent != null) {
                count = data.preservedScannedContent.size() + 1;
            }
            response.displayMessage = '読み取り済み: ' + count + ' / 5、現在の読み取り結果:' + data.scannedResult;
        }
        
        // 5回のQRコードの読み取りが完了した後、読み取りを終了する
        if (
            data.preservedScannedContent != null && 
            data.preservedScannedContent.size() >= 4 && 
            response.preserveScanResult) {
            response.shouldContinueScan = false;
        }
        else {
            response.shouldContinueScan = true;
        }
        
        return response;         
    }
    
    global class BarcodeScanData{
        // 読み取ったすべてのバーコードの値
        @testVisible string[] preservedScannedContent;
        // 読み取ったすべてのバーコードの種類
        @testVisible string[] preservedScannedType;
        // 現在読み取ったバーコードの値
        @testVisible string scannedResult;
        // 現在読み取ったバーコードの種類
        @testVisible string scannedType;     
    }
    
    global class BarcodeScanResponse {
        boolean preserveScanResult;
        string displayMessage;
        boolean shouldContinueScan;
        boolean notifyErrorFeedback;

        public BarcodeScanResponse() {
            // 読み取り結果をpreservedScannedContentとpreservedScannedTypeに蓄積しない
            this.preserveScanResult = false;
            // 連続読み取り時に読み取り画面に表示するメッセージを初期化
            this.displayMessage = '';
            // 連続読み取りを継続する
            this.shouldContinueScan = true;
            // 読み取りエラー時にビープ音を再生しない
            this.notifyErrorFeedback = false;
        }        
    }
}

<!-- RayBarcode バーコード読み取り サンプルコード -->
<!-- Tutorial5.vfp -->
<apex:page controller="Tutorial5Controller">
    <!-- Lightning Design Systemを有効にする -->
    <apex:slds />
    <!-- 見出しを表示する -->
    <apex:sectionHeader title="チュートリアル5"/>
    <!-- 読み取りボタンを表示する -->
    <gcbc:GcBarcodeScannerVF
        id="continuousScanButton"
        buttonText="連続読み取り開始"
        continuousScan="true"
        continuousScanCallback="gcbc_tutorial5"
        onScanComplete="{!onContinuousScanCompleteAction}"
        reRender="allScansOutput"
        scanResults="{!ContinuousScanResult}" 
        scannedTypes="{!ContinuousScanTypes}"
        styleClass="slds-button slds-button--brand slds-m-top--medium" 
        style="width:200px;" />
    <!-- 結果の表示領域 -->    
    <apex:outputPanel id="allScansOutput" layout="block">
        <pre>{!ContinuousScanOutputMessage}</pre>       
    </apex:outputPanel>
    <script type="text/javascript">
        (function(){
            var id = "{!$Component.continuousScanButton}";
            var scannerDom = document.getElementById(id);
            scannerDom.addEventListener('scansuccess', (e)=>{        
                console.log(e.detail);                
                // 次のコードは、Apexへのデフォルトのアクションコールバックを防ぎます。
                //e.preventDefault();
            });            
        })();
    </script>
</apex:page>

<aura:component implements="flexipage:availableForAllPageTypes" access="global">
    <aura:attribute name="continuousScanResult" type="String" />
    <aura:attribute name="continuousScannedTypes" type="String" />    
    <aura:attribute name="continuousScanResultOutout" type="String" />  
            
    <h1>連続読み取りを実行する</h1>
    <br />    
    <gcbc:GcBarcodeScannerLT
        aura:id="continuous-scan-button" 
        buttonText="連続読み取り"
        scanResults="{!v.continuousScanResult}"
        scannedTypes="{!v.continuousScannedTypes}"
        onScanComplete="{!c.onContinuousScanComplete}"
        continuousScan="true"
        continuousScanCallback="gcbc_tutorial5"
        />
    <br />
    <ui:outputText value="{!v.continuousScanResultOutout}" />
</aura:component>

({
    onContinuousScanComplete: function (component, event, helper) {
        var result = event.getParam("success");
        if (result){
            var data = component.get("v.continuousScanResult");
            var types = component.get("v.continuousScannedTypes").split(",");
            var records = data.split(",");
            for(var i = 0; i < records.length; i++){
                records[i] = '[' + types[i] + '] ' + decodeURIComponent(records[i]);
            }
            component.set("v.continuousScanResultOutout", records.join("\r\n"));
        }else{
            alert("読み取り失敗");
        }
    }
})

<template>
    <h1>連続読み取りを実行する</h1>
    <div slot="actions">
        <gcbc-gc-barcode-scanner-lwc data-id="continuous-scan-button" button-text="連続読取"
            continuous-scan="true" continuous-scan-callback="gcbc_tutorial5"
            onscancomplete={onContinuousScanComplete}>
        </gcbc-gc-barcode-scanner-lwc>
    </div>
    <lightning-formatted-text value={continuousScanResultOutput}></lightning-formatted-text>
</template>

import { LightningElement, track } from 'lwc';

export default class MyFirstBarcodeContinuousScannerLwc extends LightningElement {
    @track continuousScanResultOutput;

    onContinuousScanComplete(event) {
        const data = event.detail;
        if (data && data.success) {
            const types = data.scanTypes && data.scanTypes.split(",") || [];
            const results = data.scanResults && data.scanResults.split(",") || [];
            const records = results.map((result, index) => `${index+1})[${types[index]}] ${decodeURIComponent(result)}`);

            this.continuousScanResultOutput = records.join("\r\n");
        } else {
            alert("読み取りはできませんでした。");
        }
    }
}

<?xml version="1.0" encoding="UTF-8"?>
<LightningComponentBundle xmlns="http://soap.sforce.com/2006/04/metadata">
    <apiVersion>55.0</apiVersion>
    <isExposed>true</isExposed>
    <targets>
        <target>lightning__Tab</target>
    </targets>
</LightningComponentBundle>

(BarcodeScanData)JSON.deserialize(RestContext.request.requestBody.toString(), BarcodeScanData.class);

global static BarcodeScanResponse processBarcodeContinuousScan()