Shopify App Development | Setup App Proxy with Remix app
ฝัง
- เผยแพร่เมื่อ 12 ก.พ. 2024
- In this tutorial series, you'll learn how to establish a connection between custom theme extension to your remix application through the Shopify app proxy.
If you like to contribute please check the Github link down below:
🚩 Subscribe ➜
/ @ucp1fedtyrgzpleegquenkkq
❓ Questions - Please go ahead and ask. Let's all help each other.
☕ Buy Me A Coffee ➜ www.buymeacoffee.com/app/dash...
👇 Follow Me On Social Media:
Github: github.com/stefanoHTB
Twitter: / stefm1000
Shopify CLI Tutorial for Beginners
#shopify
#remix
#webdevelopment
#shopifyappproxy
#programming
#nodejs
#javascript
#liquid
#api
📚 Tutorial References:
🔗 Shopify Official Site: shopify.dev/docs/apps - วิทยาศาสตร์และเทคโนโลยี
Great tutorial Stephano. Congratulations on your didactic approach!
This is literally what I have been looking for. I have been looking for a modern solution with the remix template thank you!
👍👍
Great tutorial! Finally i can connect my backend to my store, you're amazing bro!
Thanks man, you are leading in shopify app developemnt. Saved my day!!!
Wow, this is the best explanation for newbies like me. Good job bro!
Wowwwww thanks stephano finally the best informations
Thanks a lot!!! This was very helpful
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.
@SaysCraig, thanks man, I have been strugling with the response for whole day. Thanks for your help big time
thanks man!
Thanks, Very helpful
👊👊
thank you my sir about this shopify remix app videos please keep going o
n ❤❤❤❤❤❤❤❤❤❤❤❤❤
How can i return json data in app.proxy.jsx and show this json data in liquid file.? Could you please help?
In which folder you have created proxy enpoint? The video is cut and we cant see it,.
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?
Thanks. What are the use cases of using app proxies?
Can we setup aws cloudfront for app, my client complant about performance. I would like to setup a cache layer front of app.
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??
Does anyone know if there is another way without creating a checkout extension?
You beautiful man!!!!!!!!!
how can i add apps in my store
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.
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.
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.
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
Hello did you ever get a fix for this ?
@@seunoyebode No I haven't, it is still not working for me yet.
Same issue, has anyone figured this out yet?
I have the same issue
bro how van uase custum api ???
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.
Checkout extensions can't work with Liquid, if that's what you mean.
its working but i cannot see json response in frontend. Can you please help
am getting null as response in the response.body from app. any idea ?
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
Yes of course u can! After u get the session object u can perform all kind of queries
@@stephanodev will it decrease my app performance, of clients click use pagination and all hit my app.
Thank you
does anybody got a fix for why the main URL given to app by shopify be directly used in proxy ?
did you figure this out?
@@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
@@sterling2526 X2
why not connecting the extension directly to the backend ?
cors
@@samyeksonawane you can configure cors. It is not the problem.
I think this is wrong tutorial .