參加你附近的 ,瞭解 VS Code 中的 AI 輔助開發。

在容器中除錯 Python

當將 Docker 檔案新增到 Python 專案時,會新增任務和啟動配置,以在容器中除錯應用程式。為了適應 Python 專案的各種場景,某些應用程式可能需要額外的配置。

配置容器入口點

您可以透過在 tasks.json 中設定屬性來配置容器的入口點。當您首次使用容器: 將 Docker 檔案新增到工作區... 命令時,VS Code 會自動配置容器入口點。

示例: 為 Python 模組配置入口點

{
  "tasks": [
    {
      "type": "docker-run",
      "label": "docker-run: debug",
      "dependsOn": ["docker-build"],
      "python": {
        "module": "myapp"
      }
    }
  ]
}

示例: 為 Python 檔案配置入口點

{
  "tasks": [
    {
      "type": "docker-run",
      "label": "docker-run: debug",
      "dependsOn": ["docker-build"],
      "python": {
        "args": ["runserver", "0.0.0.0:8000", "--nothreading", "--noreload"],
        "file": "manage.py"
      }
    }
  ]
}

自動將瀏覽器啟動到應用程式的入口頁面

您可以選擇容器: Python - Django容器: Python - Flask 啟動配置,以自動將瀏覽器啟動到應用程式的主頁。此功能預設啟用,但您可以透過在 launch.json 中設定 dockerServerReadyAction 物件來顯式配置此行為。

此功能取決於應用程式的幾個方面

  • 應用程式必須輸出到除錯控制檯或 Docker 日誌
  • 應用程式必須記錄“伺服器就緒”訊息。
  • 應用程式必須提供可瀏覽的頁面。

以下是使用 dockerServerReadyAction 根據特定伺服器訊息模式啟動瀏覽器以開啟 about.html 頁面的示例

{
  "configurations": [
    {
      "name": "Containers: Python - Django",
      "type": "docker",
      "request": "launch",
      "preLaunchTask": "docker-run: debug",
      "python": {
        "pathMappings": [
          {
            "localRoot": "${workspaceFolder}",
            "remoteRoot": "/app"
          }
        ],
        "projectType": "django"
      },
      "dockerServerReadyAction": {
        "action": "openExternally",
        "pattern": "Starting development server at (https?://\\S+|[0-9]+)",
        "uriFormat": "%s://:%s/about.html"
      }
    }
  ]
}

注意: pattern 屬性中的正則表示式只是嘗試捕獲類似於“Starting development server at https://:8000”的日誌訊息。它適應 http 或 https、任何主機名和任何埠的 URL 變體。

重要的 dockerServerReadyAction 物件屬性

  • action: 找到模式時要執行的操作。可以是 debugWithChromeopenExternally

  • pattern: 如果應用程式記錄的訊息與上面顯示的不同,請將 dockerServerReadyAction 物件的 pattern 屬性設定為匹配該訊息的 JavaScript 正則表示式。正則表示式應包含一個捕獲組,該捕獲組對應於應用程式正在偵聽的埠。

  • uriFormat: 預設情況下,容器工具擴充套件將開啟瀏覽器的主頁(無論應用程式如何確定)。如果您希望瀏覽器開啟特定頁面,如上面的示例,則應將 dockerServerReadyAction 物件的 uriFormat 屬性設定為包含兩個字串令牌的格式字串,以指示協議和埠替換。

如何在 Django 或 Flask 應用程式中啟用熱過載

當您為 Django 或 Flask 選擇容器: 將 Docker 檔案新增到工作區時,我們會為您提供一個配置為靜態部署的 Dockerfile 和 tasks.json。每次更改應用程式程式碼時,都需要重新構建並重新執行容器。熱過載允許您在容器繼續執行時視覺化應用程式程式碼中的更改。按照以下步驟啟用熱過載

對於 Django 應用程式

  1. 在 Dockerfile 中,註釋掉將應用程式程式碼新增到容器的行。

    #ADD . /app
    
  2. tasks.json 檔案中的 docker-run 任務內,建立一個新的 dockerRun 屬性,其中包含 volumes 屬性。此設定建立從當前工作區資料夾(應用程式程式碼)到容器中 /app 資料夾的對映。

    {
      "type": "docker-run",
      "label": "docker-run: debug",
      "dependsOn": [
        "docker-build"
      ],
      "dockerRun": {
        "volumes": [
          {
            "containerPath": "/app", "localPath": "${workspaceFolder}"
          }
        ]
      },
      ...
    }
    
  3. 編輯 python 屬性,刪除 --noreload--nothreading

    {
      ...
      "dockerRun": {
        "volumes": [
          {
            "containerPath": "/app", "localPath": "${workspaceFolder}"
          }
        ]
      },
      "python": {
        "args": [
          "runserver",
          "0.0.0.0:8000",
        ],
        "file": "manage.py"
      }
    }
    
  4. 選擇容器: Python – Django 啟動配置,然後按 F5 構建並執行容器。

  5. 修改並儲存任何檔案。

  6. 重新整理瀏覽器並驗證更改是否已生效。

對於 Flask 應用程式

  1. 在 Dockerfile 中,註釋掉將應用程式程式碼新增到容器的行。

    #ADD . /app
    
  2. tasks.json 檔案中的 docker-run 任務內,透過在 env 屬性中新增 FLASK_ENV 以及一個 volumes 屬性來編輯現有的 dockerRun 屬性。此設定建立從當前工作區資料夾(應用程式程式碼)到容器中 /app 資料夾的對映。

    {
      "type": "docker-run",
      "label": "docker-run: debug",
      "dependsOn": [
        "docker-build"
      ],
      "dockerRun": {
        "env": {
          "FLASK_APP": "path_to/flask_entry_point.py",
          "FLASK_ENV": "development"
        },
        "volumes": [
          {
            "containerPath": "/app", "localPath": "${workspaceFolder}"
          }
        ]
      },
      ...
    }
    
  3. 編輯 python 屬性,刪除 --no-reload--no-debugger

    {
      ...
      "dockerRun": {
        "env": {
          "FLASK_APP": "path_to/flask_entry_point.py",
          "FLASK_ENV": "development"
        },
        "volumes": [
          {
            "containerPath": "/app", "localPath": "${workspaceFolder}"
          }
        ]
      },
      "python": {
        "args": [
          "run",
          "--host", "0.0.0.0",
          "--port", "5000"
        ],
        "module": "flask"
      }
    }
    
  4. 選擇容器: Python – Flask 啟動配置,然後按 F5 構建並執行容器。

  5. 修改並儲存任何檔案。

  6. 重新整理瀏覽器並驗證更改是否已生效。

如何一起構建和執行容器

  1. 在前面提到的 tasks.json 檔案中,有一個對 docker-build 任務的依賴。該任務是 tasks.jsontasks 陣列的一部分。例如
"tasks":
[
  {
    ...
  },
  {
    "label": "docker-build",
    "type": "docker-build",
    "dockerBuild": {
        "context": "${workspaceFolder}",
        "dockerfile": "${workspaceFolder}/Dockerfile",
        "tag": "YOUR_IMAGE_NAME:YOUR_IMAGE_TAG"
    }
  }
]

提示:由於依賴項明確將 docker-build 列為其依賴項,因此名稱必須與此任務匹配。如果需要,您可以更改名稱。

  1. JSON 中的 dockerBuild 物件允許以下引數

    • context: 構建上下文,從中呼叫 Dockerfile
    • dockerfile: 要執行的 Dockerfile 的路徑
    • tag: 要構建的映像的名稱及其版本標籤
  2. 總的來說,用於構建和除錯 Flask 應用程式的 VS Code 設定可以是

    • launch.json

      {
        "version": "0.2.0",
        "configurations": [
          {
            "name": "Debug Flask App",
            "type": "docker",
            "request": "launch",
      
            "preLaunchTask": "docker-run: debug",
            "python": {
              "pathMappings": [
                {
                  "localRoot": "${workspaceFolder}",
                  "remoteRoot": "/app"
                }
              ],
              "projectType": "flask"
            },
            "dockerServerReadyAction": {
              "action": "openExternally",
              "pattern": "Running on (http?://\\S+|[0-9]+)",
              "uriFormat": "%s://:%s/"
            }
          }
        ]
      }
      
    • tasks.json

      {
        "version": "2.0.0",
        "tasks": [
          {
            "type": "docker-run",
            "label": "docker-run: debug",
            "dependsOn": ["docker-build"],
            "dockerRun": {
              "containerName": "YOUR_IMAGE_NAME",
              "image": "YOUR_IMAGE_NAME:YOUR_IMAGE_TAG",
              "env": {
                "FLASK_APP": "path_to/flask_entry_point.py",
                "FLASK_ENV": "development"
              },
              "volumes": [
                {
                  "containerPath": "/app",
                  "localPath": "${workspaceFolder}"
                }
              ],
              "ports": [
                {
                  "containerPort": 5000,
                  "hostPort": 5000
                }
              ]
            },
            "python": {
              "args": ["run", "--host", "0.0.0.0", "--port", "5000"],
              "module": "flask"
            }
          },
          {
            "label": "docker-build",
            "type": "docker-build",
            "dockerBuild": {
              "context": "${workspaceFolder}",
              "dockerfile": "${workspaceFolder}/Dockerfile",
              "tag": "YOUR_IMAGE_NAME:YOUR_IMAGE_TAG"
            }
          }
        ]
      }
      

後續步驟

瞭解更多關於