Vagrantコマンドの実行でVirtualBoxベースの仮想環境(Ubuntu22)上にLEMP環境を構築します。 LEMP環境上のLaravelプロジェクトに対してVSCodeでリモートデバッグができます。
LEMP環境、Laravelは最新のバージョンがインストールされます。
- PHP 8.4
- Nginx 1.18
- MariaDB 11.7
- Laravel 11.
- Windows 11
- Visual Studio Code
- Vagrant
- VirtualBox
Vagrantfileを編集します。仮想サーバにSSH公開鍵認証で接続できるようにIPとSSH接続を設定します。
# Network
config.vm.network "private_network", ip: "192.168.33.10"
...
# SSH configuration for the VM
config.vm.provision "shell" do |sh|
# Local SSH public key
ssh_pub_key = File.readlines("#{Dir.home}/.ssh/id_rsa.pub").first.strip
...
end
- Vagrantコマンドを実行します。
vagrant up
- 環境構築完了するとWebサーバにアクセスできます。
http://192.168.33.10
phpMyAdminは8080ポートで使用できます。
http://192.168.33.10:8080
~/.ssh/configファイルにVagrantfileに設定したSSH接続の設定を登録します。- VSCodeに拡張機能Remote Developmentを追加します。
- VSCodeのリモートエクスプローラーからリモート(トンネル/SSH) を使用して仮想サーバにSSH接続します。開くフォルダパスは
/var/www/remoteです。
接続が完了すると自動的に VS Code Serverがインストールされます。 - PHP Debugのインストールを提案されるので、ボタンを押して仮想サーバにインストールします。
- VSCodeの実行とデバッグを選択します。メニューからListen for Xdebugを実行するとデバッガが実行されます。
- PHPのソースコードにブレークポイントを設定すると、Webブラウザからのアクセスに反応します。
MITライセンスに準じます。
