容器中的 Node.js
在本指南中，您将学习如何
- 为 Express Node.js 服务容器创建
Dockerfile文件 - 构建、运行并验证服务的功能
- 调试在容器内运行的服务
先决条件
创建 Express Node.js 应用程序
-
为项目创建一个文件夹。
-
在项目文件夹中打开开发命令提示符并创建项目
npx express-generator npm install
向项目添加 Docker 文件
-
在 VS Code 中打开项目文件夹。
-
打开命令面板（⇧⌘P（Windows、Linux 为 Ctrl+Shift+P））并使用 Containers: Add Docker Files to Workspace... 命令
-
当提示选择应用程序平台时，选择 Node.js。
-
选择默认的 package.json 文件。
-
当提示输入应用程序端口时，输入
3000。 -
当提示是否包含 Docker Compose 文件时，选择 Yes 或 No。当需要同时运行多个容器时，通常会用到 Compose。
该扩展会创建 Dockerfile 和 .dockerignore 文件。如果您选择包含 Docker Compose 文件，还会生成 docker-compose.yml 和 docker-compose.debug.yml。最后，该扩展将在 .vscode/tasks.json 中创建一组 VS Code 任务用于构建和运行容器（在调试和发布配置中），并在 .vscode/launch.json 中创建一个调试启动配置，用于调试容器内的服务。
向镜像添加环境变量
容器工具扩展通过使用 IntelliSense 提供自动补全和上下文帮助，帮助您编写 Dockerfile。要体验此功能，请按照以下步骤向服务镜像添加环境变量
-
打开
Dockerfile文件。 -
使用
ENV指令向服务容器镜像添加环境变量。
请注意容器工具扩展如何列出所有可用的 Dockerfile 指令并描述语法。
容器工具扩展使用
Dockerfile的base阶段为您的服务创建调试版本的容器镜像。将环境变量定义放在base阶段，以使该变量在容器镜像的调试版和发布版中都可用。 -
保存
Dockerfile文件。
在本地运行服务
-
打开终端（⌃`（Windows、Linux 为 Ctrl+`））。
-
输入
npm run start以启动应用程序> express-app@0.0.0 start /Users/user/code/scratch/express-app > node ./bin/www -
打开 Web 浏览器并导航至 https://:3000。您应该会看到类似以下的页面
-
测试完成后，在终端中输入 Ctrl+C。
构建服务镜像
-
打开命令面板（⇧⌘P（Windows、Linux 为 Ctrl+Shift+P））并选择 Container Images: Build Image... 命令。
-
打开容器资源管理器，验证新镜像是否在“镜像”视图中可见
运行服务容器
-
右键点击上一节中构建的镜像，选择 Run（运行）或 Run Interactive（交互式运行）。容器应会启动，您应该能在“容器”视图中看到它
-
打开 Web 浏览器并导航至 https://:3000。您应该会看到类似以下的页面
-
测试完成后，在“容器”视图中右键点击该容器，选择 Stop（停止）。
在服务容器中调试
当容器工具扩展向应用程序添加文件时，它还会在 .vscode/launch.json 中添加一个 VS Code 调试器配置，用于在容器内运行服务时进行调试。该扩展会检测服务使用的协议和端口，并将浏览器指向该服务。
-
在
routes/index.js中为'/'路由的get()处理程序设置断点。 -
确保选中了 Containers: Node.js Launch 调试器配置。
-
开始调试（使用 F5 键）。
- 构建服务镜像。
- 运行服务容器。
- 浏览器打开映射到服务容器的（随机）端口。
- 调试器在
index.js的断点处停止。
请注意，由于调试器是在应用程序启动*之后*附加的，因此第一次可能会错过断点；您可能需要刷新浏览器才能在第二次尝试时看到调试器中断。
您可以通过在
tasks.json中node对象下的docker-run: debug任务中将 inspectMode 属性设置为break，来配置应用程序以等待调试器附加后再开始执行。
查看应用程序日志
您可以通过对容器使用 View Logs（查看日志）命令在 VS Code 中查看日志
-
导航到容器资源管理器。
-
在 Containers（容器）视图中，右键点击您的容器并选择 View Logs（查看日志）。
-
输出将显示在终端中。
后续步骤
你已完成！现在你的容器已准备就绪，你可能想