在 VS Code 中试试

使用 Docker Compose

Docker Compose 提供了一种协调多个协同工作的容器的方式。例如,可以协调处理请求的服务和前端网站,或者使用 Redis 缓存等支持功能的服务。如果您正在使用微服务模型进行应用开发,则可以使用 Docker Compose 将应用代码分解为多个独立运行的服务,这些服务通过 Web 请求进行通信。本文帮助您为 Node.js、Python 或 .NET 等应用启用 Docker Compose,并帮助您在 Visual Studio Code 中为此类场景配置调试。

此外,对于单容器场景,使用 Docker Compose 提供了一种工具独立的配置方式,而单个 Dockerfile 则无法做到。容器的卷挂载、端口映射和环境变量等配置设置可以在 docker-compose YML 文件中声明。

要在 VS Code 中使用 Docker 扩展来使用 Docker Compose,您应该已经熟悉 Docker Compose 的基础知识。

为项目添加 Docker Compose 支持

如果您已经有一个或多个 Dockerfile,可以通过打开命令面板 (⇧⌘P (Windows, Linux Ctrl+Shift+P)),并使用Docker: 将 Docker Compose 文件添加到工作区命令来添加 Docker Compose 文件。按照提示操作。

您可以在添加 Dockerfile 的同时,通过打开命令面板 (⇧⌘P (Windows, Linux Ctrl+Shift+P)) 并使用Docker: 将 Docker 文件添加到工作区命令来添加 Docker Compose 文件。系统将询问您是否要添加 Docker Compose 文件。如果您想保留现有的 Dockerfile,当提示覆盖 Dockerfile 时,选择

Docker 扩展将 docker-compose.yml 文件添加到您的工作区。此文件包含按预期在生产环境中启动容器的配置。在某些情况下,还会生成一个 docker-compose.debug.yml 文件。此文件提供了一种简化的启动模式,可用于启用调试器。

Screenshot of project with docker-compose files

VS Code Docker 扩展生成的开箱即用的文件,您也可以对其进行自定义,以针对您的场景进行优化。然后,您可以使用Docker Compose Up命令(右键单击 docker-compose.yml 文件,或在命令面板中找到此命令)来一次启动所有内容。您也可以在 VS Code 的命令提示符或终端窗口中使用 docker-compose up 命令来启动容器。请参阅 Docker Compose 文档,了解如何配置 Docker Compose 行为以及可用的命令行选项。

使用 docker-compose 文件,您现在可以在 docker-compose 文件中指定端口映射,而不是在 .json 配置文件中。有关示例,请参阅 Docker Compose 文档

提示:使用 Docker Compose 时,请勿指定主机端口。相反,让 Docker 自动选择一个随机的可用端口,以自动避免端口冲突问题。

为项目添加新容器

如果要添加另一个应用或服务,可以再次运行将 Docker Compose 文件添加到工作区,并选择覆盖现有的 docker-compose 文件,但这将丢失这些文件中的任何自定义内容。如果您想保留对 Compose 文件的更改,可以手动修改 docker-compose.yml 文件以添加新服务。通常,您可以复制现有的服务部分,粘贴以创建新条目,并根据新服务的需要更改名称。

您可以再次运行将 Docker 文件添加到工作区命令,为新应用生成 Dockerfile。虽然每个应用或服务都有自己的 Dockerfile,但每个工作区通常只有一个 docker-compose.yml 和一个 docker-compose.debug.yml 文件。

在 Python 项目中,Dockerfile.dockerignoredocker-compose*.yml 文件都位于工作区的根文件夹中。添加另一个应用或服务时,将 Dockerfile 移动到该应用的文件夹中。

在 Node.js 项目中,Dockerfile.dockerignore 文件将与该服务的 package.json 文件放在一起。

对于 .NET,创建 Docker Compose 文件时,文件夹结构已经设置好以处理多个项目,.dockerignoredocker-compose*.yml 文件放在工作区根目录中(例如,如果项目在 src/project1 中,则文件在 src 中),因此当您添加另一个服务时,您可以在一个文件夹中创建另一个项目,例如 project2,并按照前面所述重新创建或修改 docker-compose 文件。

调试

首先,请参阅您的目标平台的调试文档,了解如何在 VS Code 中调试容器的基础知识。

如果要在 Docker Compose 中进行调试,请按照上一节中的说明,使用两个 Docker Compose 文件之一运行命令Docker Compose Up,然后使用相应的附加启动配置进行附加。直接使用正常的启动配置启动不会使用 Docker Compose。

创建一个附加启动配置。这是 launch.json 中的一个部分。这个过程大部分是手动的,但在某些情况下,Docker 扩展可以通过添加一个预配置的启动配置来提供帮助,您可以将其用作模板并进行自定义。每个平台(Node.js、Python 和 .NET)的过程将在后续章节中介绍。

Node.js

  1. 调试选项卡上,选择配置下拉列表,选择新配置,然后选择 Docker Attach 配置模板 Node.js Docker Attach (Preview)

  2. docker-compose.debug.yml 中配置调试端口。这在创建文件时已设置,因此您可能无需更改。在下面的示例中,端口 9229 用于主机和容器上的调试。

     version: '3.4'
    
     services:
       node-hello:
         image: node-hello
         build: .
         environment:
           NODE_ENV: development
         ports:
           - 3000
           - 9229:9229
         command: node --inspect=0.0.0.0:9229 ./bin/www
    
  3. 如果您有多个应用,则需要更改其中一些应用的端口,以便每个应用都有一个唯一的端口。您可以在 launch.json 中指向正确的调试端口,然后保存文件。如果省略此项,则将自动选择端口。

    下面是显示 Node.js 启动配置 - 附加 的示例

     "configurations": [
         {
             "type": "node",
             "request": "attach",
             "name": "Docker: Attach to Node",
             "remoteRoot": "/usr/src/app",
             "port": 9229 // Optional; otherwise inferred from the docker-compose.debug.yml.
         },
         // ...
     ]
    
  4. 完成编辑附加配置后,保存 launch.json,并将您的新启动配置选择为活动配置。在调试选项卡中,在配置下拉列表中找到新配置。

    Screenshot of Configuration dropdown

  5. 右键单击 docker-compose.debug.yml 文件,然后选择Compose Up

  6. 当您附加到公开返回 HTML 的 HTTP 端点的服务时,Web 浏览器不会自动打开。要在浏览器中打开应用,请在侧边栏中选择容器,右键单击并选择在浏览器中打开。如果配置了多个端口,系统将要求您选择端口。

  7. 以通常的方式启动调试器。在调试选项卡中,选择绿色箭头(开始按钮)或使用 F5

Python

要使用 Docker Compose 调试 Python,请按照以下步骤操作:

  1. 调试选项卡上,选择配置下拉列表,选择新配置,选择Python Debugger,然后选择 Remote Attach 配置模板。

    Screenshot of Python Remote Attach

  2. 系统会提示您选择要用于调试的主机(例如 localhost)和端口。Python 的默认调试端口是 5678。如果您有多个应用,则需要更改其中一个应用的端口,以便每个应用都有一个唯一的端口。您可以在 launch.json 中指向正确的调试端口,然后保存文件。如果省略此项,则将自动选择端口。

         "configurations": [
         {
            "name": "Python Debugger: Remote Attach",
            "type": "debugpy",
            "request": "attach",
            "port": 5678,
            "host": "localhost",
            "pathMappings": [
                {
                    "localRoot": "${workspaceFolder}",
                    "remoteRoot": "/app"
                }
            ]
        }
    
  3. 完成编辑附加配置后,保存 launch.json。导航到调试选项卡,然后选择Python Debugger: Remote Attach作为活动配置。

  4. 如果您已经有一个有效的 Dockerfile,我们建议运行命令Docker: 将 Docker Compose 文件添加到工作区。这将创建一个 docker-compose.yml 文件以及一个 docker-compose.debug.yml,后者会进行卷映射并在容器中启动 Python 调试器。如果您还没有 Dockerfile,我们建议运行Docker: 将 Docker 文件添加到工作区并选择以包含 Docker Compose 文件。

    注意:默认情况下,使用Docker: 将 Docker 文件添加到工作区并选择 Django 和 Flask 选项时,将生成配置为 Gunicorn 的 Dockerfile。请按照容器中的 Python 快速入门中的说明进行操作,以确保在继续之前正确配置。

  5. 右键单击 docker-compose.debug.yml 文件(如下所示的示例),然后选择Compose Up

    version: '3.4'
    
    services:
      pythonsamplevscodedjangotutorial:
        image: pythonsamplevscodedjangotutorial
        build:
          context: .
          dockerfile: ./Dockerfile
        command: ["sh", "-c", "pip install debugpy -t /tmp && python /tmp/debugpy --wait-for-client --listen 0.0.0.0:5678 manage.py runserver 0.0.0.0:8000 --nothreading --noreload"]
        ports:
          - 8000:8000
          - 5678:5678
    
  6. 容器构建并运行后,选择Python Debugger: Remote Attach启动配置,然后按 F5 附加调试器。

    Screenshot of debugging in Python

    注意:如果您想将 Python 调试器导入到特定文件中,可以在 debugpy README 中找到更多信息。

  7. 当您附加到公开 HTTP 端点并返回 HTML 的服务时,Web 浏览器可能不会自动打开。要在浏览器中打开应用,请在 Docker Explorer 中右键单击容器,然后选择在浏览器中打开。如果配置了多个端口,系统将要求您选择端口。

    Screenshot - Open in Browser

    您现在正在容器中调试运行中的应用。

.NET

  1. 调试选项卡上,选择配置下拉列表,选择新配置,然后选择 Docker Attach 配置模板 .NET Core Docker Attach (Preview)

  2. VS Code 会尝试使用默认路径将 vsdbg 从主机复制到目标容器。您还可以在附加配置中提供指向现有 vsdbg 实例的路径。

     "netCore": {
         "debuggerPath": "/remote_debugger/vsdbg"
     }
    
  3. 完成编辑附加配置后,保存 launch.json,并将您的新启动配置选择为活动配置。在调试选项卡中,在配置下拉列表中找到新配置。

  4. 右键单击 docker-compose.debug.yml 文件,然后选择Compose Up

  5. 当您附加到公开返回 HTML 的 HTTP 端点的服务时,Web 浏览器不会自动打开。要在浏览器中打开应用,请在侧边栏中选择容器,右键单击并选择在浏览器中打开。如果配置了多个端口,系统将要求您选择端口。

  6. 以通常的方式启动调试器。在调试选项卡中,选择绿色箭头(开始按钮)或使用 F5

    Screenshot of starting debugging

  7. 如果您尝试附加到容器中运行的 .NET 应用,将看到一个提示要求您选择应用的容器。

    Screenshot of container selection

    要跳过此步骤,请在 launch.json 的附加配置中指定容器名称

        "containerName": "Your ContainerName"
    

    接下来,系统会询问您是否要将调试器(vsdbg)复制到容器中。选择

    Screenshot of debugger prompt

如果一切配置正确,调试器应该已附加到您的 .NET 应用。

Screenshot of debug session

卷挂载

默认情况下,Docker 扩展不会为调试组件进行任何卷挂载。在 .NET 或 Node.js 中不需要这样做,因为所需组件已内置到运行时中。如果您的应用需要卷挂载,请在 docker-compose*.yml 文件中使用 volumes 标签指定它们。

volumes:
    - /host-folder-path:/container-folder-path

使用多个 Compose 文件配合 Docker Compose

工作区可以包含多个 docker-compose 文件,以处理不同的环境,如开发、测试和生产。配置的内容可以拆分到多个文件中。例如,一个基本 Compose 文件定义所有环境的通用信息,以及单独的覆盖文件定义环境特定的信息。当这些文件作为输入传递给 docker-compose 命令时,它会将这些文件组合成一个配置。默认情况下,Docker: Compose Up命令将单个文件作为输入传递给 Compose 命令,但您可以使用命令自定义来定制 compose up 命令以传递多个文件。或者,您可以使用自定义任务来调用带有所需参数的 docker-compose 命令。

注意:如果您的工作区包含 docker-compose.ymldocker-compose.override.yml 且没有其他 Compose 文件,则会不带输入文件调用 docker-compose 命令,并隐式使用这些文件。在这种情况下,无需进行自定义。

命令自定义

命令自定义提供了多种根据您的需求自定义 compose up 命令的方式。以下是 compose up 命令的一些示例命令自定义。

基本文件和覆盖文件

假设您的工作区有一个基本 Compose 文件(docker-compose.yml)和每个环境的覆盖文件(docker-compose.dev.ymldocker-compose.test.ymldocker-compose.prod.yml),并且您始终使用基本文件和覆盖文件运行 docker compose up。在这种情况下,可以按照以下示例自定义 compose up 命令。调用 compose up 命令时,${configurationFile} 会被选定的文件替换。

"docker.commands.composeUp": [
    {
        "label": "override",
        "template": "docker-compose -f docker-compose.yml ${configurationFile}  up -d --build",
    }
]

模板匹配

假设您为每个环境有一组不同的输入文件。您可以定义多个带有正则表达式匹配的模板,选定的文件名将与此 match 属性匹配,并使用相应的模板。

"docker.commands.composeUp": [
    {
        "label": "dev-match",
        "template": "docker-compose -f docker-compose.yml -f docker-compose.debug.yml -f docker-compose.dev.yml up -d --build",
        "match": "dev"
    },
    {
        "label": "test-match",
        "template": "docker-compose -f docker-compose.yml -f docker-compose.debug.yml -f docker-compose.test.yml up -d --build",
        "match": "test"
    },
    {
        "label": "prod-match",
        "template": "docker-compose -f docker-compose.yml -f docker-compose.release.yml -f docker-compose.prod.yml up -d --build",
        "match": "prod"
    }
]

调用命令时选择模板

如果您从命令模板中省略 match 属性,则每次调用 compose up 命令时,都会询问您要使用哪个模板。例如

"docker.commands.composeUp": [
    {
        "label": "dev",
        "template": "docker-compose -f docker-compose.yml -f docker-compose.common.dev.yml ${configurationFile} up -d --build"
    },
    {
        "label": "test",
        "template": "docker-compose -f docker-compose.yml -f docker-compose.common.test.yml ${configurationFile} up -d --build"
    },
    {
        "label": "prod",
        "template": "docker-compose -f docker-compose.yml -f docker-compose.common.prod.yml ${configurationFile} up -d --build"
    },
],

自定义任务

除了使用命令自定义,您还可以定义如下任务来调用 docker-compose 命令。有关此选项的更多详细信息,请参阅自定义任务

{
  "type": "shell",
  "label": "compose-up-dev",
  "command": "docker-compose -f docker-compose.yml -f docker-compose.Common.yml -f docker-compose.dev.yml up -d --build",
  "presentation": {
    "reveal": "always",
    "panel": "new"
  }
}

后续步骤