Communicating and displaying with private app from storefront (online store)

[qaiser55]

Hi,

I have a store and on the product page I have created a customize button, I want to take the user from the products page to a custom app that I have built, and perform some customization there and return some data back to shopify. Is this possible via Shopofy?

Alternatively, is there any other way for me to perform product customization using private app on the storefront?

Thanks

[hassain]

Hi @qaiser55 ,

It sounds like what you are looking for can be accomplished via an Application Proxy. An Application Proxy (App Proxy for short) can be used to display any custom webpage from your application onto your Shopify online store. So for example, when customers go to https://your-shopify-store.com/apps/test-app they can be proxied and served https://your-personal-app.com - and from your app's web page you can display anything you want and customers submit data to your app

One thing to note is that App Proxys cannot be made through a private app. You have to create a Shopify Partners account and make a Public or Custom App first in order to utilize App Proxy.

Here are some docs that will help:

https://shopify.dev/tutorials/display-data-on-an-online-store-with-an-application-proxy-app-extensio...

https://medium.com/shop-sheriff/what-is-a-shopify-application-proxy-and-how-can-i-use-it-153bf99d1a9...

[qaiser55]

Hi @hassain ,

Thank you for your reply. I read the following articles and tried using proxy app, but I don't see how you can redirect user to your web page via app proxy. I was able to do a get request to proxy url and receive a response as json, but how can I use my app via that, even if I return my page's html as a response, it would still be a static page. Right?

Thanks

[hassain]

Hi @qaiser55 ,

The response does not have to be a static page. If you include the headers of "Content-Type: application/javascript" or "Content-Type: application/liquid" in your HTTP response from your proxy URL, then the Shopify storefront will render the JS or Liquid code in your response body appropriately.