零基础必看!Express 项目 .env 配置,开发、测试、生产环境轻松搞定!

一、什么是.env文件?

.env文件是一种存放环境变量的文本文件,通常用于存储敏感信息或不同环境(开发、测试、生产)的配置参数。它的内容格式简单,格式为KEY=VALUE,支持注释(以#开头)类似于:

plaintext 复制代码
PORT=3000
DB_HOST=localhost
DB_USER=root
DB_PASS=your_password
API_KEY=your_api_key

二、准备工作

  1. 创建项目
bash 复制代码
mkdir express-env-demo
cd express-env-demo
npm init -y
  1. 安装必要的依赖
bash 复制代码
npm install express dotenv

三、配置.env文件

在项目根目录下新建一个.env文件,内容示例:

plaintext 复制代码
PORT=3000
GREETING=Hello, World!

四、在Express中加载.env配置

app.js中引入dotenv模块,并在应用启动前加载配置。

javascript 复制代码
// 引入dotenv,加载.env文件中的配置
require('dotenv').config();

const express = require('express');
const app = express();

// 使用环境变量
const port = process.env.PORT || 3000;
const greeting = process.env.GREETING || 'Hello';

app.get('/', (req, res) => {
  res.send(greeting);
});

app.listen(port, () => {
  console.log(`服务器已启动,端口:${port}`);
});

五、运行你的应用

bash 复制代码
node app.js

访问http://localhost:3000,你会看到.env中配置的问候语。

六、环境变量的最佳实践

  • 不要将.env文件提交到版本控制系统 :在.gitignore中添加.env,确保敏感信息不泄露。
  • 为不同环境创建不同的配置文件 :如.env.development.env.production,并在部署时加载对应的文件。
  • 使用环境变量管理工具 :如dotenv-cli,方便在不同环境中切换配置。
相关推荐
2301_7683502314 分钟前
Vue第二期:组件及组件化和组件的生命周期
前端·javascript·vue.js
小周同学:41 分钟前
Vue项目中将界面转换为PDF并导出的实现方案
javascript·vue.js·pdf
兮动人1 小时前
Spring Bean耗时分析工具
java·后端·spring·bean耗时分析工具
华洛2 小时前
公开一个AI产品的商业逻辑与设计方案——AI带来的涂色卡自由
前端·后端·产品
追逐时光者2 小时前
C#/.NET/.NET Core技术前沿周刊 | 第 57 期(2025年10.1-10.12)
后端·.net
今天头发还在吗2 小时前
【React】TimePicker进阶:解决开始时间可大于结束时间的业务场景与禁止自动排版
javascript·react.js·ant design
今天头发还在吗2 小时前
【React】动态SVG连接线实现:图片与按钮的可视化映射
前端·javascript·react.js·typescript·前端框架
小刘不知道叫啥2 小时前
React 源码揭秘 | suspense 和 unwind流程
前端·javascript·react.js
间彧2 小时前
Spring Bean生命周期中init-method详解与项目实战
后端
间彧3 小时前
InitializingBean详解与项目实战应用
后端