App Bridge Scanner Will Not Open

Retired Boards Appdev Tools

Topic summary

Issue: After migrating to the new Remix-based Node.js/React Shopify app, calling App Bridge Scanner (shopify.scanner.capture()) in Shopify POS does nothing. Both POS and the app are up to date; code follows the official docs.

Observed behavior: The button renders and openScanner runs; the capture line executes but no scanner UI opens and no outcome is shown. Camera permission is granted; reporter wonders if additional permissions or setup are needed compared to older implementations.

Questions/diagnostics: Maintainer asked to confirm permissions and whether logs fire or the button appears. Reporter confirmed permissions and that the function fires, but no action occurs.

Latest update: A team member tested on a separate test app and confirmed the scanner works on both Android and iOS. They requested the specific app details to reproduce the issue.

Status: Unresolved. Awaiting app details from the reporter; no confirmed bug or fix yet.

Summarized with AI on January 12. AI used: gpt-5.
1

Hi all,

We just updated to use the new remix-based Node.js/React Shopify app.

When trying to add a function which opens the scanner, on the POS app nothing occurs. The POS app on the device is up to date, and so is the Shopify Node App itself.

We have the code in the documentation here: https://shopify.dev/docs/api/app-bridge-library/reference/scanner

<button onClick={() => openScanner()}>Open Scanner</button>

and then:

async function openScanner() {
    try {
      const payload = await shopify.scanner.capture();
      console.log('Success', payload)
    } catch (error) {
      console.log(error)
    }
  };

Hopefully someone has some insights.

2

Hi EddySlip

I’ll look into this a bit more but in the meantime can you confirm that the app has the necessary permissions to access the scanner, and are you seeing the console.log message appearing when you hit the button you’re adding, or is the button not appearing at all?

3

Hi Liam,

Thanks for your reply.

I can confirm that the app has camera permission, but is there more that needs to be done? Previous versions required a totally different setup of code, so perhaps it’s some amalgamation?

With the button, the openScanner function does fire, and I’ve checked and it runs the shopify.scanner.capture() line, but nothing occurs.

4

Hi Liam,

Just wondered if there’d been any update on this?

5

Can I know which app to reproduce this issue? I verified on my test app. It works fine on both Android and iOS.