DDEV -WordPress 走出本機端的設定方式

以全端工程師來說，ddev 這套工具對本機端開發真的有巨大的幫助。像我現在針對 WordPress 相關的專案時，就先採用 ddev 作為本機開發的優先選項。

而有時製作的內容想先丟給像是設計師啦、PM甚至是客戶，用直接實例呈現跟對方討論時，其實也能用一些內網穿透的proxy工具來處理，ddev 就跟最常用的 ngrok 有整合可以透過 config 直接呼叫 ngrok 啟動，讓本機端也能走到外部網路。

說明文件在這邊：https://ddev.readthedocs.io/en/stable/users/topics/sharing/

簡單記錄一下設定流程

設定 ngrok 網域

1. 註冊 ngrok ，與啟用網域，文件在這邊
2. 啟用網域後，我們會拿到一組臨時網域，例如 wp23.ngrok-free.app
3. 設定 .ddev/config.yaml ，在文件中加入

ngrok_args: --domain wp23.ngrok-free.app

4. 設定 wp-config-ddev.php ，因為 ddev 預設的位置應該是 https://wordpress.ddev.site ，要修改 ddev 內的 wp-config

define('WP_HOME', 'https://wp23.ngrok-free.app');

5. 檢查有無需要取代的字串，這是 WordPress 的老毛病，進行之前建議先進行 DB 備份 或 快照

ddev wp search-replace https://wordpress.ddev.site https://wp23.ngrok-free.app

6. 現在執行 ddev share ，應該就能看到 https://wp23.ngrok-free.app 可以用囉，就可以直接丟給外部使用者了，YA!