Docker phpstorm xdebugの環境で「ポート 8080 がビジーです」となりデバッグモードで起動できない

Question

同じような状況の方、この辺りが怪しいとわかられる方がおられたらお助けをお願いいたいです。

実現したいこと

ここに実現したいことを箇条書きで書いてください。

• Docker phpstorm xdebugで環境構築を行う（Windowsマシンです）
• php実行時にデバッグを行いたい

前提

Wordpressを使用して
特定の投稿があった場合や任意にて
iosやAndoroidへプッシュ通知を送る機能を製造中です。
プッシュ通知の機能は独自プラグインにて実装しました。

前途多難ですが
phpstormからデバックモードで起動しようとすると「ポート8080がビジーです」とでて
デバッグモードで起動ができない状況です

発生マシンはWindows10です。

発生している問題・エラーメッセージ

ポート8080がビジーです

該当のソースコード

■マシン起動時
C:\Users\user>netstat -ano | find "8080"
何も表示されない

■Docker起動
C:\Users\user>netstat -ano | find "8080"
何も表示されない

■Dockerから該当のコンテナーをスタート
C:\Users\user>netstat -ano | find "8080"
  TCP         0.0.0.0:8080           0.0.0.0:0          LISTENING       5368　　com.docker.backend.exe
  TCP         [::]:8080              [::]:0                 LISTENING       5368
  TCP         [::1]:8080             [::]:0                 LISTENING       7936　　wslhost.exe

■phpstrom起動
C:\Users\user>netstat -ano | find "8080"
  TCP         0.0.0.0:8080               0.0.0.0:0                     LISTENING       5368
  TCP         192.168.1.86:61722    104.192.141.1:8080    SYN_SENT        13856　　phpstorm64.exe
  TCP         [::]:8080                    [::]:0                          LISTENING       5368
  TCP         [::1]:8080                  [::]:0                          LISTENING       7936

■chromeでlocalhopst:8080をたちあげる
C:\Users\user>netstat -ano | find "8080"
  TCP         0.0.0.0:8080           0.0.0.0:0              LISTENING       5368
  TCP         [::]:8080              [::]:0                     LISTENING       5368
  TCP         [::1]:8080             [::]:0                     LISTENING       7936
  TCP         [::1]:8080             [::1]:61736            ESTABLISHED     7936
  TCP         [::1]:8080             [::1]:61737            ESTABLISHED     7936
  TCP         [::1]:8080             [::1]:61740            ESTABLISHED     7936
  TCP         [::1]:8080             [::1]:61741            ESTABLISHED     7936
  TCP         [::1]:8080             [::1]:61742            ESTABLISHED     7936
  TCP         [::1]:8080             [::1]:61743            ESTABLISHED     7936
  TCP         [::1]:61736            [::1]:8080             ESTABLISHED     8692
  TCP         [::1]:61737            [::1]:8080             ESTABLISHED     8692
  TCP         [::1]:61740            [::1]:8080             ESTABLISHED     8692
  TCP         [::1]:61741            [::1]:8080             ESTABLISHED     8692
  TCP         [::1]:61742            [::1]:8080             ESTABLISHED     8692
  TCP         [::1]:61743            [::1]:8080             ESTABLISHED     8692


■phpstrom起動
phpstromから▶では別タグで正常に起動する
phpstromからデバッグアイコンでは以下が表示
　'phpWebPage' の実行中にエラーが発生しました
　ポート 8080 がビジーです

C:\Users\user>netstat -ano | find "8080"
  TCP         0.0.0.0:8080           0.0.0.0:0               LISTENING       5368　com.docker.backend.exe
  TCP         [::]:8080              [::]:0                      LISTENING       5368
  TCP         [::1]:8080             [::]:0                     LISTENING       7936　wslhost.exe
  TCP         [::1]:8080             [::1]:61765            TIME_WAIT       0
  TCP         [::1]:8080             [::1]:61766            TIME_WAIT       0
  TCP         [::1]:8080             [::1]:61769            FIN_WAIT_2      7936
  TCP         [::1]:61769            [::1]:8080             CLOSE_WAIT      8692　chrome.exe

試したこと

■導入時
１．docker-compose.ymlをおいている場所にて

$ docker-compose up -d

正常にwordpressの画面が立ち上がることを確認

２．PhpStorm から debug を行うために以下の設定を行う。
- menu:/Run/Edit Configuration...
- "PHP Web Page" の configuratin を新規作成。以下に設定。
- Name: なんでも良し。
- Server: docker // docker 側の設定に合わせるために "docker" を指定。
- Server 横のボタンから "Servers" を設定。
- Host: localhost
- Port: 8080
- Debugger: Xdebug
- "Use path mapping..." にチェックして、以下の mapping を設定。
- 02.src/wp/wp-admin -> /var/www/html/wp/wp-admin
- 02.src/wp/wp-content/languages -> /var/www/html/wp/wp-content/languages
- 02.src/wp/wp-content/plugins -> /var/www/html/wp/wp-content/plugins
- 02.src/wp/wp-content/themes -> /var/www/html/wp/wp-content/themes
- 02.src/wp/wp-content/uploads -> /var/www/html/wp/wp-content/uploads
- 02.src/index.php -> /var/www/html/index.php
- Start URL: /wp/wp-admin
- Browser: Default
- Debug pre-condition の Validate を実行して全て緑チェックになることを確認。

※
3．取り込み初日、正常にブレークポイントにも止まりデバッグできることを確認
※
４．次の日以降、、デバッグのアイコンをクリックすると「ポート8080がビジーです」とでてしまい
ブレークポイントで止まらない現象が発生

■導入後
１．Docker起動
２．Dockerからコンテナー起動
３．phpstrom起動

※
気になる点で
１．Docker起動
２．phpstrom起動
３．Dockerからコンテナー起動　とするとエラーとなります

phpstormとDockerの関係も何かありそうなのかとも調査中でもあります。。

2023/6/20
以下の再起動時の設定のチェックをはずしてみましたが
ダメでした。

phpstormを起動して
Docker Desktopを起動すると
エラーでたちあがりません。

補足情報（FW/ツールのバージョンなど）

• wordpress: 6.1.1
• mysql: 5.7
• php: 8.0
• phpstorm: v4.20.0
• PhpStorm: 2023.1.2

Answer 1

試行錯誤で正常に動作するようになりました。。。
１．再度以下のを参考にしてxDebugをインストール
https://xdebug.org/docs/install#windows
https://xdebug.org/wizard

２．Docker自体を立ち上げず（すでにimageは起動した状態）
phpstormのみ立ち上げる。

３．wordpressで

• wp_options.option_id = 1 / siteurl
• wp_options.option_id = 2 / home

これらに "http://localhost:8080" ではなく、"http://192.168.1.86:8080" の様に、local ip を設定している為
phpstormの実行→実行構成の編集　構成→サーバーのホストに
"localhost" ではなく、"192.168.1.86" の様に、local ip を設定

また、デバッグが行えた際に必ずindex.phpに止まる事があったがこちらは
→ファイル→設定→PHP→デバッグ　スクリプトがプロジェクト外にあるときに最初の行で強制的にブレークするのチェックをはずすことで解決。