Questions and discussions about using the Shopify CLI and Shopify-built libraries.
Hi. Instead of using the react-node boilerplate I am trying to develop an embedded app from scratch.
I don't want to have frontend and backend nested each other because of that I am trying this way.
My app setup is like that:
The problem is, when I try to install app to my development store I see some errors on the console.
Failed to execute 'postMessage' on 'DOMWindow': The target origin provided ('<URL>') does not match the recipient window's origin ('<URL>').
after seeing this error I find myself on this page:
I don't have any redirection to backend yet. Just a simple frontend.
My App.jsx:
Questions:
1. How to fix the above error?
2. My app url is my frontend url. How to check incoming request should be redirected to backend's installation endpoint on frontend?
3. How to do redirection for installation from frontend to backend? On which component, where should I put the redirection logic? Do I have to have a proxy setup?
Thanks!
How were you able to structure the app in 2 components? How did you authenticate the requests from the server side.