Windows11でWordPress環境を構築する（WSL2, Docker）

はじめに

Windows11でWordPress環境を構築したいと思った方向け。備忘録も兼ねています。

WSL2のインストール

PowerShellを管理者で立ち上げて、以下のように入力

PowerShell(管理者)

wsl --install

その後PCを再起動する。そうすると、勝手にUbuntuが起動するので、名前とパスワードを求められるので適当に決めて入力する。

その後、パッケージなどをアップデートし（定期的に行うことを公式では推奨されている）、日本語にも対応させておく。

Ubuntu(bash)

# ライブラリを最新化
$ sudo apt update && sudo apt upgrade

# 日本語に対応
$ sudo apt -y install language-pack-ja
$ sudo update-locale LANG=ja_JP.UTF8
$ sudo apt -y install manpages-ja manpages-ja-dev

Dockerのインストール

なんでもwingetでインストールするようにしているのでwingetでインストール。

PowerShell

winget install -e --id Docker.DockerDesktop

その後はDockerを起動して、

Use the WSL 2 based engineがオンになっていることを確認し、

Settings > Resources > WSL Integration に移動して、Ubuntuをオンにする

VSCodeでDockerを使えるようにする

wget と ca-certificates を追加（標準で入っていたが）。

Ubuntu(bash)

sudo apt-get install wget ca-certificates

VSCode上で拡張機能をインストールする（以下の二つ）

WordPress環境を構築する

ディレクトリを作成し、VSCodeをコマンドで起動

Ubuntu(bash)

mkdir my_wordpress
cd my_wordpress
code .

VSCodeでdocker-compose.ymlを以下のように作成し、保存

docker-compose.yml

version: '3'

services:
  db:
    image: mysql:5.7
    volumes:
      - db:/var/lib/mysql
    restart: always
    environment:
      MYSQL_ROOT_PASSWORD: root_pass
      MYSQL_DATABASE: wp_db
      MYSQL_USER: wp_user
      MYSQL_PASSWORD: user_pass

  wordpress:
    image: wordpress:latest
    volumes:
      - wordpress:/var/www/html
    restart: always
    depends_on:
      - db
    ports:
      - "8080:80"
    environment:
      WORDPRESS_DB_HOST: db:3306
      WORDPRESS_DB_NAME: wp_db
      WORDPRESS_DB_USER: wp_user
      WORDPRESS_DB_PASSWORD: user_pass
      WORDPRESS_DEBUG: 1

  phpmyadmin:
    image: phpmyadmin/phpmyadmin:latest
    restart: always
    depends_on:
      - db
    ports:
      - '3000:80'

volumes:
  wordpress:
  db:

保存したら、以下のコマンドでコンテナを起動する

Ubuntu(bash)

docker compose up -d

起動確認

WordPress

http://localhost:8080/ で起動する。ユーザー名やパスワードは適当に決めればOK。

phpMyAdmin

http://localhost:3000/ で起動する。
ユーザー名とパスワードを求められるが、MYSQL_USER（wp_user）と MYSQL_PASSWORD（user_pass）を入力すればよい。

参考文献

• WSL を使用して Windows に Linux をインストールする（公式ドキュメント）
  https://learn.microsoft.com/ja-jp/windows/wsl/install
• WSL 2 での Docker リモート コンテナーの概要（公式ドキュメント）
  https://learn.microsoft.com/ja-jp/windows/wsl/tutorials/wsl-containers
• クィックスタート: Compose と WordPress（Docker-docs-ja）
  https://docs.docker.jp/compose/wordpress.html
• wordpress（Docker Hub）
  https://hub.docker.com/_/wordpress
• 初心者｜Docker-ComposeでWordPressとMySQLとphpMyAdminのローカル環境の構築
  https://qiita.com/tomokei5634/items/75d2501cfb968d0cfab5
• WSL2のUbuntu 20.04を日本語化する
  https://qiita.com/myalpine/items/fb45b222924b2e61ea9f