环境
Windows 10, WebStorm 2019
步骤
- 注册Heroku账号
- 下载Heroku Toolbelt (要确保windows environment variables 中的 Path 里要有 …/heroku/bin)
- 下载Git (Heroku部署Web应用主要通过Git)
- 在Heroku中创建一个App
- 在Windows 的Commend Line 中找到工程所在位置Win + R + “cmd” + Enter +
$ cd {yourFileAbsoluteLocation}
(WebStorm没有一个完善的支持Heroku的plugin, 所以我们要从CLI入手) - 在工程目录下
$ git init
或者
在WebStorm的VCS目录下初始化git
$ git add .
$ git commit -m "init commit"
或者
在WebStorm中Ctrl + K勾选所有**文件点击commit$ git remote add heroku {yourHerokuGitURL}
{yourHerokuGitURL}可以在Heroku - yourApp - Setting里找到git push heroku master
或者
在WebStorm中Ctrl + Shift+ K push 到 heroku/master上- 最后通过
heroku logs
进行调试就大功告成了!
部署工程注意事项
Node.js, Express, MongoDB
- 根目录要有Procfile内添加
web: node app.js
- Listener的监听地址应是可变动的
process.env.PORT || 3000
- 在文件package.json中应在“scripts”下添加一行
“start": "node app.js"
- MongoDB的链接地址应添加在Heroku的config variables中,在工程内通过
process.env.{key}
来获取地址