这篇文章介绍一下如何将我们的Shopify App部署到Render上，Render部署和前面的fly.io部署不太一样，Render 是一个类 Vercel/Heroku 的现代部署平台，适合 Shopify App 的小团队部署或测试环境部署，有免费计划支持自动部署（带限制），而且自动从 GitHub 部署。
一、准备工作
上传代码，在github上创建一个repository，然后将你的Shopify App项目上传到github上
二、部署到Render的步骤
1. 创建Project
进入Render的Dashboard页面，创建一个新的Web Service
2. 选择源码
在选择源码的时候，如果你的账号没有绑定github，需要先绑定，我这里是已经绑定了，然后选择我们github上对应的项目
3. 选择Language
这里我们选择Docker，因为Shopify App默认支持Docker，已经帮我们创建好了Dockerfile文件
4. 选择实例类型
个人可以先选择免费类型，不过免费类型是有限制的，免费实例在闲置一段时间没有请求后会降级，服务器会关闭，下次收到请求再打开的时候非常耗时，我测了一下基本需要25~30s左右才能重启，并且免费类型不支持 SSH 访问、扩展、一次性作业或永久性磁盘。
这里推荐一个工具UptimeRobot，可以定时5分钟请求一次对应的服务，能减少服务重启的次数。
5. 添加环境变量
我们先到项目里面，使用如下命令更新我们的环境变量，这个命令会在.env文件中将对应的环境变量填充
shopify app env pull
然后到Render平台继续我们的部署流程，选择Add from .env，将我们的.env文件中的内容直接复制到这里来，然后直接点击Deploy
6. 补充环境变量
这里在部署到一半的时候会失败，提示我们填写必要的环境变量，其实是我们的环境变量中缺少一个SHOPIFY_APP_URL，我们把图上红框处的URL复制下来
然后到Environment页面将这个环境变量补充进入，保存继续编译和部署
可以看到部署成功了：Your service is live
7. 在测试商店预览
进入Shopify Partner后台，然后进入App的Configuration页面，将前面步骤中的部署到Render的url填入到以下地方
然后进入App Overview页面，点击Select store，选择一个商店安装App来预览我们部署的App
接下来就可以在商店顺利打开我们部署的App了
关于Shopify App开发可以参考我的专栏，会不断更新：Shopify App开发专栏
关于我：
曾在字节跳动等大厂工作超过8年，有资深的移动端、前端开发经验，目前在做Shopify相关业务的创业，关注我，我们一起探索Shopify的精彩世界。
卫星公众/小🍠：浅墨 momo
