Developing POS app

Solved
Highlighted
Tourist
7 1 0

Hi

 

I'm trying to develop a POS app for order completed screen, just wondering if anyone know how to do the following:

 

1. How do you debug POS app? because its in the webview, I'm not sure if there is anyway you can have the same dev toolbar like in chrome etc (I can see there is an opiton in the POS app settings - WebView Debugging, but how do you use it?

 

2. I've created an app bridge, how can I get the order information from the JS side? (this app is for order completed screen)

 

Will be great if anyone can help out

 

Thanks

 

 

0 Likes

Success.

Shopify Staff
Shopify Staff
39 18 3

Hi @infovarify ,

 

1. How do you debug POS app?

To debug POS app, as you have already figured out, you can toggle WebView Debugging in Settings screen and plug the device to laptop, then open `chrome://inspect` in Chrome. When open embedded app, you will see `WebView in com.shopify.pos`. From there, you can inspect and debug your embedded app.

Note that: this WebView Debugging option only works on POS Android and login to partner development stores. 

 

2. I've created an app bridge, how can I get the order information from the JS side?

When your app is opened in order complete screen, you can look for `id` in url query params. This is the order id that you are looking for. 

 

I hope it helps.

 

Screen Shot 2019-10-15 at 8.37.07 AM.png

0 Likes
Tourist
7 1 0

@Henry_TaoThanks for that, it has been really helpful!

0 Likes