零基础必看!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,方便在不同环境中切换配置。
相关推荐
小妖6669 分钟前
Next.js 怎么使用 Chakra UI
前端·javascript·ui
胡西风_foxww15 分钟前
从数据丢失到动画流畅:React状态同步与远程数据加载全解析
前端·javascript·react.js·同步·异步·数据·状态
格调UI成品16 分钟前
[特殊字符] 数据可视化结合 three.js:让 3D 呈现更精准,3 个优化经验谈
javascript·3d·信息可视化
初遇你时动了情1 小时前
JS中defineProperty/Proxy 数据劫持 vue3/vue2双向绑定实现原理,react 实现原理
javascript·vue.js·react.js
Livingbody1 小时前
ubuntu25.04完美安装typora免费版教程
后端
阿华的代码王国1 小时前
【Android】RecyclerView实现新闻列表布局(1)适配器使用相关问题
android·xml·java·前端·后端
码农BookSea1 小时前
自研 DSL 神器:万字拆解 ANTLR 4 核心原理与高级应用
java·后端
lovebugs1 小时前
Java并发编程:深入理解volatile与指令重排
java·后端·面试
汪子熙2 小时前
Angular 最新的 Signals 特性详解
前端·javascript
Spider_Man2 小时前
前端路由双雄传:Hash vs. History
前端·javascript·html