xdebugでリモートデバッグ (apache on docker,Visual Studio Code)

環境

• macOS High Sierra
• Docker Version 17.09.1-ce-mac42 (21090)
• Visual Studio Code バージョン1.19.1 (1.19.1)

Visual Studio Code

• 拡張機能[PHP Debug]をインストール
• デバッグしたいソースのあるフォルダを開き[shift + cmd + d]を押下しデバッグウィンドウを開く
• 構成の追加から以下の構成を追加する

{
    "version": "0.2.0",
    "configurations": [

        {
            "name": "XDebug on docker",
            "type": "php",
            "request": "launch",
            "port": 9000,
            "pathMappings": {
                // {apache上のdocument root}:{ローカルのdocument root}
                "/var/www/html":"${workspaceRoot}/"
            }
        }
    ]
}

例

docker上のソースのパス	ローカルのソースのパス	Visual Studio Codeで開いたフォルダ
/var/www/html/hello.php	~/www/html/hello.php	~/www/html