node.js ＆reactを使ったアプリ構築

WebアプリをHerokuへデプロイ（設置）する時の流れ

1. Herokuのアカウント作成
2. gitへのコードをコミットする（アップロードする）
3. Heroku CLI をインストール
4. Appを作成
5. AppをGitでデプロイする。
6. Herokuでプロジェクトをデプロイする。

Heroku へのデプロイするためのチェックリスト

• Webアプリが使うポートの決定
• Node.js のバージョン
• HerokuにWebアプリのスタートスクリプトが何かを設定
• .gitignoreの作成

const Port = process.env.PORT || 5000;

環境変数に設定しているのを使うか5000を使う。

package.jsonの設定

以下を追記

"engines": {
  "node": "8.1.1",
  "npm": "5.0.3"
},

スタートスクリプトの設定

"scripts": {
  "start": "node index.js"
},

.gitignoreファイルの設定

gitで管理しないファイル＆ディレクトリを設定

node_modulesを除外する。

.gitignoreファイルを作成して

node_modules

と書き込む。node_modulesディレクトリがgitの管理から外れる。