零基础必看!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,方便在不同环境中切换配置。
相关推荐
Hi_kenyon19 分钟前
VUE3套用组件库快速开发(以Element Plus为例)二
开发语言·前端·javascript·vue.js
奋进的芋圆1 小时前
DataSyncManager 详解与 Spring Boot 迁移指南
java·spring boot·后端
计算机程序设计小李同学1 小时前
个人数据管理系统
java·vue.js·spring boot·后端·web安全
EndingCoder1 小时前
Any、Unknown 和 Void:特殊类型的用法
前端·javascript·typescript
Echo娴2 小时前
Spring的开发步骤
java·后端·spring
追逐时光者2 小时前
TIOBE 公布 C# 是 2025 年度编程语言
后端·.net
Victor3562 小时前
Hibernate(32)什么是Hibernate的Criteria查询?
后端
Victor3562 小时前
Hibernate(31)Hibernate的原生SQL查询是什么?
后端
JosieBook2 小时前
【Vue】09 Vue技术——JavaScript 数据代理的实现与应用
前端·javascript·vue.js