問題 (Problem)

我想使用 Docker 容器的虛擬化技術，可以在本機端建立多個 WordPress 站台的開發環境，然後只透過一個 Nginx Web Server，負責接收多個網域 (multiple domain) 的 Http Request (例如 "blog1.localhost", "blog2.localhot")， 並自動將該網域的需求指向對應的 WordPress 站台，如此可以便於託管運行多站台或是方便本機端的開發。

如何有效設定 Docker 的虛擬開發環境，且不會影響到 Host 本機系統的干擾，如此可以方便方便移轉與部署開發環境至其它主機或對外運轉的系統上？

解決方案 (Solution)

• 建置一個使用 Nginix Reverse Proxy Server Docker 專案。可以採用已建置完整反向代理設定自動化的 jwilder/nginx-proxy 的映像檔。
• 建置一個完整的 WordPress 開發環境的 Docker 專案，內含 MySQL、phpmyadmin、Wordpress 等 Docker Image。

主要實作步驟

主要實作的方法參考這篇：「Host Multiple Websites On One VPS With Docker And Nginx」。當然對於 Docker 多個容器的配置檔 (docker-compose.yml) 設定，肯定要查找官方文件指引與其它網路設定分享文的。過程期間常要不斷地 Try-Error 才得以配置好 Docker 多個容器的開發環境。

在 WSL2 的 Docker 專案目錄結構參考如下：

首先需要先創建一個 Docker 網絡，如此得以將下列所有這些容器 (container) 橋接 (bridge) 在一起。打開終端機 (terminal)，輸入下列指令：

$ docker network create nginx-proxy

接著就是可以參考上述的專案目錄結構，來創建兩個專案 (Nginx and WordPress)，並為各自的資料夾編輯配置設定。