部署 Node.js 應用程式至 Northflank

將具有加密 .env.vault 檔案的 Node.js 應用程式部署至 Northflank。

初始設定

如果尚未建立,請建立一個 index.js 檔案。

index.js

// index.js
const PORT = process.env.PORT || 80
const http = require('http')
const server = http.createServer((req, res) => {
  res.statusCode = 200
  res.setHeader('Content-Type', 'text/plain')
  res.end(`Hello ${process.env.HELLO}`)
})

server.listen(PORT, () => {
  console.log(`Server running on port:${PORT}/`)
})

新增一個 Dockerfile

Dockerfile

# Dockerfile
FROM node:16
WORKDIR /usr/src/app
COPY package*.json ./
RUN npm install
COPY . .
EXPOSE 80
CMD node index.js

建立您的 .dockerignore 檔案。

.git
.env*
!.env.vault

建立一個空的 package.json 檔案。

package.json

{}

將所有這些程式碼提交並推送到 GitHub。然後在 Northflank 上建立一個新專案,該專案會連線至該 GitHub 儲存庫。

northflank.com

為您的建置選項選擇 Dockerfile。

northflank.com

Northflank 會將您的應用程式部署至 code.run

yourapp.code.run

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

安裝 dotenv

安裝 dotenv

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

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

.env

# .env
HELLO="World"

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

index.js

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

const PORT = process.env.PORT || 80
const http = require('http')
...

嘗試在本機執行。

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

完美。現在 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

在 Northflank 上設定 DOTENV_KEY

northflank.com

部署

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

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

當您在記錄檔中看到 'Loading env from encrypted .env.vault' 時,您就會知道事情已正確運作。如果未設定 DOTENV_KEY(例如在本機電腦上開發時),它將會回復為標準 dotenv 功能。

northflank.com 記錄檔