如何在基于Docker的PHP环境使用VScode进行断点调试
本文关键点
10余年的淳安网站建设经验,针对设计、前端、开发、售后、文案、推广等六对一服务,响应快,48小时及时工作处理。成都营销网站建设的优势是能够根据用户设备显示端的尺寸不同,自动调整淳安建站的显示方式,使网站能够适用不同显示终端,在浏览器中调整网站的宽度,无论在任何一种浏览器上浏览网站,都能展现优雅布局与设计,从而大程度地提升浏览体验。创新互联从事“淳安网站设计”,“淳安网站推广”以来,每个客户项目都认真落实执行。Visual Studio Code Docker 下的 PHP 环境 XDebug 1. Visual Studio Code 1.1. 安装、设置
官方下载
macOS Linux Windows推荐配置
请参考这里,只是一些初始设置、美化等,与 PHP 调试无关。
1.2. PHP Debug安装
快捷键 cmd + p 或 ctrl + p,输入 ext install php debug
注意:安装完成后必须重启 vscode。
配置
打开一个 PHP 项目,点击菜单 Debug > Add Configuration,或按照下图操作
详细配置如下:
{ // Use IntelliSense to learn about possible attributes. // Hover to view descriptions of existing attributes. // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387 "version": "0.2.0", "configurations": [ { "name": "Listen for XDebug", "type": "php", "request": "launch", "port": 9001, // 对应 XDebug 的配置 "stopOnEntry": true, "pathMappings": { // "容器中对应的项目地址": "本机项目地址" // 绝对路径 "/var/www/html/debao/": "${workspaceRoot}" } }, { "name": "Launch currently open script", "type": "php", "request": "launch", "program": "${file}", "cwd": "${fileDirname}", "port": 9001 } ] }
配置成功后,在项目下生成一个包含该配置的目录,如下:
. ├── .vscode │ ├── launch.json ├── 其它项目文件 2. Docker 下的 PHP 环境
推荐直接克隆我之前封装的一个基于 Docker 的 LNMPA 环境,当然你也可用使用你自己的 Docker PHP 环境,但是这里的配置是针对 Nginx + Apache 的组合形式,你可以根据具体环境进行调整。
详细如下:
2.1. 安装、配置 XDebug 扩展修改 Dockerfile 文件,安装 XDebug
... && mkdir -p /tmp/xdebug && wget -c https://github.com/xdebug/xdebug/archive/2.6.0.tar.gz && tar -xf 2.6.0.tar.gz -C /tmp/xdebug --strip-components=1 && docker-php-ext-configure /tmp/xdebug --enable-xdebug && docker-php-ext-install /tmp/xdebug ...
修改后,需要重新编译对应的镜像文件,更多安装扩展的方式请参考:Docker 中的 PHP 如何安装扩展
配置 XDebug
在 php.ini 文件追加以下配置
[XDebug] zend_extension = xdebug.so xdebug.remote_enable = 1 xdebug.remote_handler = dbgp xdebug.remote_port = 9001 xdebug.remote_autostart = 1 xdebug.remote_connect_back = 0 xdebug.idekey = docker xdebug.remote_host = 192.168.2.14
说明:
remote_port 默认 9000,为避免冲突,改为 9001 remote_host 是宿主机的 ip 地址 2.2. 调整 Nginx server 配置server { listen 80; server_name my.test; # 这里替换你的域名 index index.html index.htm index.php; root /usr/share/nginx/html/test; ... location ~ .*.(php|php5)?$ { proxy_pass http://php_apache:8091; # 这里是对应的 apache 容器地址和端口 proxy_read_timeout 300; proxy_send_timeout 300; index index.php; proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; } ... }
主要追加以下两个参数,用以解决在 debug 时 504 超时问题,具体数值可根据需要设置。
proxy_read_timeout proxy_send_timeout 2.3. 暴露 XDebug 通信接口修改 docker-compose.yml 文件,在 nginx 和 apache 服务下通过 expose暴露 9001端口
使用如下命令重新启动服务
docker-compose stop docker-compose down docker-compose up -d 3. 测试断点调试
按快捷键 F5 打开断点,此时在浏览器中访问网页,将跳转到 vscode 编辑器,并且样式如下:
说明:上图是一个 TP 项目,虽然没有手动设置断点,但是开启调试模式后,访问网页会首先进入根目录下的框架入口文件。
网站名称:如何在基于Docker的PHP环境使用VScode进行断点调试
转载源于:http://cdiso.cn/article/cpijed.html