现已发布!阅读关于 12 月份的新功能和修复。

容器中的 Node.js

在本指南中,您将学习如何

  • Express Node.js 服务容器创建 Dockerfile 文件
  • 构建、运行并验证服务的功能
  • 调试在容器中运行的服务

先决条件

  • 必须已安装 Docker 和 VS Code Container Tools 扩展,如 概述中所述
  • Node.js 版本 10 或更高版本

创建 Express Node.js 应用程序

  1. 为项目创建一个文件夹。

  2. 在项目文件夹中打开开发命令提示符并创建项目

    npx express-generator
    npm install
    

向项目添加 Docker 文件

  1. 在 VS Code 中打开项目文件夹。

  2. 打开命令面板(⇧⌘P(Windows、Linux Ctrl+Shift+P),然后使用 Containers: Add Docker Files to Workspace... 命令

    Add Dockerfile to a Node.js project

  3. 在提示选择应用程序平台时,选择 Node.js

  4. 选择默认的 package.json 文件。

  5. 在提示选择应用程序端口时,输入 3000

  6. 在提示是否包含 Docker Compose 文件时,选择 YesNo。Compose 通常用于一次运行多个容器。

扩展会创建 Dockerfile.dockerignore 文件。如果您选择包含 Docker Compose 文件,还会生成 docker-compose.ymldocker-compose.debug.yml。最后,扩展会在 .vscode/tasks.json 中创建一组用于构建和运行容器(调试和发布配置)的 **VS Code 任务**,以及一个用于在容器内调试服务的 .vscode/launch.json 中的 **启动调试配置**。

向镜像添加环境变量

Container Tools 扩展通过使用 IntelliSense 提供自动补全和上下文帮助,帮助您编写 Dockerfile。要实际体验此功能,请按照以下步骤向服务镜像添加环境变量

  1. 打开 Dockerfile 文件。

  2. 使用 ENV 指令将环境变量添加到服务容器镜像。

    Add an environment variable to Docker image

    请注意,Container Tools 扩展如何列出所有可用的 Dockerfile 指令并描述语法。

    Container Tools 扩展使用 Dockerfilebase 阶段来创建服务容器镜像的调试版本。将环境变量定义放在 base 阶段,以便在容器镜像的调试和发布版本中都可用此变量。

  3. 保存 Dockerfile 文件。

在本地运行服务

  1. 打开终端(⌃`(Windows、Linux Ctrl+`)。

  2. 输入 npm run start 以启动应用程序

    > express-app@0.0.0 start /Users/user/code/scratch/express-app
    > node ./bin/www
    
  3. 打开 Web 浏览器并导航到 https://:3000。您应该会看到一个类似以下的页面

    Application page in browser

  4. 测试完成后,在终端中按 Ctrl+C

构建服务镜像

  1. 打开命令面板(⇧⌘P(Windows、Linux Ctrl+Shift+P)并选择 Container Images: Build Image... 命令。

  2. 打开 Container Explorer 并验证新镜像是否在 Images 视图中可见

    Verify Docker image exists

运行服务容器

  1. 右键单击上一节中构建的镜像,然后选择 RunRun Interactive。容器应启动,您应该可以在 Containers 视图中看到它

    Running service container

  2. 打开 Web 浏览器并导航到 https://:3000。您应该会看到一个类似以下的页面

    Application page in browser

  3. 测试完成后,右键单击 Containers 视图中的容器并选择 Stop

在服务容器中进行调试

当 Container Tools 扩展向应用程序添加文件时,它还会向 .vscode/launch.json 添加一个 **VS Code 调试器配置**,用于在容器内运行服务时进行调试。该扩展会检测服务使用的协议和端口,并将浏览器指向该服务。

  1. routes/index.js 中为 '/' 路由的 get() 处理程序中设置一个断点。

  2. 确保选择了 Containers: Node.js Launch 调试器配置。

    Selected debug configuration

  3. 开始调试(使用 F5 键)。

    • 服务镜像已构建。
    • 服务容器已运行。
    • 浏览器打开到映射到服务容器的(随机)端口。
    • 调试器在 index.js 的断点处停止。

    请注意,由于调试器在应用程序启动 *之后* 附加,第一次可能不会命中断点;您可能需要刷新浏览器才能在第二次尝试时看到调试器中断。

    您可以通过在 tasks.jsonnode 对象下的 docker-run: debug 任务中将 inspectMode 属性设置为 break,来配置应用程序在调试器附加后再开始执行。

查看应用程序日志

您可以使用容器上的 View Logs 命令在 VS Code 中查看日志

  1. 导航到 Container Explorer。

  2. Containers 视图中,右键单击您的容器并选择 View Logs

    Screenshot of logs in the terminal

  3. 输出将显示在终端中。

后续步骤

你已完成!现在你的容器已准备就绪,你可能想

© . This site is unofficial and not affiliated with Microsoft.