以前VagrantとVirtualBoxを使ってローカルPCでWordPressを構築する方法をご紹介しました。
-
-
Vagrantでローカル環境にWordPressを構築する方法
WordPressの操作を試してみたり、新しいプラグインの検証をしてみたいと思った時に無料で使える環境がないか考えたことはありませんか? 私は以前WordPressの勉強をしたいと思い、自分のパソコン ...
ただ、可能ならメインで使っているPCとは別のPCにWordPressの環境を構築して、リモートで操作したいと思っていました。
あまりネットワークの知識が詳しくないので苦戦しましたが、なんとか無事に環境構築できましたので、今回はその方法をご紹介します。
■環境構築のイメージ図
サブPCのネットワーク環境の確認
構築するネットワークの確認
最初にサブPC側でWordPressを構築するためのネットワーク環境を確認します。
まずはコマンドプロンプトを起動して下記コマンドを実行します。
ipconfig
コマンドを実行すると下図のような結果が表示されます。
その中にデフォルトゲートウェイが表示されますので、赤字の部分を確認します。
(私のルーターはAtermなので10ですが、メーカーによって変わるようです。)
■コマンドの実行結果
IPv6 アドレス . . . . . . . . . . . .: xxxx:xxxx:xxxx:xxxx:xxxx:xxxx:xxxx:xxxx
一時 IPv6 アドレス. . . . . . . . . .: xxxx:xxxx:xxxx:xxxx:xxxx:xxxx:xxxx:xxxx
リンクローカル IPv6 アドレス. . . . .: :xxxx:xxxx:xxxx:xxxx
IPv4 アドレス . . . . . . . . . . . .: 192.168.10.11
サブネット マスク . . . . . . . . . .: 255.255.255.0
デフォルト ゲートウェイ . . . . . . .: :xxxx:xxxx:xxxx:xxxx
␣␣␣␣␣␣␣␣␣␣␣␣␣␣␣192.168.10.1
今回は192.168.10.0のネットワークの環境ということが分かりましたので、WordPressを構築する環境もこのネットワーク内に作るように設定します。
目次
事前準備(サブPC)
先に以下のものを先に準備しておくとスムーズに作業が進められます。
ネットワークの許可
メインPCからSSHで接続できるようにファイアウォールを設定します。
-
-
Windows10同士でpingが通らない時に試したこと
他のPCに仮想マシンを導入してSSH接続をしたかったのに、接続するのにハマってしまったので、試したことを備忘録として残すことにしました。 同じような状況に陥っている方にとって参考になれば幸いです。 目 ...
VirtualBoxのインストール
-
-
Windows10にVirtualBoxをインストールする方法
勉強用にサーバーを立てて触ってみたいと思ったことありませんか? そういう時に便利なものが仮想化のソフトウェアです。 このソフトをインストールすることで、パソコン上にWindowsサーバー ...
Vagrantのインストール
-
-
Windows10にVagrantをインストールする方法
これまで手動でVirtualBoxの環境を構築していたのですが、Vagrantを使うと簡単に構築できるらしいということで、勉強を兼ねてインストールしてみました。 今回はVagrantのインストール方法 ...
TeraTermのインストール
-
-
TeraTermのインストール方法
今回はLinuxサーバーにリモート接続する際によく利用されているTeraTermのインストール手順をご紹介します。 TeraTermはLinuxにリモートで接続する時によく使用されているフリーのツール ...
パスワード
・CentOSのkusanagiユーザーのパスワード
・SSH鍵認証用のパスワード(テスト環境なので必要に応じて)
・DB名
・DBのrootユーザーのパスワード
・DBの一般ユーザー名
・DBの一般ユーザーのパスワード
パスワードは下記のサイトを使うと便利です。
パスワード生成(パスワード作成)ツール
Vagrant Boxのインストール手順(サブPC)
VirtualBoxを起動します。
すぐに使うわけではないのですが、どのタイミングでCentOSが起動するか確認しやすいので、あらかじめ起動しておきます。
これから行う作業はVagrantを使って、VirtualBoxにCentOSというLinuxのOSをインストールします。
基本的にはWIndowsのコマンドプロンプトを使って、コマンドのみで環境を構築します。
Vagrantfileの作成
コマンドプロンプトを起動します。
起動したらcdコマンドで任意の場所に移動してください。
例えば下記ではPCのユーザー名のフォルダ(ここではuser_name)に移動します。
cd C:/Users/user_name/
ここにVagrantfileファイルを作成するために、下記コマンドを実行してフォルダを作成します。
今回はkusanagiという名前のフォルダを作成しますが、何でも構いません。
mkdir kusanagi
次にcdコマンドでカレントディレクトリをkusanagiフォルダに移動します。
cd kusanagi
Vagrantfileファイルを生成するコマンドを実行します。
vagrant init primestrategy/kusanagi
実行が完了すると下記メッセージが表示されます。
ready to `vagrant up` your first virtual environment! Please read
the comments in the Vagrantfile as well as documentation on
`vagrantup.com` for more information on using Vagrant.
これでkusanagiフォルダにVagrantfileファイルが作成されました。
同時にkusanagiフォルダと同じ階層に「.vagrant.d」フォルダが作成されます。
Vagrantfileの編集
ここでローカルで構築した設定内容と一部変更があります。
デフォルトのipアドレスですと、192.168.33.10になっているのですが、192.168.10.xxに変更します。
10の部分には最初に確認したネットワークの値を設定します。
また、xxの部分には同ネットワークに存在しない値を設定します。
例えばコマンドプロンプトで「ping 192.168.10.12」を実行した結果、「宛先ホストに到達できません。」のようなメッセージが表示されていれば使われていないIPアドレスです。
ただ、固定IPアドレスが設定されている端末が起動していない可能性もありますので、環境構築後に繋がらなくなったらIPアドレスが重複していないか疑ってみた方がいいかもしれません。
設定したいIPアドレス(ここでは192.168.10.12を設定)が決まったら、startコマンドでVagrantfileファイルを開きます。
この時、どのアプリで開くか聞かれますので、メモ帳を選んで開いてください。
start Vagrantfile
ファイルを開いたら下記の編集前の行を編集後の5行に置き換えます。
"192.168.10.12"の部分は上記で確認した使われていないIPアドレスを指定します。
また、"1024"の部分はパソコンのメモリーを逼迫しない程度に調整してください。単位はMB(メガバイト)です。
修正が終わったら保存して、ファイルを閉じます。
編集前:
# config.vm.network "public_network", ip: "192.168.33.10"
編集後:
config.vm.box_download_insecure = true config.vm.network "public_network", ip: "192.168.10.12" config.vm.provider "virtualbox" do |vb| vb.customize ["modifyvm", :id, "--memory", "1024"] end
仮想マシンの起動
下記コマンドを実行すると仮想マシンが起動しますが、完了まで数分かかります。
vagrant up
起動が成功すればVirtualBoxの画面左側にCentOS実行中が表示されます。
このタイミングでkusanagiフォルダと同じ階層に.vagrant.dフォルダが作成されます。
もし、エラーが表示されて失敗した場合にはVagrantfileファイルに誤りがないか確認してください。
修正したらuser_name(アカウント名)の下にある「.vagrant.d」フォルダを削除してから、再度vagrant upコマンドを実行すれば大丈夫です。
ここまででVirtualBoxへのCentOSのインストール作業は完了です。
KUSANAGIのインストール(メインPC)
次にこのCentOSにWordPressをインストールします。
以降の作業はメインPCでもサブPCでも構いません。
ただ、早めにメインPCからサブPCのCentOSにSSHで接続できているか確認したいので、ここからはメインPCで作業を進めます。
SSH接続
まず、TeraTermを起動します。
ここではIPアドレスとTCPポートを設定します。
IPアドレスは「192.168.10.12」(vagrantfileで設定したipアドレスを指定します。)
TCPポートは「22」を入力してください。
入力が完了したら[OK]ボタンをクリックします。
初めてログインする時はセキュリティ警告が表示されますので、そのまま[続行]ボタンをクリックします。
既存のカギを新しい鍵で上書きするにチェックを入れると次回以降、このセキュリティ警告は表示されなくなりますので、入れておいてもいいです。
ユーザー名とパスワードには「vagrant」と入力して[OK]ボタンをクリックします。
CentOSやKUSANAGIのアップデート
最初にroot権限を取得するために、下記コマンドを実行します。
sudo su -
KUSANAGIとCentOSのアップデートを実施します。
下記コマンドを1行ずつ実行してください。
yum update kusanagi -y yum --enablerepo=remi,remi-php56 update -y
「Complete!」が表示されたら下記コマンドでCentOSを再起動します。
reboot
CentOSが起動したらもう一度TeraTermで接続してください。
まずはKUSANAGIの初期設定をします。
下記コマンドでroot権限を再度取得します。
sudo su -
サーバータイムゾーンの設定
下記コマンドを実行するとサーバーのタイムゾーンの設定が開始されるのですが、以降、設定選択して進める形式になります。
途中で設定を止めた場合は、もう一度このコマンドから実行するか、下記サイトを参考に残りの設定をコマンドで設定してください。
https://kusanagi.tokyo/document/kusanagi-init/
kusanagi init --tz tokyo
処理が終わりましたら、下記のようにメッセージにFinishが表示されます。
KUSANAGI is already latest version.
(中略)
Finish.
Applying Location: Asia/Tokyo.
使用言語の選択
続けて使用言語を選択します。日本語の場合は「2」を選んでEnterを押下します。
1 : English
2 : 日本語
キーボードタイプの選択
次はキーボードの設定です。英語配列キーボードでなければ「2」の日本語配列キーボードを選んでください。
Select your keyboard layout.
1 : English
2 : Japanese
ユーザーkusanagiのパスワード設定
次はユーザー kusanagiのパスワードを設定します。
「Retype new password:」が表示されたら同じパスワードをもう一度入力します。
Changing password for user kusanagi.
New password:
下記メッセージが表示されたらパスワードの設定は成功です。
鍵認証の設定
ユーザーkusanagiのSSHユーザ鍵のパスワードを設定します。(何も入力せずに進めることも可能です。)
「passphrase again:」が表示されたら同じパスワードをもう一度入力します。
Enter passphrase (empty for no passphrase):
以下のように表示されればパスワードの設定は完了です。
Your public key has been saved in /root/kusanagi.pem.pub.
The key fingerprint is:
xx:xx:xx:xx:xx:xx:xx:xx:xx:xx:xx:xx:xx:xx:xx:xx root@
The key's randomart image is:
+---[RSA 2048]----+
(略)
+----[SHA256]-----+
/root/kusanagi.pem.pub is moved to /home/kusanagi/.ssh/authorized_keys.
/home/vagrant/.ssh/authorized_keys is added to /home/kusanagi/.ssh/authorized_keys.
/root/kusanagi.pem is moved to /home/vagrant/kusanagi.pem.
Webサーバーの選択
WebサーバーをNGINXかApachかを選びます。ここではNGINXを選択します。
Please tell me your web server option.
1) NGINX(Default)
2) Apache
アプリケーションサーバーの選択
次に起動するアプリケーションサーバーを選択します。
PHP7を選択して進めます。
1) PHP7(Default)
2) HHVM
3) PHP5
データベースの選択
使用するDBを選択します。
ここではMariaDBを選択します。
Downloading...
Composer (version 2.0.11) successfully installed to: /usr/bin/composer
Use it: php /bin/composer
Then, Please tell me your Database system.
1) MariaDB(Default)
2) PostgreSQL
DBのrootユーザーパスワードの設定
続いてDBのユーザー rootのパスワードを設定します。
8文字以上で任意のパスワードを入力してください。
「Re-type MySQL root password.」が表示されたら同じパスワードをもう一度入力します。
下記のメッセージが表示されればKUSANAGIの処理設定は完了です。(sizeは環境によって変わります。)
query_cache_size = 128M
(略)
KUSANAGI initialization completed
(略)
KUSANAGIのプロビジョニング
続いてKUSANAGIでWordPressなどを使用するためのプロファイルを作成します。
以降は例としてwptestというドメインを想定した内容で作成します。
まず、下記コマンドを実行してプロビジョニングを開始します。
kusanagi provision --WordPress wptest
WordPressインストールの言語設定
下記ではWordPressのインストールで使用する言語を選択します。
ここではja「日本語」を選択して進めます。
Choose the installation language of WordPress.
1 : en_US
2 : ja
ホスト名の設定
ホスト名(FQDN) を入力します。
ここでは「wptest」という名前で設定します。
「Re-type hostname(fqdn) for your website.」が表示されたらもう一度入力します。
Let’s Encryptの設定
次にLet’s Encryptの設定(SSL証明書の発行)ができるのですが、今回は省略して何も入力せずにEnterで先に進めます。
もう一度入力を求められますが、そのままEnterで先に進めます。
If you agree to this TOS, type your email address; if not, hit enter twice.
TOS of Let's Encrypt : https://letsencrypt.org/repository/
DB名の設定
データベース名を設定します。
ここでは「wpdb」という名前でDBを設定します。
確認用を含めて2度入力します。
DBの一般ユーザー名の設定
データベースのユーザー名を設定します。
ここでは「wpuser」という名前のユーザーを作成します。ここでも同じく確認用を含めて2度入力します。
DBの一般ユーザーパスワードの設定
作成したデータベースのユーザーのパスワードを設定します。
確認用を含めて2度入力します。
下記が表示されたらプロビジョニングは完了です。
WordPressのインストール
hostsファイルの編集
WindowsのhostsファイルにIPアドレスとドメイン名を追記して名前解決します。
まずコマンドプロンプトを管理者権限で起動して、下記コマンドを実行します。
start C:/Windows/System32/drivers/etc/hosts
開くプログラムを聞かれると思いますのでメモ帳で開きます。
サブPCのvagrantfileに設定したIPアドレスとドメイン名を一番下の行に下記を追加します。
192.168.10.12 wptest
追記したら保存します。
保存できない場合はコマンドプロンプトを管理者権限で開けているか確認してください。
WordPressをブラウザで開く
保存できたら、chromeなどのブラウザを起動して、URLにドメイン名(今回はhttp://wptest)を入力します。
すると下図のような画面が開きますので、[さあ、始めましょう]ボタンをクリックします。
以下の画面が開いたら、下記情報を入力します。
データベース名:「DB名の設定」で指定した名前を指定します。
ユーザー名:「DBの一般ユーザー名の設定」で指定した名前を指定します。
パスワード:「DBの一般ユーザーパスワードの設定」で指定したパスワードを指定します。
データベースのホスト名:localhost
テーブル接頭語:wp_
WordPressのインストール
次にWordPressの情報を入力して[WordPressをインストール]ボタンをクリックします。
サイトタイトル:任意のタイトル
ユーザー名:WordPressにログインするユーザー名
パスワード:WordPressにログインするパスワード
メールアドレス:ローカルパソコンで使う場合はメールは飛んでこないので、適当なメールアドレスを入力します。
[インストール実行]ボタンをクリックして進めます。
下記の画面になったら[ログイン]ボタンをクリックして、WordPressにログインします。
以上でサブPCにWordPressをインストールする手順は完了です。
WordPressの停止
TeraTermで下記コマンドを実行することで、CentOSをシャットダウンできます。
sudo shutdown now
まとめ
いかがでしたでしょうか。
メインPCとは別のPCにWordPressをインストールして、リモートで作業できるようにするとCPUやメモリ、ディスクのリソースを分散でます。
また、他社サーバーを使う前の練習ができたり、テスト環境としても使えたりするので大変便利です。
壊れてもまた構築すればいいので、いろいろ試してみてください。