如何将Shopify应用部署至Heroku？求有效部署步骤指导

1. 本地代码与配置调整 #

• 确认项目根目录的package.json中包含start命令（Heroku依赖该命令启动生产服务），示例配置：

  "scripts": {
    "dev": "your-development-start-command",
    "start": "node server.js" // 替换为你的生产环境启动命令，比如框架对应的启动指令
  }
  

• 整理本地.env文件中的核心变量：SHOPIFY_API_KEY、SHOPIFY_API_SECRET、APP_URL等，后续需同步到Heroku。注意APP_URL要改为即将生成的Heroku应用域名（格式：https://<你的Heroku应用名>.herokuapp.com）。
• 检查服务器端口配置：代码中不能硬写固定端口，必须读取process.env.PORT（Heroku会自动分配端口），示例：

  const port = process.env.PORT || 3000;
  app.listen(port, () => {
    console.log(`服务运行在端口 ${port}`);
  });
  

2. 初始化Heroku应用 #

• 安装Heroku CLI后，打开终端进入项目目录，登录Heroku：

  heroku login
  

• 创建Heroku应用：

  heroku create <自定义应用名> # 留空可让Heroku随机生成名称
  

• 推送本地代码到Heroku仓库：

  git add .
  git commit -m "部署准备完成"
  git push heroku main # 若主分支为master则替换为git push heroku master
  

3. 设置Heroku环境变量 #

• 登录Heroku控制台，找到你的应用，进入「Settings」→「Config Vars」，添加以下必填变量：
  • SHOPIFY_API_KEY：你的Shopify应用API密钥
  • SHOPIFY_API_SECRET：你的Shopify应用API密钥密码
  • APP_URL：你的Heroku应用完整域名
  • 其他项目依赖的环境变量（如数据库连接字符串等）

4. 配置Shopify合作伙伴后台 #

• 登录Shopify合作伙伴后台，找到目标应用：
  • 进入「App setup」页面，将「App URL」修改为你的Heroku应用域名。
  • 在「Allowed redirection URL(s)」中添加回调地址，示例：https://<你的Heroku应用名>.herokuapp.com/auth/callback（需与代码中的OAuth回调路径完全一致），以及其他必要的重定向URL。

5. 验证部署与测试 #

• 启动Heroku服务实例：

  heroku ps:scale web=1
  

• 实时查看应用日志排查问题：

  heroku logs --tail
  

• 前往测试店铺安装应用，或直接访问Heroku域名验证服务是否正常运行。若出现报错，优先查看日志中的具体错误信息（如依赖缺失、OAuth配置不匹配等）。

内容的提问来源于stack exchange，提问作者martini_dog