框架› Express.js

部署 Express.js 應用程式到 Heroku

將帶有加密 .env.vault 檔案的 Express.js 應用程式部署到 Heroku。

初始設定

npm install express --save

建立一個 index.js 檔案，其中包含 Web 伺服器程式碼。

index.js

const PORT = process.env.PORT || 3000
const express = require('express')
const app = express()

app.listen(PORT, () => {
  console.log(`Running on port ${PORT}.`)
})

app.get('/', function (req, res) {
  res.send(`Hello ${process.env.HELLO}`)
})

新增一個 Procfile 以在 Heroku 上執行您的應用程式。

Procfile

web: node index.js

將其提交到程式碼並推送至 Heroku。

heroku create
git push heroku

yourapp.herokuapp.com

部署後，您的應用程式會顯示 'Hello undefined'，因為它還無法存取環境變數。接下來我們來處理這個問題。

安裝 dotenv

安裝 dotenv。

npm install dotenv --save # Requires dotenv >= 16.1.0

在您的專案根目錄中建立一個 .env 檔案。

.env

# .env
HELLO="World"

在您的應用程式中盡早導入並設定 dotenv。

index.js

require('dotenv').config()
console.log(process.env) // remove this after you've confirmed it is working

const PORT = process.env.PORT || 3000
const express = require('express')
...

嘗試在本地執行它。

node index.js
{
  ...
  HELLO: 'World'
}
Server running on port:3000/

它應該會顯示 Hello World。

太棒了！現在 process.env 有您在 .env 檔案中定義的金鑰和值。這涵蓋了本地開發。接下來我們來解決生產環境的問題。

建置 .env.vault

推送您最新的 .env 檔案變更，並編輯您的生產環境機密。深入瞭解同步

npx dotenv-vault@latest push
npx dotenv-vault@latest open production

使用 UI 設定每個環境的機密。

www.dotenv.org

然後建置您加密的 .env.vault 檔案。

npx dotenv-vault@latest build

其內容看起來應該像這樣。

.env.vault

#/-------------------.env.vault---------------------/
#/         cloud-agnostic vaulting standard         /
#/   [how it works](https://dotenv.org/env-vault)   /
#/--------------------------------------------------/

# development
DOTENV_VAULT_DEVELOPMENT="/HqNgQWsf6Oh6XB9pI/CGkdgCe6d4/vWZHgP50RRoDTzkzPQk/xOaQs="
DOTENV_VAULT_DEVELOPMENT_VERSION=2

# production
DOTENV_VAULT_PRODUCTION="x26PuIKQ/xZ5eKrYomKngM+dO/9v1vxhwslE/zjHdg3l+H6q6PheB5GVDVIbZg=="
DOTENV_VAULT_PRODUCTION_VERSION=2

設定 DOTENV_KEY

取得您的生產環境 DOTENV_KEY。

npx dotenv-vault@latest keys production
# outputs: dotenv://:[email protected]/vault/.env.vault?environment=production

使用 CLI 在 Heroku 上設定 DOTENV_KEY。

heroku config:set DOTENV_KEY='dotenv://:key_1234…@dotenv.org/vault/.env.vault?environment=production'

或使用 Heroku 的 UI。

www.heroku.com

部署

將這些變更安全地提交到程式碼並部署。

就是這樣！在部署時，您的 .env.vault 檔案將會被解密，並且其生產環境機密會以環境變數的形式注入，恰好及時。

yourapp.herokuapp.com

當您在您的記錄中看到 'Loading env from encrypted .env.vault' 時，您就知道事情已正確運作。如果未設定 DOTENV_KEY（例如，當您在本地電腦上開發時），它會回退到標準的 dotenv 功能。

heroku logs --tail

您已成功使用新的 .env.vault 標準來加密和部署您的機密。這比將您的機密分散在多個第三方平台和工具中安全得多。每當您需要新增或變更機密時，只需重建您的 .env.vault 檔案並重新部署即可。