如何将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
相关产品推荐
相关产品推荐

