Separate domain for UI for embedding into admin dashboard

Highlighted
Excursionist
24 1 4

 

I am following these two tutorials:

I have a server that is able to authenticate and save tokens of a user, this is hosted at: https://server.mydomain.com

 

I have a separate domain hosting my embedded UI in the admin dashboard at: https://ui.mydomain.com

 

I'm able to redirect to my UI URL from from server after authentication and the app will load but I get the following error on console:

 

 

Failed to execute 'postMessage' on 'DOMWindow': The target origin provided ('https://server.mydomain.com') does not match the recipient window's origin ('https://ui.mydomain.com').

The reason for this split is to separate concerns and code base and because the UI is a static site hosted behind CloudFlare + Google Cloud Storage.

 

Am I going down the right path? Is there an example I can follow for separate UI and server URLs? The App Setup only allows one `App Url` setting

 

0 Likes
Highlighted
Shopify Partner
19 0 5

Did ypu find the solution. same issue here, can you  help me please.....

0 Likes
Highlighted
Excursionist
24 1 4

I have not and my app has actually gotten rejected because this shows up as an error in the console.

0 Likes
Highlighted
Shopify Partner
19 0 5

Thanks for reply man. I was searching for solution from long time and was about to submit with that error, time god you replied.

 

I was thinking to server side rendering itself instead of separate URL. if find any solution with different URL please reply me bro.

 

thanks again.

0 Likes