Shopify App Development | Setup App Proxy with Remix app

[@richardsabando5670]

This is literally what I have been looking for. I have been looking for a modern solution with the remix template thank you!

[@stephanodev]

👍👍

[@vertonnes]

Great tutorial Stephano. Congratulations on your didactic approach!

[@Leonirish2023]

How can i return json data in app.proxy.jsx and show this json data in liquid file.? Could you please help?

[@SaysCraig]

For anyone who finds this later and had the same issues as me here is some info. If you are using this to make a call to your server in order to then make a secure call to a third party or your admin, this setup in the video won’t return anything from your post request. Meaning you can’t get the response status or any returned info. This is because the .jsx file that the proxy is connecting you to, is returning the function component he builds. Just erase the function component from the .jsx file and only keep the Action function there. It will then return the data from the action instead of trying to return the component.

[@mdkhaledhossain996]

@SaysCraig, thanks man, I have been strugling with the response for whole day. Thanks for your help big time

[@danielbezerrademenezes8063]

thanks man!

[@shreyankjadiya]

Thanks very much for this helpful comment. After hours of debugging, I was getting 302 and 404 responses trying to figure out why it was throwing that response. Finally, I removed the function component and it worked like a charm ! Special Shout out to you @SaysCraig.

[@dacapo6320]

Holy shit men, i was stuck with this shit for days. Thank you very much, you are the boss.

[@gabriellimombrinifeletti9933]

Great tutorial! Finally i can connect my backend to my store, you're amazing bro!

[@mdkhaledhossain996]

Thanks man, you are leading in shopify app developemnt. Saved my day!!!

[@921kiyo]

Thank you for sharing this video! I have one question! I see the response status is 0 because of the redirect: manual. In this case, how do you get the returned value from Remix action server? I see you are doing "return json({data: productData.data})" from Remix action function, but are you able to fetch that from the frontend? I have a similar case, but the frontend cannot get the response.body coming from Remix backend (which I assume the status is not 200?) If I removed "redirect: manual", then the response status is 404. I am wondering why that is the case and how to workaround it.

[@seunoyebode]

did you ever find a solution to this @921kiyo ? I'm currently wth the same issue, I'm unable access the returned value on the frontend

[@seunoyebode]

Hello did you ever get a fix for this ?

[@921kiyo]

@@seunoyebode No I haven't, it is still not working for me yet.

[@angevin-capital]

Same issue, has anyone figured this out yet?

[@peterz1236]

I have the same issue

[@gisellaviteribellettini5187]

Wowwwww thanks stephano finally the best informations

[@carloscm1926]

I wonder what happens then if the merchant changes the path and subpath in production...with the hardcoded values in liquid none of the requests would work. Is there any workaround for this??

[@ihor3729]

Thanks. What are the use cases of using app proxies?

[@vincaslt]

When developing public apps we'd have to get the proxy url dynamically, not have it hardcoded. We could get a store URL and append the expected proxy url, which would work in some cases, but the user can change the proxy url in app settings, then it would break. Is there a way to get the configured proxy url in the theme extensions somehow?

[@VanNguyen-cr6ns]

Can we setup aws cloudfront for app, my client complant about performance. I would like to setup a cache layer front of app.

[@AGhostyProduction]

When u follow this tutorial and make a checkout UI for that url, all the other URL’s get updated if you have that feature on, and Im unable to get any reaction when trying to do get or post requests. Shopify is continuously updating and never documenting. Can somebody please reference an updated approach

[@eugenefedorov3498]

In which folder you have created proxy enpoint? The video is cut and we cant see it,.

[@ajhax4707]

Hi, our app billing currency is USD and we charge merchants on usage-based. but the issue with merchants whose store currency is other than USD - if the merchant story currency is CAD and there if the app uses Canadian $100 their billing generates only US $100. Can someone please let me know how can we fix it?

[@toptrendingvideos7786]

its working but i cannot see json response in frontend. Can you please help

[@AnthonyFinix]

am getting null as response in the response.body from app. any idea ?

[@Maikolgames]

Does anyone know if there is another way without creating a checkout extension?

[@manhtranduc-t1m]

how can i add apps in my store

[@bestmotivationspeekar4384]

bro how van uase custum api ???

[@vivekagarwal1760]

Thanks a lot!!! This was very helpful

[@btsfreak]

Quick question... the app proxy Url is not secured at all so everyone can filter out the url from your front-end Javascript and then happily call your app proxy and thus do changes on your shopify data. Isn't this very dangerous? I get it that your app endpoint is shielded but the app proxy one is not.

[@SaysCraig]

You are able to confirm authentication on the receiving end via a few methods. Also I’ve noticed if I try to access the app proxy from outside my app it redirects to a shop auth/login page.

[@user-zo2ky4mz7d]

Thanks for the tutorial Stephano. Can you please make a tutorial on how to use app proxy that returns liquid syntax with checkout extensions? Thanks.

[@wake-digital]

Checkout extensions can't work with Liquid, if that's what you mean.

[@AnthonyFinix]

does anybody got a fix for why the main URL given to app by shopify be directly used in proxy ?

[@sterling2526]

did you figure this out?

[@AnthonyFinix]

@@sterling2526 I never took the extension route. I used the main url assigned to the app. I think after 2-3 minutes the app starts receiving requests with the assigned url. Sometimes when it takes too long i delete the proxy, create a new release, restart the app for a new url to get assigned. Create a proxy with this new url and that creates another release. In a hope of whatever bug preventing the communication gets flushed out of the system with new releases. And it works. Don't have much confidence with my assumptions but I can assure that I've been developing with the main url and did not need any checkout extension url

[@Maikolgames]

@@sterling2526 X2

[@arifurrahman5993]

Hi, thank you for your great tutorial. Is it possible to fetch collection product using app proxy. If we want to show collection product and show next page product using app proxy and json to render my html. Thank you

[@stephanodev]

Yes of course u can! After u get the session object u can perform all kind of queries

[@arifurrahman5993]

@@stephanodev will it decrease my app performance, of clients click use pagination and all hit my app. Thank you

[@Florian_2066]

why not connecting the extension directly to the backend ?

[@samyeksonawane]

cors

[@ihor3729]

​@@samyeksonawane you can configure cors. It is not the problem.

[@marwanadel6208]

thank you my sir about this shopify remix app videos please keep going o n ❤❤❤❤❤❤❤❤❤❤❤❤❤

[@zakariabouzangad9702]

Thanks, Very helpful

[@stephanodev]

👊👊

[@seunoyebode]

You beautiful man!!!!!!!!!

[@WebWizardReviews]

I think this is wrong tutorial .

[@dangerzone-136]

please make a video, how can We deploy shopify custom app or extension for free and how can we used it on my client store?