Heroku 部署

heroku 是一個雲端平台，給你用來部屬 動態程式語言 的平台，所以你可以很輕鬆的部署上你的 node 專案。

參考

• Deploy Nuxt on Heroku
• Deploy NUXT on Heroku Video1

Heroku

• 註冊帳號 HEROKU 網站
• 安裝 heroku cli

---

NUXT

創建的 heroku app (二擇一)

• heroku 創造：

  • Create new app
  • heroku login
  • heroku git:remote -a nuxt-deploy-heroku 連結 heroku git

• 在專案內創造：

  heroku create <yourAppName>
  

創建完成，會回覆一個 heroku.com 的 url ，可以看到你的 app 所在的地方。

或者，你也可以輸入 heroku open 會自動開始 app 的 link。

---

設置 heroku 環境變數

首先，我們希望 app 可以監聽 0.0.0.0 埠，且是在 production (正式)的模式下監聽。

heroku config:set HOST=0.0.0.0
heroku config:set NODE_ENV=production
heroku config:set NPM_CONFIG_PRODUCTION=false

當然，你也可以在 heroku dashboard 的 setting 進行設置。

設置完成後，查看 heroku config 設置

heroku config

---

建立 Procfile 檔案

這是供 heroku 明白的命令檔案。

web: nuxt start

這是指示 server build 後，要運行的命令，運行 nuxt star

---

部屬 heroku

• 如果在 master

  git push heroku master
  

• 如果在其它的支線

  需要指向到 heroku 的 master 這是它預設的部屬支線。

  git push heroku develop:master
  

---

例外處理

heroku 卡在 build

某些時候，為何會卡在 build 一直 pendding 狀態，這樣會讓你的部署進不了下一步。(會持續 pedding 中 很久)。 ⇒ 這個時候，你必預要中止這個 build ，你可以這樣做：

• 安裝 heroku 套件

  heroku plugins:install heroku-builds
  

• 獲取最近 build 的列表

  heroku builds -a <YOUR_APP_NAME>
  

  就會出現，目前的列表：

  

  第一行將是您當前正在運行的構建，第一列是構建 ID。

• 取消列表工作

  heroku builds:cancel <BUILD_ID> -a <YOUR_APP_NAME>
  

  回覆：Stopping build 5c3967d1-fbdb-4f73-81de-bab1063e5a2b... done