框架 › Express.js

将 Express.js 应用程序部署到 Vercel

将带有加密 .env.vault 文件的 Express.js 应用程序部署到 Vercel。

初始设置

npm install express --save

创建一个包含 Web 服务器代码的 index.js 文件。

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}`)
})

添加 vercel.json 文件以在 Vercel 上运行您的应用程序。

vercel.json

{
  "version": 2,
  "builds": [
    {
      "src": "index.js",
      "use": "@vercel/node"
    }
  ],
  "routes": [
    {
      "src": "/(.*)",
      "dest": "index.js"
    }
  ]
}

添加 .vercelignore 文件。

.vercelignore

.env*
!.env.vault

将更改提交到代码并将其部署到 Vercel。

npx vercel@latest deploy --prod

部署后，您的应用程序将显示 'Hello undefined'，因为它还没有访问环境变量的方法。接下来，让我们来解决这个问题。

yourapp.vercel.app

安装 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/

完美。 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 在 Vercel 上设置 DOTENV_KEY。

npx vercel@latest env add DOTENV_KEY

? What’s the value of DOTENV_KEY? dotenv://:[email protected]/vault/.env.vault?environment=production
✅  Added Environment Variable DOTENV_KEY to Project nodejs-vercel [94ms]

或者使用 Vercel 的 UI。

vercel.com

部署

将这些更改安全地提交到代码并进行部署。

npx vercel@latest deploy --prod

就是这样！部署时，您的 .env.vault 文件将被解密，并且其生产机密将被注入为环境变量 - 恰到好处。

yourapp.vercel.app

您成功使用新的 .env.vault 标准加密和部署了您的机密。这比将机密散布在多个第三方平台和工具中要安全得多。每当您需要添加或更改机密时，只需重新构建您的 .env.vault 文件并重新部署。