使用 Express.js 在 Docker 容器中进行 Web 开发

在当今快节奏的开发环境中，容器化已成为 Web 开发人员改变游戏规则的方法，提供一致、可移植且易于管理的环境。 Docker作为最流行的容器化平台，让开发者能够轻松创建和管理容器，让开发和部署更加顺畅。将 Docker 与 Express.js 等 Node.js 框架相结合，为 Web 开发带来了进一步的敏捷性，使开发人员能够轻松创建、测试和部署 Web 应用程序。

在本文中，我们将探讨如何在 Docker 容器内设置和开发 Express.js 应用程序，重点关注它为 Web 开发带来的优势。

为什么使用 Docker 进行 Web 开发？

Docker 将应用程序的依赖项封装在容器中，这意味着：

• 跨环境的一致性：Docker 容器在任何安装了 Docker 的系统上以相同的方式运行，消除了“它在我的机器上运行”的问题。
• 隔离：Docker 为您的应用程序提供了一个隔离的环境，确保它不会干扰其他应用程序。
• 可扩展性和部署：容器可以轻松扩展和部署，使水平扩展应用程序变得简单。

对于使用 Express.js 的 Web 开发，Docker 确保 Node.js 和任何其他依赖项（如数据库或库）在与主机系统分开的环境中正确配置。

在 Docker 中设置 Express.js 应用程序

让我们深入了解在 Docker 容器内设置和运行 Express.js 应用程序所需的步骤。

第 1 步：初始化 Express.js 应用程序

首先，创建一个基本的 Express.js 应用程序。如果您没有全局安装它，您可以运行：

npx express-generator myapp
cd myapp

这会为 Express.js 应用程序创建一个基本的文件夹结构和一些默认文件。接下来，安装任何必要的依赖项：

npm install

第2步：编写Dockerfile

Dockerfile 定义了设置和运行应用程序所需的环境和指令。以下是 Express.js 应用程序的 Dockerfile 示例：

# Use an official Node.js image as the base
FROM node:latest AS development

# Create and set the working directory inside the container
WORKDIR /app

# Copy package.json and package-lock.json files to the container
COPY package*.json ./

# Install dependencies
RUN npm install

# Copy the entire application code to the container
COPY . .

# Expose the port the app runs on
EXPOSE 3000

# Run the application
CMD ["npm", "start"]

步骤 3：创建 Docker Compose 文件（可选）

如果您的应用程序有多个服务（例如数据库），docker-compose.yml 可以帮助定义和管理它们。这是一个示例 docker-compose.yml 文件：

services:
  app:
    build: .
    ports:
      - "3000:3000"
    volumes:
      - .:/app
      - /app/node_modules
    environment:
      - NODE_ENV=development

第 4 步：构建并运行 Docker 容器

要为您的应用程序创建容器，请在应用程序的根目录（Dockerfile 所在的位置）中打开终端并运行：

npx express-generator myapp
cd myapp

然后，要运行容器，请使用：

npm install

现在应该可以通过 http://localhost:3000 访问该应用程序。

第 5 步：使用实时重新加载进行开发

默认情况下，Docker 不支持实时重新加载（其中代码的更改会自动反映）。但是，您可以借助 nodemon 来实现此目的，这是一个监视文件更改并自动重新启动服务器的工具。

首先，安装nodemon作为开发依赖项：

# Use an official Node.js image as the base
FROM node:latest AS development

# Create and set the working directory inside the container
WORKDIR /app

# Copy package.json and package-lock.json files to the container
COPY package*.json ./

# Install dependencies
RUN npm install

# Copy the entire application code to the container
COPY . .

# Expose the port the app runs on
EXPOSE 3000

# Run the application
CMD ["npm", "start"]

然后，更新 Dockerfile 将 NODE_ENV 设置为development，并更新启动命令：

services:
  app:
    build: .
    ports:
      - "3000:3000"
    volumes:
      - .:/app
      - /app/node_modules
    environment:
      - NODE_ENV=development

或者如果您使用的是 docker-compose.yml，则可以直接在其中指定命令：

docker build -t express-app .

此设置支持实时重新加载，这在开发过程中非常有益，因为它可以节省时间并提高生产力。

第 6 步：使用 Docker Volume 管理依赖关系

为避免每次重新构建依赖的问题，请使用 Docker Volume 将本地文件系统的源代码挂载到容器中。

在 docker-compose.yml 中：

docker run -p 3000:3000 express-app

此配置会在主机和容器之间同步您的代码，但不会覆盖 node_modules 文件夹。

第7步：在Docker内部调试

Docker 提供了多种调试选项。您可以向应用程序添加 DEBUG 标志以增加日志记录的详细程度或使用 Docker 自己的日志记录和监视命令：

npm install --save-dev nodemon

第 8 步：生产环境的 Docker 化

当转向生产时，还有额外的优化步骤，例如：

• 使用多阶段构建来减小图像大小。
• 设置特定于环境的配置。
• 添加安全措施，例如扫描漏洞。 多阶段构建 Dockerfile 的示例：

# Install nodemon globally
RUN npm install -g nodemon

# Run the application using nodemon
CMD ["nodemon", "bin/www"]

在 Docker 中使用 Express.js 进行开发的优势
在 Docker 中开发 Express.js 应用程序具有显着的优势：

• 平台一致性：Docker 容器在从开发到生产的所有阶段标准化您的环境。
• 简化的依赖关系：通过封装依赖关系，您可以消除本地计算机上的复杂安装。 快速扩展：容器允许您通过部署额外的实例来水平扩展应用程序。 轻松协作：共享 Dockerfile 或 docker-compose.yml 可确保团队成员在准确的环境中工作。 ## 最佳实践
• 保持 Docker 镜像较小： 使用多阶段构建来最小化镜像大小并提高性能。 使用环境变量进行配置：避免硬编码配置以保持容器与环境无关。
• 利用卷：利用 Docker 卷来存储数据或在开发中同步代码。
• 使用 CI/CD 实现自动化：将 Docker 合并到 CI/CD 管道中，以实现跨环境的一致和自动化部署。 ＃＃ 结论 Docker 化 Express.js 应用程序可为 Web 开发提供可扩展且强大的解决方案。通过使用 Docker，您可以更好地控制环境、简化依赖关系管理并改善协作，所有这些对于现代 Web 开发都至关重要。无论您正在开发简单的应用程序还是具有多个服务的复杂系统，Docker 都提供了可以简化您的工作流程并让您的项目在生产中取得成功的工具。

立即开始使用 Docker 和 Express.js，看看它如何改变您的开发体验！

以上是使用 Express.js 在 Docker 容器中进行 Web 开发的详细内容。更多信息请关注PHP中文网其他相关文章！