Physical Address

304 North Cardinal St.
Dorchester Center, MA 02124

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

內容目錄

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
  1. 設定 wp-config-ddev.php ,因為 ddev 預設的位置應該是 https://wordpress.ddev.site ,要修改 ddev 內的 wp-config
define('WP_HOME', 'https://wp23.ngrok-free.app');
  1. 檢查有無需要取代的字串,這是 WordPress 的老毛病,進行之前建議先進行 DB 備份 或 快照
ddev wp search-replace https://wordpress.ddev.site https://wp23.ngrok-free.app
  1. 現在執行 ddev share ,應該就能看到 https://wp23.ngrok-free.app 可以用囉,就可以直接丟給外部使用者了,YA!