You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何将React Native应用的后端部署至Heroku平台?

部署前后端分离应用的后端到Heroku平台

以下是实操步骤,按顺序执行即可:

1. 检查后端代码兼容性

  • 禁止硬编码端口,必须读取环境变量中的PORT(Heroku会自动分配端口)。比如Node.js写const port = process.env.PORT || 3000;,Python Flask写app.run(port=os.environ.get('PORT', 5000))。
  • 配置启动命令:Node.js在package.json的scripts中添加"start": "node server.js"(替换为你的启动文件名);Python需创建Procfile,内容写web: gunicorn your_app_module:app(替换为你的应用模块名)。
  • 确保依赖文件完整:Node.js要有package.json和package-lock.json;Python要有requirements.txt;Java要有pom.xml等,Heroku会依据这些文件安装依赖。

2. 安装并登录Heroku CLI

  • 本地安装Heroku命令行工具,终端执行:
    heroku login
    
    按提示在浏览器完成登录验证。

3. 初始化Git仓库(未关联时执行)

如果后端项目还没绑定Git,依次执行:

git init
git add .
git commit -m "Initial backend commit"

4. 创建Heroku应用

执行命令生成应用(支持自定义名称):

# 生成随机名称应用
heroku create
# 指定自定义名称
heroku create your-custom-backend-name

5. 配置环境变量

若后端需数据库连接串、密钥等变量,用命令行设置:

heroku config:set DB_URL="your-database-url"
heroku config:set SECRET_KEY="your-secret-key"

也可登录Heroku后台,找到对应应用后在「Settings」→「Config Vars」中手动添加。

6. 部署代码

将本地代码推送到Heroku远程仓库:

# 主分支为main时
git push heroku main
# 主分支为master的老项目
git push heroku master

7. 验证部署

  • 执行heroku open直接打开后端应用地址,测试接口是否正常响应。
  • 若出现异常,用heroku logs --tail实时查看日志,定位问题。

常见注意事项

  • 跨域配置:后端需开启CORS,允许前端域名访问(比如Node.js用cors包,设置origin为前端的Heroku域名或本地开发地址)。
  • 休眠机制:Heroku免费应用30分钟无请求会进入休眠状态,首次请求会有延迟,属于正常现象。
  • 数据库集成:若需数据库,可在Heroku后台添加对应Add-ons(如Heroku Postgres),通过环境变量获取连接地址。

内容的提问来源于stack exchange,提问作者mitsu

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.23 09:18:35