Embedded App - online store

Retired Boards Appdev Store Design
1

Hello,

First of all, sorry of that question is silly or have been asked before, but I couldn’t find an answer.

I’m building an embedded App following this tutorial : https://developers.shopify.com/tutorials/build-a-shopify-app-with-node-and-react/set-up-your-app

Everything is clear on the admin side, but I also want to have an page customer facing at www.mystore.com/apps/myApp so I modified the Extension Area to Online store with a proxy.

It works, but there’s 2 things that I don’t understand:

1 - How can this app be in an iframe or something so that I can see the rest of my theme (header, footer, etc..)

2 - How can this app use the same code base for the online store and the admin (just different route) without facing an auth/callback redirect issue when the page is loaded on “/app/myApp” ?

Not sure it’s clear, but thank anyways :slight_smile:

Phil

2

Hi @philipperoy ,

It sounds like you may not be setting the embedded app proxy view’s content-type to application/liquid. The bottom of this doc has context around why that’s needed.

As for your second question, I’m not sure I understand it, but maybe the doc I linked above will answer your questions. If not, feel free to clarify and I can do my best to answer.

Cheers!

3

thanks @Busfox !! the Content-type to “application/liquid” is exactly what I was missing !