本次更新主要是對環境版本進行了更新，例如php 7.3.7升級到了7.3.8，另外之前的版本有同學踩了坑，主要是官方docker鏡像php:7.3.7-fpm和php:7.3.8-fpm使用了不同版本的debian，后面會提到，請各位同學留意。

因為最近換電腦的緣故需要重新部署一下本地的開發環境，之前采用的虛擬機方案，占用磁盤空間實在是太大，心疼SSD那么點地方，所以這次采用了Docker的方案來部署。 關于這次部署的原則，我的想法是盡量使用官方的鏡像來實現，盡量不改動或少改動鏡像。因為是本地的開發環境，所以想多嘗嘗鮮，盡量使用高版本的軟件來實現。 從結果上來說，希望能給同樣有需要搭建環境的同學起到一些幫助，少踩一些坑，如果能按照這篇文章的步驟一次搞定那是最好了。

先來說一下環境：

• Docker 19.03.1
• Nginx 1.17.2
• PHP 7.3.8
• XDebug 2.7.2
• PhpStorm 2019.2
• VSCode 1.36.1

用到的PHP擴展版本

• i magick-3.4.4
• mcrypt-1.0.2
• memcached-3.1.3
• redis-5.0.2
• xdebug-2.7.2
• swoole-4.4.3

1、Docker的安裝

這里大家直接在Docker官網下載Docker for Mac就好了，直接按照提示操作即可，此處就不贅述了。

2、安裝Nginx

地址：hub.docker.com/_/nginx 直接執行 docker pull nginx 拉取最新的鏡像，目前是1.17.2； 根據上面的地址我們可以看到官方提供的一些文檔，我們按照操作即可，我個人采用的方案是先將nginx的整個配置目錄copy到本地一份，然后在運行的時候將目錄綁定到nginx容器的配置目錄，這樣修改配置更加方便一些。

將nginx配置目錄copy到本地：

代碼解讀

復制代碼

$ docker run --name tmp-nginx -d nginx $ docker cp tmp-nginx:/etc/nginx /Users/yourname/Workspace/etc/nginx $ docker rm -f tmp-nginx

說明：/Users/yourname/Workspace/etc，這個是我個人的工作目錄，到時候根據情況換成自己的就行；命令的作用就是啟一個后臺運行的nginx容器，將配置目錄copy出來之后終止運行并刪除容器。

可以先運行一下看看效果：

代碼解讀

復制代碼

$ docker run --name run-nginx -d -p 80:80 -v /Users/yourname/Workspace/www:/usr/share/nginx/html:ro nginx

說明：-v參數綁定本地的一個目錄到nginx容器中的web目錄，這里面沒有綁定配置目錄，大家可以在web目錄下建立一個hello.html，通過瀏覽器訪問http://localhost/hello.html看看效果，這之后可以大家可以先刪除容器，后面我們改完配置再來啟動它。 刪除方法：

代碼解讀

復制代碼

$ docker rm -f run-nginx

3、安裝php-fpm

地址：hub.docker.com/_/php 因為這里我們需要安裝一些開發時用到的PHP擴展，所以最好的辦法是根據Dockerfile生成我們自己的鏡像，如下是我的Dockerfile，大家可以參考，可以根據情況刪減不需要的擴展，否則生成的鏡像會比較大。

Dockerfile內容如下：

代碼解讀

復制代碼

# 從官方基礎版本構建 FROM php:7.3.7-fpm # 官方版本默認安裝擴展: # Core, ctype, curl # date, dom # fileinfo, filter, ftp # hash # iconv # json # libxml # mbstring, mysqlnd # openssl # pcre, PDO, pdo_sqlite, Phar, posix # readline, Reflection, session, SimpleXML, sodium, SPL, sqlite3, standard # tokenizer # xml, xmlreader, xmlwriter # zlib # 更新為國內鏡像 RUN mv /etc/apt/sources.list /etc/apt/sources.list.bak \ && echo 'deb http://mirrors.163.com/debian/ stretch main non-free contrib' > /etc/apt/sources.list \ && echo 'deb http://mirrors.163.com/debian/ stretch-updates main non-free contrib' >> /etc/apt/sources.list \ && echo 'deb http://mirrors.163.com/debian-security/ stretch/updates main non-free contrib' >> /etc/apt/sources.list \ && apt-get update # bcmath, calendar, exif, gettext, sockets, dba, # mysqli, pcntl, pdo_mysql, shmop, sysvmsg, sysvsem, sysvshm 擴展 RUN docker-php-ext-install -j$(nproc) bcmath calendar exif gettext sockets dba mysqli pcntl pdo_mysql shmop sysvmsg sysvsem sysvshm iconv # GD 擴展 RUN apt-get install -y --no-install-recommends libfreetype6-dev libjpeg62-turbo-dev libpng-dev \ && rm -r /var/lib/apt/lists/* \ && docker-php-ext-configure gd --with-freetype-dir=/usr/include/ --with-jpeg-dir=/usr/include/ \ && docker-php-ext-install -j$(nproc) gd # imagick 擴展 RUN export CFLAGS="$PHP_CFLAGS" CPPFLAGS="$PHP_CPPFLAGS" LDFLAGS="$PHP_LDFLAGS" \ && apt-get install -y --no-install-recommends libmagickwand-dev \ && rm -r /var/lib/apt/lists/* \ && pecl install imagick-3.4.4 \ && docker-php-ext-enable imagick # mcrypt 擴展 RUN apt-get install -y --no-install-recommends libmcrypt-dev \ && rm -r /var/lib/apt/lists/* \ && pecl install mcrypt-1.0.2 \ && docker-php-ext-enable mcrypt # Memcached 擴展 RUN apt-get install -y --no-install-recommends libmemcached-dev zlib1g-dev \ && rm -r /var/lib/apt/lists/* \ && pecl install memcached-3.1.3 \ && docker-php-ext-enable memcached # redis 擴展 RUN pecl install redis-5.0.0 && docker-php-ext-enable redis # opcache 擴展 RUN docker-php-ext-configure opcache --enable-opcache && docker-php-ext-install opcache # xdebug 擴展 RUN pecl install xdebug-2.7.2 && docker-php-ext-enable xdebug # swoole 擴展 RUN pecl install swoole-4.4.0 && docker-php-ext-enable swoole # 鏡像信息 LABEL Author="Stone" LABEL Version="2019.7" LABEL Description="PHP 7.3.7 開發環境鏡像.

說明：這個Dockerfile我參考了www.jianshu.com/p/20fcca06e…作者的內容，并做了一些調整，大家可以根據自己情況增減，因為是開發環境所以最好把xdebug留著，咱們后面也會用到；

下面是將RUN串聯起來的Dockerfile，這樣生成的鏡像能小一些，但是依然有636M，官方的php:7.3.7-fpm的鏡像是371M，如果想優化也可以從官方提供的Alpine鏡像生成，咱們這里就先簡單粗暴了。

上面的內容沒有更新，依然是上個文章版本的內容，為的是有個對比，請使用以下最新的Dockerfile。

代碼解讀

復制代碼

FROM php:7.3.8-fpm RUN mv /etc/apt/sources.list /etc/apt/sources.list.bak \ && echo 'deb http://mirrors.aliyun.com/debian/ buster main non-free contrib' > /etc/apt/sources.list \ && echo 'deb http://mirrors.aliyun.com/debian-security buster/updates main' >> /etc/apt/sources.list \ && echo 'deb http://mirrors.aliyun.com/debian/ buster-updates main non-free contrib' >> /etc/apt/sources.list \ && echo 'deb http://mirrors.aliyun.com/debian/ buster-backports main non-free contrib' >> /etc/apt/sources.list \ && apt-get update \ && export CFLAGS="$PHP_CFLAGS" CPPFLAGS="$PHP_CPPFLAGS" LDFLAGS="$PHP_LDFLAGS" \ && apt-get install -y --no-install-recommends libfreetype6-dev libjpeg62-turbo-dev libpng-dev libmagickwand-dev libmcrypt-dev libmemcached-dev zlib1g-dev \ && rm -rf /var/lib/apt/lists/* \ && docker-php-ext-configure gd --with-freetype-dir=/usr/include/ --with-jpeg-dir=/usr/include/ \ && docker-php-ext-install -j$(nproc) bcmath calendar exif gettext sockets dba mysqli pcntl pdo_mysql shmop sysvmsg sysvsem sysvshm iconv gd \ && pecl install imagick-3.4.4 mcrypt-1.0.2 memcached-3.1.3 redis-5.0.2 xdebug-2.7.2 swoole-4.4.3\ && docker-php-ext-enable imagick mcrypt memcached redis xdebug swoole \ && docker-php-ext-configure opcache --enable-opcache && docker-php-ext-install opcache LABEL Author="Stone" LABEL Version="2019.8" LABEL Description="PHP 7.3.8 開發環境鏡像. "

說一下踩的坑：apt-get的源最好換成國內的源，否則可能會在構建鏡像的時候卡死；因為默認情況下官方容器是基于Debian的，查找源的時候很多都是過時的，如當前的Debian代號是stretch，卻使用了jessie的包那肯定是會報錯的，“E: Unable to correct problems, you have held broken packages.”；大家直接按照我上面的Dockerfile生成鏡像即可，測試通過。 另外需要注意默認的php:7.3.7-fpm是基于Debian 9構建的，代號是stretch；而php:7.3.8-fpm是基于Debian 10，代號是buster。使用不同版本的Debian可以用tag末尾為-stretch或者-buster進行選擇。

在Dockerfile所在目錄下執行：

代碼解讀

復制代碼

docker build -t my-php-fpm:2019.8 .

-t參數設置鏡像名稱和標簽，請根據自己情況命名，鏡像創建完成之后，可以像上面我們copy出nginx配置一樣，將php的相關配置也copy到本地。

代碼解讀

復制代碼

$ docker run --name tmp-my-php-fpm -d my-php-fpm:2019.7 $ docker cp tmp-my-php-fpm:/usr/local/etc /Users/yourname/Workspace/etc/php $ docker rm -f tmp-my-php-fpm

4、修改nginx、php-fpm、xdebug的配置文件

修改nginx配置文件，打開/Users/yourname/Workspace/etc/nginx/default.conf，加入下面的內容：

代碼解讀

復制代碼

location ~ \.php$ { fastcgi_pass php-fpm-container:9000; fastcgi_index index.php; fastcgi_param SCRIPT_FILENAME /var/www/html$fastcgi_script_name; fastcgi_param SCRIPT_NAME $fastcgi_script_name; include fastcgi_params; }

增加的內容里面有一處需要說明，“php-fpm-container”這個是咱們自己創建的php-fpm容器的別名，具體是在運行時候指定的，之后咱們會提到。

修改php相關配置文件，進入/Users/yourname/Workspace/etc/php下，將php.ini-development復制改名為php.ini，配置內容根據自己情況修改即可。 修改xdebug的配置文件，/Users/yourname/Workspace/etc/php/conf.d/docker-php-ext-xdebug.ini，加入如下內容

代碼解讀

復制代碼

xdebug.remote_enable = On xdebug.remote_handler = dbgp xdebug.remote_host = host.docker.internal xdebug.remote_port = 9001 xdebug.remote_log = /var/log/php/xdebug.log xdebug.idekey = PHPSTOR

以上設置主要是開啟xdebug的遠程調試模式，因為php-fpm使用了9000端口，所以這里我們把xdebug的端口改為了9001；“host.docker.internal”是docker 18.03新加入的，可以解析獲得宿主機的ip地址，這樣就不用寫死ip地址了。

5、啟動php-fpm、nginx容器

代碼解讀

復制代碼

$ docker run --name run-my-php-fpm \ -v /Users/yourname/Workspace/www:/var/www/html \ -v /Users/yourname/Workspace/etc/php:/usr/local/etc \ -v /Users/yourname/Workspace/log/php:/var/log/php \ -d my-php-fpm:2019.8

代碼解讀

復制代碼

$ docker run --name run-nginx \ -p 80:80 \ --link run-my-php-fpm:php-fpm-container \ -v /Users/yourname/Workspace/www:/usr/share/nginx/html \ -v /Users/yourname/Workspace/etc/nginx:/etc/nginx \ -v /Users/yourname/Workspace/log/nginx:/var/log/nginx \ -d nginx

說明：我將配置目錄、日志目錄和web目錄都分別進行了綁定，方便在本地環境中修改。還記得上面提到的nginx中有個配置填寫的“php-fpm-container”嗎？實際上就是在這里指定的，連接兩個容器，并給php-fpm容器起了個別名，配置中通過別名訪問。

在/Users/yourname/Workspace/www中創建一個phpinfo.php文件，輸出php信息，通過http://localhost/phpinfo.php訪問來查看。

?

6、安裝Chrome瀏覽器插件xdebug helper

可能會被墻，請自行解決。

7、PhpStorm調試環境配置

建立/Users/yourname/Workspace/www/xdebug/demo.php，php文件里面隨便寫點php代碼，也可以通過PhpStorm新建立一個空項目，但是位置要在我們和php-fpm容器綁定的目錄。

菜單：PhpStorm->Preferences… 進入偏好設置，按照下圖進行設置。

?

根據上圖提示進入CLI Interpreter設置窗口，點“+”添加配置。

?

?

繼續配置Debug相關設置，如下圖：

?

進入主界面，選擇右上的“Add Configuration...”

?

進入debug配置窗口后選擇“+”，選擇“PHP Web Page“，設置名稱后進入Servers設置，同時設置Start URL：“/xdebug/demo.php”

?

?

進入主窗口，在程序中打幾個斷點，然后點擊那個綠色的甲蟲就可以了。

?

8、VSCode調試環境配置

首先安裝PHP Debug插件，然后打開上面創建的xdebug目錄。如下圖所示，進入調試面板，點齒輪選擇PHP，然后會創建一個launch.json文件，修改這個文件加入pathMappings配置，這個配置參數用于設置服務器路徑與本地路徑的對應關系，低版本使用的是localSourceRoot和serverSourceRoot，目前已經被廢除。另外記得將端口改為9001。

?

?

進入demo.php，隨意設置兩個斷點，然后點左側的運行按鈕，進入調試模式，接下來刷新http://localhost/xdebug/demo.php會返回到VSCode的調試窗口，左側已經列出調試信息，可選擇單步執行跟蹤程序的運行。

?

?

結尾：實際上這次部署環境踩了不少坑，主要原因是網上的資料都比較陳舊，很多文章也沒有后續的更新，或者方向和我不太一致，例如hub中直接就有xdebug的鏡像，但是我還是想盡量用官方提供的鏡像自己創建，為了避免踩坑，大家最好還是多多參考官方文檔，一般都寫的比較清楚了。得益于docker的便利，我會不定期的更新這篇文章，這也是我在文章開頭設置了一個版本號的原因，希望對大家有所幫助。

作者：climberone
鏈接：https://juejin.cn/post/6844903892187906056
來源：稀土掘金
著作權歸作者所有。商業轉載請聯系作者獲得授權，非商業轉載請注明出處。