Docker環境構築のためのymlとwp-env

Wordpress関連 ローカルサーバー関連
2024年9月13日

ローカルでのWordpressのテーマ開発でDocker環境はどうなのか、利用しているMAMPと比して使いやすくなるのか？
ということでDocker環境をdocker-compose.ymlで構築してみたのが2年ほど前。しかしDocker環境には移行せずMAMPを利用していました。
そして最近になってwp-envはどうなのかな？と思い試してみました。
npmパッケージのインストールなど初期設定さえ完了していればいたって簡単にWordpressをローカルに構築できるのはやはり便利。
MAMPをメインで使いながらいろいろ試してみようかと思っています。
しばらく使わなかったりするとすぐに忘れてしまうので、docker composeとwp-envの設定ファイルの内容を覚書。
docker-compose.yml

services:
 db:
  image: mysql:8.0
  container_name: mysql8
  restart: always
  environment:
    MYSQL_ROOT_PASSWORD: password # rootユーザのパスワード
    MYSQL_DATABASE: db_local # WordPress用データベース名
    MYSQL_USER: wp_user # WordPress用データベース接続ユーザ名
    MYSQL_PASSWORD: password # WordPress用データベース接続パスワード
 WordPress:
  image: wordpress:latest
  container_name: wordpress
  restart: always
  depends_on:
     - db
  ports:
     - 10090:80
  environment:
    WORDPRESS_DB_HOST: db:3306 # データベースサーバ名：ポート番号
    WORDPRESS_DB_USER: wp_user # WordPress用データベース接続ユーザ名(dbの内容に合わせる)
    WORDPRESS_DB_PASSWORD: password # WordPress用データベース接続パスワード(dbの内容に合わせる)
    WORDPRESS_DB_NAME: db_local # WordPress用データベース名(dbの内容に合わせる)
    WORDPRESS_DEBUG: 1 # デバッグモードON
volumes:
     - ./html:/var/www/html
 phpmyadmin:
  image: phpmyadmin/phpmyadmin:latest
  container_name: phpmyadmin_ingrid
  restart: always
  depends_on:
     - db
  ports:
     - 10099:80

Docker起動でhttp://localhost:10090でWordpress http://10099でphpMyadmin

.wp-env.json

{
  "plugins": [
    "https://downloads.wordpress.org/plugin/advanced-custom-fields.latest-stable.zip",
    "https://downloads.wordpress.org/plugin/contact-form-7.latest-stable.zip"
  ],
  "config": {
    "WP_DEBUG": true
  },
  "mappings": {
    "wp-content/themes/": "./dist"
  }
}

ターミナルでルートディレクトリに移動し、npm run wp-env startで起動

PAGE TOP