Question Re: implement a custom application that can scan QR codes... in Technology Q&A

implement a custom application that can scan QR codes using SAP mobile start

priyankadegaonkar — Mon, 19 Aug 2024 04:16:32 GMT

Hi all,

In the Business Application Studio, I want to implement a custom sapui5 application that can scan QR codes with my mobile phone using SAP Mobile start. The application should be integrated into the Fiori Launchpad and work for both iOS and Android. It is important that not only simple barcodes are supported - QR codes are mandatory for my purposes. I would appreciate helpful links, instructions or step-by-step guides...

Thanks....

Re: implement a custom application that can scan QR codes...

dennis_koehler — Tue, 20 Aug 2024 12:25:06 GMT

Hi @priyankadegaonkar ,

I might be able to provide a bit of guidance, but note that I'm not a developer and this is not quite my area of expertise.

Three years ago I released this blog on creating an App to scan barcodes via . It might be outdated but in general concepts should stay the same and you could try to follow it.
Basically you need to deploy your app into the HTML5 repository of an SAP BTP subaccount that runs your instance with your Cloud Fiori Launchpad. To this you will be able to connect SAP Mobile Start and use your app.

With the SAP Mobile Start, the standard SAPUI5 barcode scanning component was not functioning on mobile devices outside the Fiori Client. So in the blog I used another js-library for the scanning part. With current UI5 versions though you should be able to leverage the ndc.barcodescanner component of SAPUI5.
Based on the linked note it's build upon zxing-js library that should support your usecase of QR Code scanning.

Hope that's helpful!
Best regards,
Dennis

Re: implement a custom application that can scan QR codes...

priyankadegaonkar — Wed, 21 Aug 2024 04:51:24 GMT

Hi, Thank you.. I'll try it out and see if it works for me...

Re: implement a custom application that can scan QR codes...

priyankadegaonkar — Thu, 22 Aug 2024 06:57:05 GMT

Hi @dennis_koehler .. In local run on BAS and after Deployed in Cloud foundry It worked, open the camera, but don't open it in after configured to FLP tile means SAP Build Work Zone.... I'm getting error like this........... BarcodeScanner.loadZXingCPPInstance: can not load wasm lib instance of ZXingCPP. RuntimeError: Aborted(CompileError: WebAssembly.instantiate(): Refused to compile or instantiate WebAssembly module because 'unsafe-eval' is not an allowed source of script in the following Content Security Policy directive: "script-src * data: blob:"). Build with -sASSERTIONS for more info.

Re: implement a custom application that can scan QR codes using SAP mobile start

PetraMi — Mon, 30 Dec 2024 17:23:23 GMT

Hello @priyankadegaonkar , @dennis_koehler, I have the same issue (smilar requirements, implementing sap.ndc.BarcodeScannerButton. deploying to SAP Build Work Zone standard edition, getting the same error from Android devices). Were you able to find a solution? Thank you, BR Petra

Re: implement a custom application that can scan QR codes...

akik — Mon, 08 Sep 2025 12:10:04 GMT

in the fiori launchpad update the security header. after a lot of tries, I was able to fix it.