How to deploy the shopify demo app node react app.

Highlighted
New Member
13 0 0

Hi, 

I am an app developer and new to shopify. I am creating an app in node and react almost like the sample app discussed in shopify node react app tutorial. 

I am not familiar with deploying a node and react app in server. Can anyone just guide me through the step by step process. My deployment VM is in azure cloud. 

0 Likes
Highlighted
Shopify Partner
395 27 59

Hi @NithinUser 

 

When I first made a Shopify app I did it in PHP with BackboneJS on the front-end. It really doesn't matter what tech stack you use with Shopify since it's hosted outside of their domain and uses RESTful APIs. We gravitated towards NodeJS because switching back and forth between languages was annoying. A new challenge is always exciting too. 


A step by step deployment process for a Node app would be like any other only you would daemonize the node process, probably run Nginx as a reverse proxy and likely need to compress and bundle your assets like any other app. Not sure about Azure I've never used it but I'm sure it has tools for build/deploy. It really doesn't matter what platform you use, your OS does. Do you have a local development setup? 

 

Regards,

Sam - Owner

Custom Apps and Theme Support | Email us: hello@achieveapplabs.com | Follow us on Twitter @achieveapplabs | Hosted solutions | Lifetime support
0 Likes
Highlighted
New Member
13 0 0

Yes, I have a local env setup , but in the app url of shopify create app , i can only give a https port as App Url. Thats where i am facing issue

0 Likes
Shopify Partner
395 27 59

Hi @NithinUser ,

 

Download NGROK https://ngrok.com/download and follow this guide https://shopify.dev/tutorials/build-a-shopify-app-with-node-and-react/embed-your-app-in-shopify

 

Best,


Sam

Custom Apps and Theme Support | Email us: hello@achieveapplabs.com | Follow us on Twitter @achieveapplabs | Hosted solutions | Lifetime support
0 Likes
Highlighted
New Member
13 0 0
##- Please type your reply above this line we are not allowed to use ngrok,
we use cloud VMs so that public ip can be accessed in APP URL -##
0 Likes
Highlighted
Shopify Partner
395 27 59

All you need is a static IP + SSL. If you're not allowed to use NGROK then setup your own reverse tunnel. You can easily setup port forwarding on your router to connect to a server in the office. Anyways this is more in the network side of things and getting away from Shopify side of things.

 

All the best!

 

Sam

Custom Apps and Theme Support | Email us: hello@achieveapplabs.com | Follow us on Twitter @achieveapplabs | Hosted solutions | Lifetime support
0 Likes