How to Host Your Shopify App STEP BY STEP | Fly.io, Heroku, and DigitalOcean
ฝัง
- เผยแพร่เมื่อ 11 ก.ค. 2024
- In this video we'll cover how to host your Shopify app using 3 popular hosting options: Fly.io, Heroku, and DigitalOcean.
Get a $200 credit for DigitalOcean when you sign up with my link: m.do.co/c/7c776f49302b
Fly.io: fly.io/
Heroku: www.heroku.com/
Please let me know in the comments down below if you have any questions or run into any problems while following along in the video, I'd love to help out in any way I can. Feedback and constructive criticism is also highly appreciated!
And don't forget to follow me on Twitter! / devwithalex
📕 Chapters
-------------------------
0:00 Intro
0:42 Create new app with CLI
3:24 Fly.io hosting
11:24 Heroku hosting
20:22 Digital Ocean hosting
26:13 Outro
🔗 LINKS
-------------------------
Fly.io: fly.io/
Heroku: www.heroku.com/
Digital Ocean ($200 signup credit [Affiliate Link]): m.do.co/c/7c776f49302b
Create a Shopify app through the CLI:
shopify.dev/docs/apps/getting...
Shopify docs for hosting + deploying app:
shopify.dev/docs/apps/deploym...
Shopify Devs Discord (I'm in there!):
/ discord
✉️ INQUIRIES
-------------------------
Email: contact@devwithalex.com
Twitter: / devwithalex
🙋🏽♂️ About Me
-------------------------
Hi there! My name is Alex and I have been programming (mostly self-taught) for over 4 years now. Programming has changed my life for the better, and I am on a mission to share my knowledge with you so that you can reap the rewards of a satisfying and fulfilling career in software development. My favorite thing about software development is that you are constantly learning, and I want to share the things I learn with you! I am always looking for ways to improve and new things to learn, so feel free to reach out or leave a comment letting me know where I can improve or if I should cover a specific topic! - แนวปฏิบัติและการใช้ชีวิต
![[UNCUT] ที่นี่ที่แรก ปู - หาญส์ พูดถึงมหากาพย์หนี้สิ้น I คนดังนั่งเคลียร์ I 10 ก.ค.67](http://i.ytimg.com/vi/KDNA9DZ0p4U/mqdefault.jpg)
This is awesome! The perfect tutorial! Nice work !!
Thank you! This is just what I needed.
Goat 🐐 I was waiting for this!
🙏
Bro your content is so awesome and the way you teach is great. I just wish we had content more oftenly, or even a Shopify App development course somewhere.. I'd be more than happy to follow you all along.
Thanks for this great tutorial!
Your content is adding value to my life, I see every video of your channel 👍🏻
Very glad to hear that, thank you for watching!
Excellent hosting tutorial !! thank you
First! Awesome Alex!
Thanks for watching :)
My man, great video!.. btw for any windows users I had to first use “flyctl” instead of “fly” for first commands.. then also had to install via chocolatey to see/use flyctl cmd in my Shopify app directory
thank's for this video it's very useful and well explained
Thanks for watching!
Another great tutorial man! I'm particularly interested in payments, tiers etc - will you do a video on that?
Yep, I'll add it to my list! Thanks for the suggestion
Keep the good content coming
Will do, thanks for watching!
Thanks for the tutorial! Can you do the deploy for public apps too, so it can install by multiple store? That would be awesome, Best.
Thx a lot!!!
Thanks for the tutorial, specially the one from DO, if you have an example of using databases and how the session storage management is, that would be awesome. Best.
Dear Please reply on this. I'm getting database connection issue
Awesome, This was really helpful for getting my custom app running. A video suggestion: I haven't been able to find anything on the admin links extension. How do you get admin links from a product detail page to properly direct to your custom app's product page?
I'll add that to my video list! I haven't done much with admin links so I'll do a bit of research and cover that soon
Thank you for your video. But what about the database and user authentication ? AWS, for example, included a lot of tools so that we do not have to manage these features (DynamoDB, AppSync, Cognito, Amplify, ...).
This is awesome man, following those steps are easy. I just had one problem with the digital ocean where I kept on getting a "deploment failed" along the process. I tried deploying a freshy installed shopify remix app (latest one) but still got same error. Can you somehow show me how to do it in the latest shopify remix? Thanks a lot.
Hello Alex, THank for your video..
One question, they are differences between app deployment and app proxy?
Thanks Alex for the tutorial. Can you make a video about using FlyIO persistent volume to store the Shopify database?
and how to replicate/keep synched the db.... Flyio suggests to deploy 2 VM per app with a volume attached to each (in case one VM goes down, the other continues serving the app .. and the db).
Thank you. I used the same node template and deployed on Heroku. How can I now view the contents of the root>web>database.sqlite file that the template writes user login to? Thanks!
This is helpful tutorial! Do you have any documentation or tutorial for How to deploy remix app with Extension, is it possible to use same domain for multiple shopify partner if yes then how can i achieve that?
Hi Alex,
I have a question, Which hosting provider is easy and scalable support to the Shopify node app using CLI3.
Hi Alex, could you continue this video with deploy/release extension? I followed your ways to deploy to digital ocean, it works like you did but I when I do checkout to verify the extension it doesn't appear. I checked on console saw an error related private access token(401 status code). Thank you very much
Hi, Alex how do host the Shopify custom app on it "Shopify App Store" and install it on a different partner website?
Hi, I need to develop an app that will be private, that is, aimed only at my customers and the billing takes place outside of shopify, but the app will be the same for everyone, I don't want to put it in the app store, but I saw that you can no longer make private apps aimed at multiple shopify stores, but only custom apps valid for a single Shopify store...
Should I keep the frontend and backend source code in common and create an app for each store I need to install it on?
i have a question can i use this DO account as multiple projects like i have a shopify app and a different node project as well, or this is only for shopify apps
Yes awesome! Is there something specific for php to be done?
I haven’t tried with PHP, but since we’re setting up the hosting from the dockerfile (which is included on all templates) it should be exactly the same!
Can you please create a video for deploymen on AWS server using Docker ?
Thank you for your tutorial. What you suggest for app with mongo db. Will digital ocean offer that or need to use mongo db cluster
Thank you
I personally don't use MongoDB but DigitalOcean does have database hosting, including Mongo
www.digitalocean.com/products/managed-databases
10 Points
Can we integrate with cloudfront to speed up perf?
Very helpful. Are you interested in making videos about app extensions and metafields?
Yep, will be adding those in my app build videos
How can i host my post purchase app on AWS server? Please answer 🙏
Alex, after you deploy your app to Digital Ocean how do you manage the version that will ultimately by "the prod version" and the version that you keep developing? Using git branches, I suppose?
Do you recommend using a deployment tool like Capistrano to push your changes to Digital Ocean (and manage versions)?
You'll need to create a new app in the Shopify admin, so you'll have the original one that is the production version and is hosted on Digital Ocean or other platform, and then another app that runs off the same codebase but you'll use it locally for development (and that codebase of course can have different branches you'll use locally). If you wanted to host a staging environment or something as well, then you can just create a new project in Digital Ocean, hook it up to the same repo but have it run off of a different git branch such as "stage" or something. So if you want to update prod, push your changes to "main". If you want to update the staging environment, push your changes to "stage" branch, etc. As far as I know that's the simplest way to manage environments, I'm planning a video that will go over all that as well.
@@MS-de1it I've never used it, but extra tools aren't necessary here for managing environments. It might be different if you have a very large app but for most people the solution in my other comment will be completely fine
I am developing a custom app for our store. This will not be made public and atm I have installed this via a distribution link. Do I have to hose my app under these circumstances?
Yes unless the app is theme extension only
hi, I keep getting "ruby environment not found" error. I am not sure if I am doing something wrong. Can you please help me? May be my docker file is not correct.
Can you explain how to host the shopify app using cloudflare pages
HI I want to deploy my app on a Ubuntu or VPS server Can you guide me through the steps involved in deploying my app on a Ubuntu server.i don't find any solution when i try to deploy it using CLI it will ask me to login in to Ubuntu you cant open the login page in another tab I am stuck here i hope you understand my question
Hello Bro, previous app was live but it's gettting port
error now.
when i add create command i get this Couldn't find that stack.
how can we host shopify app in AWS Server.????????????????
Could you guide deploy on Linux or something? Please
Thank you very much
I can for sure add that to my list of things to cover, I wouldn't recommend it for most people though since there's more manual work involved and of course more maintenance so using a platform like in the video would be a much best option for most people!
In the meantime, here's an article I've actually used before covering this: medium.com/@chris.geelhoed/how-to-deploy-node-js-shopify-apps-to-digital-ocean-4b2350840080
@@devwithalex If you have a video about this installation in linux please let me know. I will check the link you sent me. Thank you so much Alex.
Hi is there any possibility that we can host the app on our own server like godaddy or hostinger
Yep, it's possible to deploy an app on pretty much any server platform
@@devwithalex Would you make a shrt video on how we can do it, also I facing to get api scope on checkout page.
Hello, I'm trying to run the dockerfile locally but with no success.
I've this error: Cannot initialize Shopify API Library. Missing values for: apiKey, apiSecretKey, hostName, scopes
So I've modified my shopifyApp() but I don't understand what I sould put in the hostName field.
My app could run on any shopify shop so I don't understand.
Thank you for your help.
If you're running your app locally, you should be using the `npm run dev` command in the terminal and not trying to run the dockerfile locally. `npm run dev` will auto populate any environment variables and update the hostname automatically and just make your life so much easier. When you're hosting on a platform and are running off a dockerfile thats where you need to add those env vars manually like in the video.
@@devwithalex i am facing similar issue while hosting on a platform please i am running `npm run build` command and also update URLs in app setting but nothing working i dont know what i am missing in this process
@asiffaiz3202 have you got any solution?? I am facing the same issue
Hi,
I'm trying to host my Shopify App on Heroku everything perfectly preform action but last things I'll check URL then Heroku showing error Please guide me how can solve this error
Application error
An error occurred in the application and your page could not be served. If you are the application owner, check your logs for details. You can do this from the Heroku CLI with the command
heroku logs --tail
how can we host shopify app in AWS Server.????????????????