如何将项目从WebStorm上部署到Heroku

文章目录

• 环境
• 步骤
• 部署工程注意事项

环境

Windows 10， WebStorm 2019

步骤

1. 注册Heroku账号
2. 下载Heroku Toolbelt （要确保windows environment variables 中的 Path 里要有 …/heroku/bin)
3. 下载Git （Heroku部署Web应用主要通过Git）
4. 在Heroku中创建一个App
5. 在Windows 的Commend Line 中找到工程所在位置Win + R + “cmd” + Enter + $ cd {yourFileAbsoluteLocation}（WebStorm没有一个完善的支持Heroku的plugin， 所以我们要从CLI入手）
6. 在工程目录下$ git init
   或者
   在WebStorm的VCS目录下初始化git
   
   
7. $ git add .
$ git commit -m "init commit"
   或者
   在WebStorm中Ctrl + K勾选所有**文件点击commit
8. $ git remote add heroku {yourHerokuGitURL} {yourHerokuGitURL}可以在Heroku - yourApp - Setting里找到
9. git push heroku master
   或者
   在WebStorm中Ctrl + Shift+ K push 到 heroku/master上
10. 最后通过heroku logs进行调试就大功告成了！

部署工程注意事项

Node.js, Express, MongoDB

1. 根目录要有Procfile内添加web: node app.js
2. Listener的监听地址应是可变动的process.env.PORT || 3000
3. 在文件package.json中应在“scripts”下添加一行“start": "node app.js"
4. MongoDB的链接地址应添加在Heroku的config variables中，在工程内通过process.env.{key}来获取地址