Hi @Trish_Ta & @hannachen
I’m having the exact same problem and I think I have a theory as to why it is not working in my case.
The front-end of my app (Single page application) is hosted under a different domain than my backend.
In the Shopify Partner Dashboard, I entered the backend url for my app e.g myshopifyappbackend.com.
After user auth, in the backend, i redirect user to my front-end app myshopifyappfrontend.com where I have App-Bridge instantiated.
On the front-end app, none of the App-Bridge actions work and I believe it is because it is using a different domain.
I see in the console a bunch of postMessage going to shopify but it looks like Shopify ignores them because they come from a different domain.
Is that theory accurate?
Can App-bridge be used in an app with a different domain than the one defined in Partner dashboard?
My goal is to have the following flow:
-User install the app and is redirected to a pricing page with different plans (in my front end app)
-When user picks a plan, user is redirected to the Shopify Charges page with the right subscription options.
Do you have any recommendations/best practices to architect this flow with having 2 domains as I do?
Thanks a lot.