LoginSignup
0
2

Windows11でWordPress環境を構築する(WSL2, Docker)

Last updated at Posted at 2022-09-24

はじめに

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がオンになっていることを確認し、
image.png

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

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)を入力すればよい。

参考文献

0
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
2