Web備忘録 プログラミングを中心に技術的な事柄を忘れないように書き残します。

VCCW(Vagrant)でWordPressの開発環境を構築する方法

VCCW(Vagrant)でWordPressの開発環境を構築する方法
目次

WordPress開発環境を簡単に構築したい

お手軽にWordpress開発環境を構築する手段がないか調べた結果、VCCWというのがあるみたいです。使い方をまとめます。

VCCW

VCCW は、Vagrant + VirtualBoxで仮想環境上にWordpressの環境を構築します。必要な情報は上記公式サイトにまとまっています。

インストールされるもの

VCCWの環境に最初からインストールされるものは以下の通りです。必要なものが一通りそろっています。

ホスト環境に必要なもの

ホストOS側にVagrantとVirtualBoxをインストールしておく必要があります。とりあえず最新版をインストールしておけばいいです。

Vagrantで仮想環境構築入門 でVagrantの環境構築はまとめていますので参考にどうぞ。

必要なバージョンは上記URLで確認してください。2017年12月現在では以下のバージョンが必要とのことです。

  • Vagrant 1.8.6 or later
  • VirtualBox 5.1.6 or later

VCCWの構築手順

VagrantとVirtualBoxがインストールされている環境を前提とします。

Boxのインストール

$ vagrant box add vccw-team/xenial64

VCCWのダウンロード

VCCWをダウンロードします。公式サイトからダウンロードするか、gitでクローンします。

$ git clone https://github.com/vccw-team/vccw.git vccw

Vagrantで仮想環境を起動する

vagrant upコマンドで仮想環境を起動します。初回起動ではもろもろのインストールが実行されるため、少し時間がかかります。

$ cd vccw
$ vagrant up

WordPressのページを確認する

vagrant up で仮想環境を起動したうえで、上記URLのいずれかからVCCWで動くWordpressのページを確認できます。

ホスト環境がWindowsの場合、hostsファイルでを編集する必要があります。C:\Windows\System32\drivers\etc\hosts に以下の追記を行います。

192.168.33.10 vccw.test

これで http://vccw.test/ にアクセスできるようになります。

ssh接続

vagrant ssh コマンドでssh接続が可能です。

VCCWでのユーザーとかパスワード

VCCWでのデフォルトの環境設定です。

WordPress

  • Default user
    • Username: admin
    • Password: admin

MySQL

  • MySQL Host: 127.0.0.1
  • Username: wordpress or root
  • Password: wordpress
  • Port: 3306

SSH

  • Host: vccw.test or 192.168.33.10
  • Username: vagrant
  • Password: vagrant
  • Port: 22

VCCWをカスタマイズする

provision/default.yml ファイルが設定情報のファイルです。このファイルを編集することで環境をカスタマイズできます。

仮想マシンのメモリサイズやIP等の設定項目があるので、適宜変更しておきます。

例えばデフォルトだと英語なので日本語設定にしてみます。default.yml をコピーしてカスタマイズ用に site.yml を作成します。このファイルを編集していきます。

$ cp provision/default.yml site.yml

設定値を以下のように変更します。

#
# WordPress Settings
#
version: latest
lang: ja # ← WordPressを日本語に設定
title: Welcome to the VCCW
multisite: false
rewrite_structure: /archives/%post_id%

設定値を反映させるには、vagrant reload で仮想環境を再起動します。反映されない場合は、プロビジョニングをやり直します。vagrant reload --provision で設定が反映されます。

まとめ

簡単にwordpressの環境が構築できました。

以上。

開発環境カテゴリの最新記事