Developing POS app

Solved
infovarify
Shopify Partner
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
Henry_Tao
Shopify Staff
Shopify Staff
80 25 11

This is an accepted solution.

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
infovarify
Shopify Partner
7 1 0

@Henry_TaoThanks for that, it has been really helpful!

0 Likes
afleischer
New Member
3 0 4

Hi,

 

Could someone explain to me where this "WebView Debugging" option is? I can't seem to find it within Shopify's settings.

0 Likes
Henry_Tao
Shopify Staff
Shopify Staff
80 25 11

Hi @afleischer 

 

Have you tried to login to your partner development stores?

 

There is a note in above thread: "This WebView Debugging option only works on POS Android and login to partner development stores." 

0 Likes
GoodFollow
New Member
1 0 0

App development is always about debugging and reading errors. Most of the times this thing could be solved in a couple of minutes, but sometimes it could take more than a week to find an error in your code. So to say, I was wondering if there is a way or a platform where I would be able to use less code, so I will not have that much errors to deal with, and to make a big project or an app that will have all the useful features I am looking for. I found an article about low-code app development, and as it is written there, you can try this for a project, you will have to use less code, and you won't meet that many errors during your debugging. I will try that, probably it will work for me, I'll keep in touch

0 Likes