WP-CLI 및 Xdebug를 포함하는 Docker를 사용하여 로컬 WordPress 개발 환경 설정

WordPress Docker 개발 환경

이 게시물은 WordPress 개발자가 WP-CLI, PHPMyAdmin 및 Xdebug를 사용하여 WordPress Docker 개발 환경을 신속하게 부트스트랩하도록 돕는 것을 목표로 합니다.

컨테이너 기능

WordPress 자동 설치

PHPMyAdmin

X디버그

WP-CLI

전제 조건

설치 Docker Desktop

Xdebug

설치

이 저장소 복제https://github.com/eliehanna0/WordPress-Docker-Dev-Environment:

git clone https://github.com/eliehanna0/WordPress-Docker-Dev-Environment.git

Docker 컨테이너를 빌드하고 시작하겠습니다. 프로젝트의 루트 폴더에서 다음을 실행합니다.

docker-compose up --build

wordpress 이미지가 필요한 파일을 복사할 때까지 이 작업을 처음 실행할 때 1~2분 정도 기다려야 할 수 있습니다.

한편 wordpress-installer 이미지는 자동으로 설치되기 전에 WordPress 파일이 준비될 때까지 기다립니다.



다음 메시지가 표시되면 설치가 완료된 것입니다.



이제 http://localhost/으로 이동하여 설치된 WordPress 웹사이트를 확인하고 PHPMyAdmin의 경우 http://localhost:8080/로 이동하십시오.

WP-CLI 사용

이 Docker 컨테이너에서 실행하는 방법에는 두 가지가 있습니다WP-CLI commands.

docker-compose exec 사용:

docker-compose exec wordpress wp post list

또는 내가 선호하는 방법은 다음과 같이 컨테이너에 SHH를 넣는 것입니다.

docker exec -it wordpress /bin/bash

그런 다음 예를 들어 WP-CLI 명령을 실행합니다wp post list.



그건 그렇고, bash에서 터미널로 돌아가려면 exit를 사용하십시오.

PHPStorm으로 디버깅

도커 컨테이너에서 들어오는 Xdebug 연결을 수신하도록 PHPStorm을 설정하겠습니다.

PHPStorm에서 Xdebug 설정

Settings > Languages & Frameworks > PHP > Debug로 이동

9003 file

에 구성된 포트xdebug.ini를 사용하고 있습니다.

서버 매핑

Settings > Languages & Frameworks > PHP > Servers로 이동

새 서버 추가, 내 이름 지정WP Docker

호스트는 localhost 포트80입니다.

디버거는 Xdebug

Use path mappings....가 선택되어 있는지 확인하세요 ✔️

생성된wordpress 폴더를 /var/www/html에 매핑(이 폴더는 도커 컨테이너에서 생성했어야 함)

설정을 저장하려면 OK를 클릭하십시오

.

설정은 다음과 같이 표시됩니다.

디버그 구성

Run > Edit Configurations...로 이동

새 구성을 추가하고 PHP Remote Debug를 선택합니다.

이름을 지어줘, 내 이름은 WP Docker

방금 생성한 서버를 선택합니다WP Docker.

IDE 키PHPSTORM를 입력합니다(xdebug.ini에서 IDE 키로 필터링하지 않기 때문에 아무 값이나 입력 가능)

설정 저장

Xdebug를 테스트해 봅시다!

54행에 이미 설치된 플러그인wordpress/wp-content/plugins/hello.php에 중단점을 생성하겠습니다.



PHPStorm의 오른쪽 상단 도구 모음에서 구성으로 WP Docker를 선택하고 Start listetning for PHP debug connections를 클릭합니다.


http://localhost/wp-admin/plugins.php로 이동하고 Hello Dolly를 활성화하여 디버거가 작동하는지 확인합니다.



Xdebug 연결 수신을 중지하려면 동일한 버튼을 클릭하십시오.

로드맵

통합하다 Unit tests

PHPCS 추가

기부금

예, 부탁합니다! https://github.com/eliehanna0/WordPress-Docker-Dev-Environment

감사합니다!

언제든지 저에게 질문하거나 제안을 해주세요!