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

qaiser55
Tourist
13 0 0
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
0 Likes
hassain
Shopify Staff (Retired)
Shopify Staff (Retired)
623 102 138

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...

Hassain | Developer Support Specialist @ Shopify
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Click Accept as Solution 

0 Likes
qaiser55
Tourist
13 0 0

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

0 Likes
hassain
Shopify Staff (Retired)
Shopify Staff (Retired)
623 102 138

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. 

 

Hassain | Developer Support Specialist @ Shopify
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Click Accept as Solution