Visual Studio CodeでPHPデバッグをおこなう方法（その5）

ホーム
アプリ関連ニュース
Windows
Visual Studio CodeでPHPデバッグをおこなう方法（その5）

2019年7月04日
Windows, Web Service

かなりブランクがあいてしまいましたが、前回(その4)では、「XDebug」と「Visual Studio Code」を連携させるところまでの説明をおこないましたが、実際にどのようにデバッグをおこなうのかの説明はできておりませんでしたので、今回(その5)では「Visual Studio Code」を使用して実際にデバッグをおこなっていきたいと思います。

今回は説明用に以下のようなシンプルなphpのソースコードを用意しました。
C:\xampp\htdocs\debugtest\index.php

<?php

$a = 2;
$b = 3;
$c = 0;

$c = $a + $b;

echo $c;

?>

$aと$bの合計(計算結果)が$cに代入され、表示されます。

デバッグの基本的な流れとしては、任意の行にブレークポイントを設定して、行単位で変数の中身などの確認をおこないながら処理を追っていきます。

今回は上記のソースコードの3行目($a = 2;)の行にブレークポイントを設定してみたいと思います。

Visual Studio Codeでブレークポイントを設定するには行番号の横の空白部分をクリックします。下図のように赤色の丸が表示されたら、ブレークポイントの設定完了です。

次に「Listen for XDebug」ボタンをクリックします。

画面上部に一時停止(Pause)ボタンやステップオーバー(Step Over)ボタンなどが配置されたデバッグ用の操作バーが表示されます。

この状態で以下のURLにアクセスします。
http://localhost/debugtest/

ブレークポイントの設定した箇所で処理は停止しているため、ブラウザ上ではなにも表示されず、「localhostを待機しています」と表示されます。

ステップオーバー(Step Over)ボタンで処理を1行ずつすすめていきます。下図は
5行目まで処理をすすめた時点のスクリーンショットです。
現時点の停止箇所は黄色の矢印が示しています。
画面左横のLocalsではその時点での変数の中身の確認がおこなえます。
$aには2が代入され、$bには3が代入されていることを示しています。
この時点では$cは初期化されていません(uninitialized)。