Apache | masao-Tec-blog

Synology NASでWordPress Webサイトのテスト環境構築

masao — Sun, 29 May 2022 12:11:36 +0000

WordPressを用いたWebサイトの公開を行うと、日々の記事更新以外にテーマやプラグインのアップデートや、サイトの見た目を変更するなどを行う機会があります。これらの作業には失敗したり、アップデートを行ったことにより動作しなくなるなどのリスクがあるため、本番サイトを複製したテスト環境を準備し、テスト環境であらかじめ検証をして、問題がないことを確認してから本番サイトに展開するといった運用を行うこととしました。

前提　本記事でのDSM(OS)バージョンは、Synology DSM 7.1 を用いています。

1.テスト環境の構築方針
2.テスト環境の構築手順
3.まとめ

1.テスト環境の構築方針

テスト環境は以下の方針で構築することとしました。

1-1.Synology NAS上に本番サイトの複製Webサイトを構築する。

テスト用サイトの目的として、同一環境（ソフトウェアバージョン、ハードウェア構成）上で、WordPress Webコンテンツの変更に対する事前動作検証をすることであるため、Synology NAS上に、本番サイトと同一の複製Webサイトを構築してテスト用サイトとします。

Synology NASのWordPressのWebサイトの構築方法としては、以下の記事で紹介した、Synologyのパッケージ版のWordPressを使用する方法と、

Synology NASでのWordPressを用いたWebサイト構築

Sylogogy NASでWordPressを用いたWebサイトの構築を行います。WordPressを実行するためには、実行環境としてLAMP環境（「Linux」、「Apache」、「MySQL」、「PHP」）を構築することが必要となりますが、Synology NASではインストーラーにより簡単にインストールすることが出来ます。

以下の記事で紹介した、WordPress.orgからダウンロードしたWordPressをインストール・セットアップする方法があります。

Synology NASでのWordPress（本家版）を用いたWebサイト構築

Sylogogy NASでWordPressを用いたWebサイトの構築を行います。今回はSynology NASのDSM（DiskStation Manager)で提供されているパッケージを使用せずにWordPress.orgからダウンロードした本家版をインストール・セットアップします。

記事の中でも紹介しておりますが、Synologyのパッケージ版のWordPressでは、NAS上に複数のWordPressWebサイトが作成できないことや、WordPress自体の更新がロックされていることもあり、本記事でのWordPressサイト構築方法は「WordPress.orgからダウンロードしたWordPressをインストール・セットアップする方法」を前提とします。

（パッケージ版とダウンロード版を併用する方法もないわけではないですが、パッケージ版でWordPressの更新がロックされていることもあるため、同一バージョンでの動作確認の趣旨を考えた場合、ダウンロード版で統一したほうが無難です。）

1-2.本番サイトのドメインのサブドメインを取得してテスト環境ドメインとする

テスト用サイトのURLは、本番サイトのサブドメインを取得して、テスト用サイトのドメインとします。

サブディレクトリ形式：https://masao-tec.com/test
サブドメイン形式　　：https://test.masao-tec.com

サイトのURLにはサブディレクトリ形式とサブドメイン形式がありますが、トップドメインからの階層関係が変わるため、本番サイトからのサイトデータを複製したときにトラブルとなる可能性があるため、階層関係に変化のないサブドメイン形式の方がよいです。

1-3.本番サイトのデータはバックアッププラグインを活用して複製する

以下の記事で、WordPressの記事データのバックアップおよびインポートを行うプラグインについてご紹介しました。

テスト用サイトには、上記プラグインで取得した本番サイトのバックアップデータをインポートして、サイト複製を行うこととします。

1-4.テスト用サイトは検索エンジンからインデックスされない様に保護する。

テスト用サイトが検索エンジンからインデックスされると、本番サイトの重複サイトという扱いとなり、本番サイトの検索エンジンでの評価が下がることとなります。これを避けるため、検索エンジンからインデックスされないよう、BASIC認証を設定して保護することとします。

1-5.運用イメージ

本番サイトとテスト用サイトの運用イメージ・役割分担は以下のようになります。

記事の作成や更新といった日々の作業は本番サイトで実施する。（ブログデータの正は本番サイトとする。）
ブログデータの内容はバックアップブラグインで本番サイトからテスト用サイトに複製する。テスト用サイトから本番サイトへのデータ移行は行わない。
テスト用サイトでは、プラグインの更新やWordPress、テーマの更新といった更新作業、新規プラグインの追加といった作業を本番サイトに先行して実施し、問題ないことを確認してから本番サイトへの反映を行う。（よって、WordPressのプラグインの自動更新設定はOFFにしておきます。）
PHPやApacheのバージョンアップや、設定変更（パラメータ変更）といったミドルウェア変更についても、テスト用サイトで事前検証を実施してから本番サイトに反映する。

2.テスト環境の構築手順

テスト環境の構築方針に従って、テスト環境の構築を行っていきます。

2-1.テスト用サイトドメインの取得とDSMへの登録

「1-2.本番サイトのドメインのサブドメインを取得してテスト環境ドメインとする」の方針に従い、ドメインについては、メインサイトのサブドメインとしてテスト用サイトを構築することとします。

サブドメインを取得し、取得したドメインにIPアドレスの設定（DDNSの設定）、内向きDNSの設定、証明書の取得といった、Webサイト構築に必要な事前設定作業を実施します。

サブドメインの登録

まずはサブドメインの登録を行います。

本サイトではGoogle Domainsでドメイン登録を行っていますので、Google Domainsでサブドメインの登録を実施します。

Google Domainsの管理画面の左側メニューから「DNS」をクリックしてネームサーバーの管理画面を表示します。

［ダイナミックDNS］の管理メニューにて、［新しいレコード作成］をクリックし、作成された新しんレコードにホスト名（サブドメイン名）を入力して、［保存］をクリックします。

テストサイト用のサブドメインが生成されました。

Synoloy NASからDDNSでIPアドレスを設定するための認証情報を取得しておきます。

［ダイナミックDNS］の管理メニューにて、新規作成したサブドメインのレコードの［認証情報を標示］をクリックします。

ダイナミックDNSの認証情報を表示するダイアログが表示されます。

「表示」をクリックすることにより、「ユーザー名」と「パスワード」が表示されます。

後ほどDSMの設定で入力するため、内容をメモしておきます。

DDNSの登録

Synology NASにて、登録したサブドメインでDDNSにIPアドレスを登録するように設定を行います。

Synology NAS のDSMコンソールにログインし、［コントロールパネル］＞［外部アクセス］＞［DDNS］の順に進みます。

Synology NASの制約で、一つのDDNSプロバイダにつき1個のホスト名しか登録できないというのがあります。すでに本番サイトでサービスプロバイダ［Google] は登録済なので、そのままでは追加サブドメインのホスト名をGoogleのDDNSに登録できません。そこで、［プロバイダのカスタマイズ」を使用してGoogleのDDNSにサブドメインのホスト名を登録できるように設定を行います。

［DDNS］＞［プロバイダのカスタマイズ］をクリックします。

［DDNSサービスプロバイダのカスタマイズ］ダイアログにて［追加］をクリックし、追加レコードに以下を入力します。

サービスプロバイダ：サービスプロバイダとして識別可能な名前を入力します。

Query URL：以下の内容を入力します。

https://__USERNAME__:__PASSWORD__@domains.google.com/nic/update?hostname=__HOSTNAME__&myip=__MYIP__

入力出来たら［保存］をクリック。

［DDNS］＞［追加］をクリックします。

サービスプロバイダとして先ほど追加したプロバイダを選択します。

ホスト名はサブドメイン名を入力します。

ユーザー名とパスワードは、ダイナミックDNSの認証情報で取得したものを入力します。

［テスト接続］をクリックしてステータスが［正常］となったら登録完了なので、［OK］をクリックしてダイアログを閉じます。

Google Domainsの管理画面でもDDNSによるIPアドレス設定が行われていることが確認できました。

内向きDNSへのレコード追加

「内向きDNS」については以下の記事で詳細を説明していますが、ローカルネットワーク内でホスト名によるIPアドレス解決を行う設定です。

詳細　Synolog NAS 内向きDNSの設定

Synology NAS 内向きDNSの設定

DDNSから取得できるIPアドレスは、インターネット側からアクセスできるグローバルアドレスとなり、このアドレスを使用してローカルLAN内のデバイスからSynology NASへのアクセスはできないため、ローカルLAN内では、DDNSで設定したのと同じドメイン名でローカルIPアドレスを取得できるように、内向きDNSを設定します。

新規追加したサブドメインについても設定が必要であるため、設定を追加します。

本番サイトのサブドメインなので、本番サイト用のゾーンにリソースレコードを追加することでよいです。

SSL証明書の取得

取得したサブドメイン名によるSSL証明書の取得を実施します。

Synology NAS のDSMコンソールの［コントロールパネル］＞［セキュリティ］＞［証明書］から、サブドメインの証明書の取得設定を行います。

証明書の取得の詳細については以下の記事にて紹介しております。

詳細　Synology NASで構築したWebサイトに独自ドメイン設定およびLet’s EncryptによるHTTPS化設定

Synology NASで構築したWebサイトに独自ドメイン設定およびLet's EncryptによるHTTPS化設定

SSL(Secure Sockets Layer)とは、インターネット上でのWebブラウザとWebサーバー間の通信を暗号化し、データをやりとりする仕組みのことです。SSL対応されているWebサイトは、URLが「https://」となります。Webサイトを運営するにあたりHTTPS化は必須となっていますので、本記事ではSynology NASで構築したWebサイトに独自ドメインを設定し、Let's Encryptによる常時HTTPS化設定を行います。

2-2.テスト用サイトWebサーバの構築

テスト用サイトドメインを用いて、テスト用Webサーバを構築します。

具体的な構築方法については以下記事で紹介したものとなります。

詳細　Synology NASでのWordPress（本家版）を用いたWebサイト構築

Synology NASでのWordPress（本家版）を用いたWebサイト構築

上記手順に従い、［2-1.テスト用サイトドメインの取得とDSMへの登録］で取得、設定を行ったテスト用サイトのサブドメインURLを使用してWebサイトのインストールを行います。

2-3.テスト用サイトのアクセス制限

テスト用サイトが検索エンジンからインデックスされないようにするため、テスト用サイトにアクセス制限を設定します。

アクセス制限方法としては、BASIC認証を設定することとします。

BASIC認証とは、ブラウザでURLよるアクセスを行った際に、ID（ユーザー名）とパスワードの入力を求めるダイアログが表示されるもので、正しいIDとパスワードの入力がない限りそれ以上のアクセスが出来ません。検索エンジンのクローラーもアクセスできないため、テスト用サイトが検索エンジンからインデックスされることもなくなります。

テスト用サイトにBASIC認証を設定する手順は以下の通りです。

.htpasswdファイルの作成

.htpasswdというIDと暗号化されたパスワードが記述されたファイルを作成し、テスト用サイトのトップディレクトリに格納します。

ファイルの作成には、［MD5 BASIC認証ジェネレーター］のようなキーワードでWeb検索を行うとファイルが生成できるサイトが出てきますので、当該サイトでIDやパスワードを入力して.htpasswdファイルの生成を行います。

.htpasswd生成ツール(MD5対応)｜株式会社エン・ＰＣサービス - 東京都台東区蔵前のウェブアプリ・システム開発、ウェブサイト制作会社

.htpasswdファイルの設置手順「.htaccess」ファイルの例（サンプル） BASIC認証とは BASIC認証とは、Webサイトの閲覧に制限をかける、最も単純で基本的な機能です。ただ、パスワードなどが暗号化さ

上記サイトでは、.htpasswdの中身が画面に表示されるため、表示された内容を.htpasswdに貼り付けます。

なお、.htpasswdの生成ですが、NASにsshでログインして、エディタ（vi)で入力するのが難しければ、DSMコンソールにブラウザアクセスしているPC側でファイルを生成してから、DSMの[FILE Station]を用いてアップロードするのが良いと思います。

.htaccessファイルへの設定追加

以下の内容を、テストサイトのトップディレクトリにある.htaccessに記述します。

本内容も、NASにsshでログインして、エディタ（vi)で編集するのが難しければ、SMコンソールにブラウザアクセスしているPC側でDSMの[FILE Station]を用いてダウンロードし、PC側で内容を更新してからアップロードするのが良いと思います。

AuthUserfile /テストサイトのトップディレクトリのフルパス/.htpasswd
AuthGroupfile /dev/null
AuthName "Please enter your ID and password"
AuthType Basic
require valid-user

注意点は以下です。

#BEGIN XXXX ～ #END XXXXに囲まれた範囲に記述を行わない。この範囲は他のプラグイン等で.htaccessに記述が追加された行になりますので、プラグインの設定により書き換えが発生するため、#BEGIN XXXX ～ #END XXXXに囲まれた範囲には追加の記述を行ってはいけません。
.htpasswdのフルパスに注意。フルパスがわからなければ、FileStationのファイルのプロパティにて［場所］として表示された内容で確認することが出来ます。

BASIC認証の確認

上記が設定できたら、一度テスト用サイトのドメインにブラウザアクセスしてみて、以下の動作となることを確認します。

ユーザー名とパスワード入力のダイアログが表示されること。
ユーザー名とパスワードに正しい入力値をいれるとサイトにアクセスできること。
ユーザー名とパスワードに正しい入力値を入れないとサイトにアクセスできないこと。
ユーザー名とパスワード入力のダイアログでキャンセルすると401エラーとなること。

上記の動作が確認出来たら、BASIC認証によるアクセス制限は完了です。

2-4.テスト用サイトに本番サイトのデータをインポート

テスト用サイトへの本番サイトのデータインポートには、［WordPress All-in-One Migration］プラグインにより実施します。

よって、テスト用サイトには最低限、本プラグインをインストールしておく必要があります。

また、いつでもテスト用サイトを初期状態に戻せるように、［WordPress All-in-One Migration］をインストールした段階で、テスト用サイトのバックアップイメージを保存しておきます。

［WordPress All-in-One Migration］については詳細を以下記事で紹介しております。

詳細　Synology NAS WordPress All-in-One Migrationによるバックアップ

Synology NAS WordPress All-in-One Migrationによるバックアップ

WordPressのWebサイトのバックアップについて調査・検討し、評価の高い［All In One WP Migration］というプラグインを用いてバックアップを行うこととしました。また［All In One WP Migration］を使用するにあたり、アップロードファイルの容量制限を回避する手段について調査しました。

テストサイトに［WordPress All-in-One Migration］がインストール出来たら、本番サイトのバックアップデータを［WordPress All-in-One Migration］によりインポートします。

上記で本番サイトの複製サイトが完成です。

3.まとめ

Synology　NASにてテスト用サイトを構築する手順について紹介しました。

以下の記事でPHPのバージョンアップを行った内容について紹介しておりますが、このようなWebサイトのミドルウェア更新の場合も、テスト用サイトで事前検証してから本番サイトに適用することで、万が一のサイト停止のリスクが削減できるため、テスト用サイトを構築することをお勧めします。

参考　Synology NAS WordPress WebサイトのPHP8.0適用

Synology NAS WordPress WebサイトのPHP8.0適用

Synology DSM7系に対応したPHP8.0がリリースされたため、運用中のWordPres Webサイトへの適用を行いました。

以上、最後まで記事を読んでいただき、ありがとうございました。

Synology NASにリバースプロキシを設定して他ホストのWebサーバを中継する

masao — Wed, 23 Feb 2022 12:39:15 +0000

Webサーバを外部公開する場合、Webサーバで使用されるポート80とポート443は、ルーターのポートフォワーディングで1台のサーバに中継されます。
よって、Webサーバとしての役割を搭載できるホストはローカルネットワーク内で1台となりますが、ここにリバースプロキシを導入することにより、アクセスされるドメイン名（ホスト名）毎に別々のWebサーバに、外部からのリクエストを中継することが出来ます。
すなわち、Webサーバを物理的に分離することが可能となります。

1.リバースプロキシとは
2.Synology NASでのリバースプロキシ設定
- 2-1.リバースプロキシ規則の設定
- 2.2.リバースプロキシ規則にSSL証明書の設定
3.Ubuntu 20.04 LTS Serverでのバーチャルホスト設定
- 3-1.バーチャルホストの設定ファイル作成
- 3-2.バーチャルホストの設定ファイル有効化
4.Webサイトの表示確認

1.リバースプロキシとは

リバースプロキシとは、インターネットと内部ネットワークの間に配置され、インターネット側からのWebアクセス通信を受け付けて内部のWebサーバに中継する仕組みです。

Synology NASにはリバースプロキシの仕組みが搭載されているため、内部ネットワーク上に配置されたSynology NAS以外のホストのWebサーバに対し、Synology NASがWebアクセスを受け付けて、他ホストのWebサーバに中継させることが出来ます。

また、アクセスするドメイン名ごとに別々の中継先を設定することができます。

設定イメージ

本記事では、Synology NASのリバースプロキシ機能を設定して、Synology NASからローカルネットワーク上に配置した他ホスト（Ubuntu 20.04 LTS Server）に構築したWebサーバ（WordPress Webサイト）に外部からのドメイン名でのアクセスを中継する手順について紹介します。

さらに、WordPress Webサイトのアクセス時に、URLにWordPressのインストール先ディレクトリを含めずドメイン名だけでアクセスするために、Ubuntu ServerでApacheのバーチャルホストを設定する手順について紹介します。

2.Synology NASでのリバースプロキシ設定

2-1.リバースプロキシ規則の設定

DSM7.０のリバースプロキシ設定は、［コントロールパネル]＞[ログインポータル]＞[詳細設定]にあります。

[リバースプロキシ]をクリックすると、［リバースプロキシダイアログ］が表示されます。

[リバースプロキシダイアログ]上で［作成］を選択すると、［リバースプロキシ規則］ダイアログが表示されますので、このダイアログで必要事項を入力します。

［プロキシ名を反転］は翻訳がおかしいですがリバースプロキシのことを示しているのだと思われます。

リバースプロキシ規則の名称を入れるイメージです。わかりやすい名前を入れればよいと思います。

［Target］への入力項目は以下の通りです。

プロトコル	HTTPまたはHTTPSを選択します。 HTTPSを選択する場合は、ホスト名（ドメイン名）をDNSへ登録し、SSL証明書の取得を済ましておく必要があります。
ホスト名	リバースプロキシでWebサーバに中継するときの外部からのホスト名（ドメイン名）を入力します。
ポート	ポート番号を入力します。（HTTPだと80、HTTPSだと443）
HSTSを有効にする	強制的に HTTPS 接続させる設定です。HTTPS化する場合はチェックを入れます。

［送り先］への入力項目は以下の通りです。

プロトコル	HTTPまたはHTTPSを選択します。リバースプロキシ側（インターネット側）の通信をHTTPS化する場合は、中継のプロトコルはHTTPを選択することでよいと思います。
ホスト名	リバースプロキシで中継先のWebサーバのホスト名を入力します。ローカルネットワーク側でドメイン名でのアクセスが出来ない場合はIPアドレス入力でよいです。
ポート	ポート番号を入力します。（HTTPだと80、HTTPSだと443）

入力が完了したら、［保存］をクリックしてリバースプロキシ規則を保存します。

2.2.リバースプロキシ規則にSSL証明書の設定

インターネット側からアクセスするときのプロトコルをHTTPS化する場合はリバースプロキシ規則にSSL証明書の設定を行います。

［コントロールパネル］＞［セキュリティ］＞［証明書］＞［設定］をクリックし、設定ダイアログを表示します。

リバースプロキシ規則の設定で保存した名称が追加されていますので、[証明書] プルダウンメニューを選択し、インターネット側からアクセスする場合のホスト名（ドメイン名）に対応したSSL証明書を選択します。

［OK］をクリックし設定を反映します。

3.Ubuntu 20.04 LTS Serverでのバーチャルホスト設定

リバースプロキシの設定により、インターネット側からのドメイン名でのアクセスを、ローカルネットワーク内の他ホストのWebサーバに中継することが出来るようになりましたが、Webサーバのドキュメントルートにアクセスするため、WordPresssサイトへのアクセスが
［ドメイン名／WordPressインストールフォルダ名］
となります。

これを［ドメイン名］だけでWordPresssサイトにアクセスできるよう、他ホスト（Ubuntu 20.04 LTS Server)のWebサーバでバーチャルホスト設定を行います。

以下の例は、インターネット側からのドメイン名が［masao-tec.com]、WordPressインストール先フォルダが[Webサーバのドキュメントルート/wordpress]としています。

3-1.バーチャルホストの設定ファイル作成

rootアカウントで実施します。

[/etc/apache2/sites-available]直下にバーチャルホストの設定ファイルを作成します。

設定ファイル名は何でもよいですが、管理しやすくするためにドメイン名を使用することとしました。(masao-tec.com.conf)

root@ubuntu002:~# vi /etc/apache2/sites-available/masao-tec.com.conf
# 新規作成
# バーチャルホストのドメインの設定

    DocumentRoot /var/www/wordpress
    ServerName masao-tec.com
    ServerAdmin masao@mail.com
    ErrorLog /var/log/apache2/masao-tec.com.error.log
    CustomLog /var/log/apache2/masao-tec.com.access.log combined

3-2.バーチャルホストの設定ファイル有効化

作成したバーチャルホストの設定ファイルを有効化するため［a2ensite]コマンドをドメイン名を引数にして実行します。

本コマンド実行で/etc/apache2/sites-enabled/以下に設定ファイルのシンボリックリンクが張られます。

［systemctl restart apache2］でWebサーバを再起動します。

root@ubuntu002:~# a2ensite masao-tec.com
Enabling site masao-tec.com.
To activate the new configuration, you need to run:
  systemctl reload apache2

root@ubuntu002:~# systemctl restart apache2

4.Webサイトの表示確認

ブラウザのURLに［ドメイン名］を入力してWebサイトにアクセスします。

WordPressのWebサイト画面が表示されればOKです。

【NAS用HDD】Synology HAT3300-4T [4TB 3.5 SATA 5,400rpm / NASグレードHDD(MTTF100万時間) / 3年保証]

Synology

Amazon

Rakuten

Seagate IronWolf 3.5インチ 4TB 内蔵ハードディスク HDD CMR 6Gb/s 256MB 5400rpm ST4000VN006/EC

SEAGATE

Amazon

Rakuten

Western Digital ウエスタンデジタル WD Red 内蔵 HDD ハードディスク 4TB SMR 3.5インチ SATA 5400rpm キャッシュ256MB NAS メーカー保証3年 WD40EFAX-EC 【国内正規取扱代理店】

ウエスタンデジタル

Amazon

Rakuten

【NAS用拡張メモリ】Synology D4NESO-2666-4G [DDR4-2,666-SODIMM / 4GB / Synology NAS専用] 国内正規代理店品

Synology

Amazon

Rakuten

Synology NASでのWordPress（本家版）を用いたWebサイト構築

masao — Sun, 20 Feb 2022 02:16:49 +0000

Sylogogy NASでWordPressを用いたWebサイトの構築を行います。
今回はSynology NASのDSM（DiskStation Manager)で提供されているパッケージを使用せずにWordPress.orgからダウンロードした本家版をインストール・セットアップします。

以下の記事で、Synology NASのDSM（DiskStation Manager)で提供されているWordPressパッケージを用いてWebサイトを構築する手順について紹介しています。

参考　Synology NASでのWordPressを用いたWebサイト構築

Synology NASでのWordPressを用いたWebサイト構築

WordPress（ワードプレス）はPHPというプログラミング言語で作られているCMS（コンテンツマネジメントシステム）の一種で、ブログやWebサイトを作る事ができます。

WordPressを実行するためには、実行環境としてLAMP環境を構築することが必要となります。

LAMP環境とは「Linux」、「Apache」、「MySQL」、「PHP」の4つのオープンソースでWebシステムを開発する環境のことをいいます。

Synology NASのOSであるDSM（DiskStation Manager)は、LinuxベースのOSであるため、残り３つの「Apache」、「MySQL」、「PHP」をインストールする必要があります。

本記事では、Webサーバの「Apache」、DB管理サーバの「Maria DB」（DSMの場合はMySQL互換のMaria DBがサポートされているため）、プログラミング言語の「PHP」を個別にインストール、セットアップしたうえで、WordPress.orgからダウンロードしたWordPressをインストール・セットアップする手順を紹介します。

前提　本記事でのDSM(OS)バージョンは、Synology DSM 7.0 を用いています。

Synology NASのDSM（DiskStation Manager)で提供されているWordPressパッケージの場合、NAS上にWebサイトを１つしか構築できませんが、本手順のインストール方法の場合はNAS上に複数のWebサイトを構築することが出来ます。
また、DSMのWordPressパッケージ版の場合は、WordPressのバージョンアップがされないようにロックされていますが、本手順のインストール方法の場合はそのような制約もありません。

1.Web StationおよびWebサーバのインストール
2.PHPプロファイルの作成
3.Maria DBのインストール
4.phpMyAdminのインストール
5.WordPressで使用するデータベースの作成
- 5-1.データベースの作成
- 5-2.データベースのアカウント作成
6.WordPressのダウンロードとインストール
7.Web Stationのサービスポータルの作成
8.WordPressのセットアップと動作確認
9.まとめ

1.Web StationおよびWebサーバのインストール

DSMコンソールにログインし、［パッケージセンター］より［Web Station] をインストールします。

続いて［Apache HTTP Server 2.4］をインストールします。

WordPressをパッケージでインストールするときはApache HTTP Server 2.2が使用されますが、ここでは最新版の2.4を選択します。

続いて［PHP7.4］をインストールします。

WordPressをパッケージでインストールするときは［PHP7.3］が使用されますが、ここでは最新版の7.4を選択します。

「Web Station」のアイコンをクリックすると、Web Station画面が表示されます。

「Apache HTTP Server 2.4」、「PHP 7.4」がインストールされ、状態が「通常」表示となっています。

2.PHPプロファイルの作成

WordPressのサービスポータルで設定するためのPHPプロファイルの作成を行います。

WordPressでプラグインを導入したときに追加でPHPの拡張モジュールが必要となる場合があるので、あらかじめ拡張モジュールを有効化しておきます。

［Web Station]＞[スクリプト言語の設定]を選択し、［作成］をクリックします。

［PHPプロファイルを作成］ダイアログにて、プロファイル名に［WordPress] 、説明に［PHP Profile for WordPress］と入力します。

名称や説明は何でもよいですが、後でわかりやすい内容としておきます

PHPバージョンは［PHP7.4］を選択します。

［PHPキャッシュを有効にする］にチェックを入れます。

［PHPプロファイルを作成］ダイアログにて、［拡張］をクリックし、一番上のチェックボックスを選択して（全選択）、［作成］をクリックしてPHPプロファイルを新規作成します。

3.Maria DBのインストール

［パッケージセンター］より［Maria DB] をインストールします。

データベース管理者用のパスワードを要求されるので、ここでパスワードを入力します。

ウィザードがMariaDBをインストールする旨の表示を行いますので、そのまま「完了」を押して続行します。

4.phpMyAdminのインストール

Maria DBにデータベースの登録、ユーザの作成を行うため、データベース操作ソフトである［phpMyAdmin］を［パッケージセンター］よりインストールします。

ここまでで、WordPressをインストールするための必要なソフトウェアパッケージ一式がインストール完了しました。

5.WordPressで使用するデータベースの作成

MariaDB上にWordPressで使用するデータベースを作成します。

また、WordPressからデータベースをアクセスするためのデータベースアカウントを作成します。

5-1.データベースの作成

DSMコンソールよりメインメニューを選択します。

「phpMyAdmin」のアイコンをクリックすると、phpMyAdminのブラウザウィンドウが表示され、ログイン画面となります。

ユーザ名に[root]、パスワードに「3.Maria DBのインストール」で設定したデータベース管理者用のパスワードを入力して［実行」をクリックします。

メニューバーの［データベース］タブをクリックします。

データベースを作成します。

データベース名に今回構築するWordPressのWebサイト用のデータベース名を入力します。

本記事では「wordpress2」としました。

この名称をサイト毎に分けることにより、Synology NAS上に複数のWordPressのWebサイトを構築することが出来ます。
また、パッケージ版のインストール時にインストーラーが「wordpress」という名称でデータベースを作成するようですのでこの名前は避けたほうが無難です。

名前を入力したら［作成］をクリックしてデータベース作成を完了します。

5-2.データベースのアカウント作成

［5-1.データベースの作成］で作成したデータベースにアクセスするアカウントを作成します。

このアカウントを用いてWordPressがデータベース内にWebサイトのデータを格納していきます。

左側のメニューから先ほど作成したデータベース（ここではwordpress2)をクリックします。

［特権］タブをクリックしてデータベースにアクセスできるユーザアカウント画面を表示し、新規作成の［ユーザアカウントを追加する］をクリックします。

［ユーザアカウントを追加する］画面で必要項目を入力していきます。

ユーザ名にアカウント名を入力し、ホスト名は［ローカル］を選択します。

パスワードと再入力の欄に新規作成するユーザのパスワードを入力し、ユーザアカウント専用データベースの欄の［データベースXXXXXXへの全ての特権を与える］にチェックが入っていることを確認します。

アカウント名についても、SynologyのDSMパッケージ版WordPressをインストールしたときは［wordpress_user］という名前でユーザアカウントを作成するため、この名前は避けたほうが無難です。

以上を入力したら、画面を下にスクロールして［実行］をクリックします。

新しいユーザを作成した旨の表示が行われます。

ここまでの手順で、WordPressのWebサイトのデータを格納するデータベースの作成と、データベースにアクセスするためのユーザアカウント、パスワードの準備を行うことが出来ました。

6.WordPressのダウンロードとインストール

WordPress.orgのサイトにアクセスします。

WordPress.comという、WordPressを使ったWebサイトのホスティングサービスのサイトもありますが、WordPressのソフトウェア配布を行っているのはWordPress.orgとなります。

サイトの右上の［WordPressを入手］をクリックし、WordPressのダウンロードページに移動します。

画面を少しスクロールし［WordPress5.9をダウンロード］のダウンロードリンクを見つけたら、リンクを右クリックし、［リンクのコピー］でURLリンクをクリップボードにコピーします。

DSMコンソールよりメインメニューを選択します。

［Download Station] をクリックしてアプリを起動します。

Download Stationが未インストールの場合はパッケージセンターよりインストールしておきます。

Download Stationの上部の［URLを介してダウンロードタスクを作成する］マークをクリックします。

ダウンロードタスク作成画面で、保存先に［web] を選択し、URLに先ほどWordPressのダウンロードページでコピーしたURLをペーストします。

入力が終わったら［OK］をクリックします。

ダウンロードタスクが新規生成され、ダウンロードが開始されます。

しばらくするとダウンロードが完了し、webフォルダの直下にWordPressの最新版のzipファイルが格納されます。（本記事時点ではwordpress-5.9-ja.zip)

今度はFile StationでダウンロードしたWordPressの最新版のzipファイルファイルを解凍し、webフォルダ直下に格納します。

DSMコンソールよりメインメニューを選択します。

［File Station] をクリックしてFile Stationアプリを起動します。

File Stationアプリで左側のフォルダ選択画面から、webフォルダを選択します。

ダウンロードしたWordPressのzipファイルを右クリックし、メニューから、［解凍］＞［ここに解凍する］を選択します。

WordPressのzipファイルファイルが解凍されます。

[wordpress] という名称でwebフォルダ直下に解凍されましたので、フォルダ名称を変更しておきます。

ここでは、［wordpress2]に名称変更しましたが、他と重複しなければ何にしてもよいです。
自分の作りたいWebサイトに関連したディレクトリ名称とするのが良いと思います。

名前の変更ダイアログで変更後のフォルダ名称を入力して［OK］をクリックします。

フォルダ名称が変更されます。

7.Web Stationのサービスポータルの作成

Web StatonにWordPressで新規構築したWebサイトのサービスポータルを作成します。

また、ここまでの設定のままでは、WordPressのWebサイトにアクセスするURLは
[Synolog NASのドメイン名/WordPressインストール先フォルダ名]
となりますので、これを［独自ドメイン名］だけでアクセスできるように設定します。

本手順を実施するにあたり独自ドメイン名の取得や、独自ドメイン名でWebサイトを常時HTTPアクセスかするためのSSL証明書の取得をしておく必要があります。

以下の記事に手順を記載していますので参考にしてください。

参考　Synology NASで構築したWebサイトに独自ドメイン設定およびLet’s EncryptによるHTTPS化設定

7-1.サービスポータルの作成

DSMコンソールよりメインメニューを選択します。

［Web Station] の画面の左側メニューより［webサービスポータル］をクリックし、メニューから［作成］＞［サービスポータルの作成］を選択します。

ポータル作成ウィザードより、ポータルタイプで［仮想ホスト］を選択します。

仮想ホストのセットアップを行います。

［名前ベース］を選択、ホスト名に［独自ドメイン名］を入力し、ドキュメントルートに［web/WordPressインストール先ディレクトリ名] を入力します。

HTTPS設定の［HSTS] に設定を入れます。

HSTSを設定しておくと、ブラウザからWebサイトにHTTPによるアクセスがあってもHTTPSへのアクセスに切り替えるようにWebサーバから要求を行います。

PHPは［2.PHPプロファイルの作成］で作成したWordPress用のプロファイルを選択します。

WordPressをインストールしたフォルダにhttpグループによる読み取り権限が必要となるため、ポータル作成ウィザードが権限を設定する旨のダイアログが表示されます。

［OK] をクリックして続行します。

7-2.サービスポータルにSSL証明書を設定

WordPressで新規構築したWebサイトのサービスポータルにSSL証明書の設定を行います。

［コントロールパネル］＞［セキュリティ］＞［証明書］＞［設定］をクリックし、設定ダイアログを表示します。

［7.Web Stationのサービスポータルの作成］で作成した仮想ホストのサービスポータルを選択、[証明書] プルダウンメニューを選択し、インターネット側からアクセスする場合のホスト名（ドメイン名）に対応したSSL証明書を選択します。

［OK］をクリックし設定を反映します。

7-3.WordPressインストールフォルダの権限設定

WordPressをインストールしたフォルダにはWordPressインストール時にhttpグループによる書き込み権限も必要となるため、File Stationにて書き込み権限の設定を行います。

File Stationで左側のフォルダ一覧から［web］を選択、WordPressをインストールしたフォルダを右クリックして、［プロパティ］をクリックします。

プロパティダイアログの［許可］を選択し、［作成］をクリック

［権限エディタ］にて［ユーザまたはグループ］より［http］グループを選択、許可欄にて［書き込み］権限にチェックを入れ、［完了」をクリックして設定を完了します。

7-4.WordPressインストールフォルダの所有者変更

WordPressやプラグインの更新時に、FTPの接続情報の入力される場合があります。

この原因は、WordPressのインストールフォルダの所有者が、Webサーバの実行ユーザーと異なるためですので、WordPressのインストールフォルダの所有者の変更を行います。

この手順は、File Stationのような、DSMのコンソール画面からの操作では出来ないため、sshでNASに接続してコマンド実行で設定を行います。

本操作を実施するためには、DSMで［コントロールパネル］＞［端末とSNMP］＞［端末］で［SSHサービスを有効化］しておく必要があります。

sshでNASにログインして、以下のコマンドを実行します。

masao@nas:~$ cd /volume1/web    <- /volume1/webに移動
masao@nas:/volume1/web$ sudo chown -R http wordpress2　　　<- 所有者をhttpに変更

We trust you have received the usual lecture from the local System
Administrator. It usually boils down to these three things:

    #1) Respect the privacy of others.
    #2) Think before you type.
    #3) With great power comes great responsibility.

Password:　<- 管理者パスワードを入力
masao@nas:/volume1/web$ ll
total 4
drwxrwxrwx+ 1 root root   70 Mar 14 16:50 .
drwxr-xr-x  1 root root  408 Mar 12 21:56 ..
drwxrwxrwx+ 1 root root    8 Mar 12 22:20 @eaDir
-rwxrwxrwx+ 1 http http 1741 Mar 12 22:20 index.html
drwx--x--x  1 http http   56 Mar 12 22:20 web_images
drwxrwx---+ 1 http http    0 Mar 14 16:50 wordpress2  <- 所有者がhttpに変更された

上記コマンド実行で、WordPressインストールフォルダの所有者がhttp(Webサーバの実行ユーザ）に変更されました。

8.WordPressのセットアップと動作確認

ブラウザのURLに［独自ドメイン名］を入力してWebサイトにアクセスすると、WordPressのセットアップ手順が表示されます。

［さあ、始めましょう］をクリックして次の画面に続きます。

最初にデータベースの設定を入力します。

データベース名、ユーザー名、パスワードには、［5.WordPressで使用するデータベース］で設定したデータベース名、データベースのユーザ名、データベースにアクセスするためのパスワードを入力します。

テーブル接頭辞はデフォルトで［wp_］となっていますが、これはデフォルトから変更、かつ、他のサイトと重複しない名称に変更してください。

データベースのホスト名にはデフォルトで値が入力されていますのでそのまま［送信］をクリックします。

データベースとの連携が完了した旨の表示が行われました。

［インストール続行］をクリックします。

WordPressの初期設定画面が表示されます。

「サイトのタイトル」、「ユーザー名」、「パスワード」、「メールアドレス」を入力します。これらはWordPressへのログインやサイト構築・管理に使用されます。

サイトのタイトル：Webサイト（ブログサイト）のタイトルです。
ユーザ名：WordPressの管理画面にログインするときのアカウント名となります。
パスワード：WordPressの管理画面にログインするときのアカウントのパスワードとなります。
メールアドレス：WordPressの管理用のメールアドレスとなります。WordPressでサイトの設定変更を行ったときにこのメールアドレスにメールが届きます。また、パスワードを忘れた際にパスワード再設定を行う場合にも使用されます。

上記を入力したら「WordPressをインストール」を押して続行します。

ログイン画面が表示されますので、先ほど設定した「ユーザ名」、「パスワード」を入力して、「ログイン」釦をクリックします。

WordPressの管理画面にログインし、ダッシュボード画面が表示されます。

本画面からWordPressを操作し、サイトの構築を行っていくこととなります。

サイトのURL（独自ドメイン名）にアクセスし、Webサイト（ブログサイト）の表示を行ってみます。

設定したブログタイトルで「Hello World!!」の表示が行われ、サイトの構築が成功していることがわかります。

9.まとめ

Sylogogy NASでWordPress.orgからダウンロードした本家版をインストール・セットアップする手順について紹介しました。

Synology NASのDSM（DiskStation Manager)で提供されているパッケージを用いたインストールに比べて、インストール手順が多くなりますが、WebサーバやPHPに最新バージョンが使用できること、WordPressが最新版にアップデートできること、NAS上に複数のWordPressサイトを構築できるなどメリットが多いため、本インストール手順ををお勧めします。

なお、本サイトで紹介した手順を参考にされて、WordPressのサイトを運用されているとのご紹介をいただきました。

【NASでWordPress構築】レンタルサーバー不要！コスト比較とメリットを解説

NASにWordPressをインストールしてブログを運営する方法を解説。レンタルサーバーやクラウド不要で、コスト比較やメリット・デメリットも詳しく紹介します。

以上、最後まで記事を読んでいただき、ありがとうございました。

【NAS用HDD】Synology HAT3300-4T [4TB 3.5 SATA 5,400rpm / NASグレードHDD(MTTF100万時間) / 3年保証]

Synology

Amazon

Rakuten

Seagate IronWolf 3.5インチ 4TB 内蔵ハードディスク HDD CMR 6Gb/s 256MB 5400rpm ST4000VN006/EC

SEAGATE

Amazon

Rakuten

【NAS用拡張メモリ】Synology D4NESO-2666-4G [DDR4-2,666-SODIMM / 4GB / Synology NAS専用] 国内正規代理店品

Synology

Amazon

Rakuten

Synology NASでのWordPressを用いたWebサイト構築

masao — Sun, 13 Feb 2022 04:47:23 +0000

Sylogogy NASでWordPressを用いたWebサイトの構築を行います。WordPressがSynology NASのDSM（DiskStation Manager)でパッケージとして提供されているため、簡単にインストールすることが出来ます。

WordPressを実行するためには、実行環境としてLAMP環境を構築することが必要となります。

LAMP環境とは「Linux」、「Apache」、「MySQL」、「PHP」の4つのオープンソースでWebシステムを開発する環境のことをいいます。

Synology NASのOSであるDSM（DiskStation Manager)は、LinuxベースのOSであるため、残り３つの「Apache」、「MySQL」、「PHP」をインストールする必要がありますが、インストーラーで簡単にインストールすることが出来ます。

また、DSMの場合は「MySQL」の代わりに互換データベースソフトである「MariaDB」が採用されています。

当ブログもSynology DM220+上に構築したWordPress環境で運用しています。

なお、本記事では、DSMのパッケージによるWordPress環境構築について紹介しておりますが、以下の記事にて、Synology DSMのContainer Managerというパッケージを用いて、WordPressをDockerコンテナプロジェクトとしてインストール・セットアップする手順を紹介しております。

参考　Synoloy NASでのContainer Managerを用いたWordPressのWebサイト構築

Synology NASにDockerでWordPressサイトを構築する手順｜初心者向け完全ガイド

Synology NAS上でDockerを使ってWordPressサイトを構築する方法を解説。インストール手順、データ保存、初期設定まで、初心者にもわかりやすくまとめています。

インストール・セットアップ手順は多少複雑にはなりますが、メリットも大きいため、個人的には上記記事でのインストール方法がおすすめです。

前提　本記事でのDSM（OS）バージョンはSynology DSM 7.2を用いています。

1.WordPressのインストール
2.MariaDBのインストールとセットアップ
3.PHP、Apacheのインストール
4.WordPress用データベースのセットアップ
5.WordPressパッケージのインストール
6.インストール完了状態の確認
7.PHP拡張モジュールの有効化
8.WordPressのセットアップと動作確認

1.WordPressのインストール

DSMコンソールにログインし、［パッケージセンター］より［WordPress]をインストールします。

パッケージセンターが自動的に「Web Station」「MariaDB」「PHP」「Apache」のインストールを行う旨のダイアログが表示されますので、「はい」を押して続行します。

Webサーバ管理ソフトウェアである「Web Station」がインストールされます。

2.MariaDBのインストールとセットアップ

WordPressインストールのインストーラの処理の続きですが、ここで、MariaDBのインストールとセットアップの手順が始まります。

インストールに先立ち、データベース管理者用のパスワードを要求されるので、ここでパスワードを入力します。

ウィザードがMariaDBをインストールする旨の表示を行いますので、そのまま「完了」を押して続行します。

MariaDBのインストールが実行されます。

3.PHP、Apacheのインストール

続いて、WordPressが動作するスクリプト言語である「PHP」、および、Webサーバである「Apache」がインストールされます。

DSMのパッケージセンターにはいくつかのバージョンのApacheが登録されていますが、インストーラーがWordPressに最適なバージョンのApacheを自動的に選択してくれます。

4.WordPress用データベースのセットアップ

WordPressインストールのインストーラの処理の続きですが、MariaDBにWordPressで使用するためのデータベースをセットアップします。

先ほどMariaDBのインストールの手順で設定したデータベース管理者用のパスワードを要求されますので、パスワード欄に入力します。

WordPressが作成するデータを格納するためのデータベース名、およびデータベースアクセス用のユーザアカウント、データーベースアクセス用のユーザアカウントのパスワードを入力します。

データベース名およびデータベースのユーザアカウントについてはデフォルトで値が設定されていますので、特に変える必要がなければそのまま使用します。パスワードは管理者用のパスワードとは異なるものをここで設定します。
WordPressからMariaDB上で生成されたデータベースにアクセスする際にこれらのアカウント・パスワードが使用されますが、WordPress内で自動的に処理されるので以降は特に意識しなくても大丈夫です。

5.WordPressパッケージのインストール

WordPressインストールのインストーラの処理の続きですが、WordPress本体のインストールとなります。
ウィザードがWordPressパッケージをインストールする旨の表示を行いますので、そのまま「完了」を押して続行します。

WordPressのインストールが完了し、WordPressのステータスが「実行中」となりました。

6.インストール完了状態の確認

DSMコンソールよりメインメニューを選択します。

「Web Station」「MariaDB」「WordPress」のアイコンが新規追加されています。

「Web Station」のアイコンをクリックすると、Web Station画面が表示されます。

「Apache HTTP Server 2.4」、「PHP 8.0」、「WordPress」がインストールされ、状態が「通常」表示となっています。

7.PHP拡張モジュールの有効化

WordPressでプラグインを導入したときに追加でPHPの拡張モジュールが必要となる場合があるので、あらかじめPHPプロファイルを編集して拡張モジュールを有効化しておきます。

［Web Station]＞[スクリプト言語の設定]を選択します。
［PHP7.3］を選択し、「編集」をクリックします。
［PHPプロファイルを編集ダイアログ］にて、一番上のチェックボックスを選択して（全選択）、［保存］をクリックして状態を保存します。

8.WordPressのセットアップと動作確認

DSMコンソールのメインメニューより「WordPress」のアイコンをクリックすると、WordPressの初期設定が開始されます。最初に言語設定の選択画面が表示されます。

言語メニューの中から「日本語」を選択して「次へ」をクリックします。

WordPressの初期設定画面が表示されます。「サイトのタイトル」、「ユーザー名」、「パスワード」、「メールアドレス」を入力します。これらはWordPressへのログインやサイト構築・管理に使用されます。

サイトのタイトル：Webサイト（ブログサイト）のタイトルです。
ユーザ名：WordPressの管理画面にログインするときのアカウント名となります。
パスワード：WordPressの管理画面にログインするときのアカウントのパスワードとなります。
メールアドレス：WordPressの管理用のメールアドレスとなります。WordPressでサイトの設定変更を行ったときにこのメールアドレスにメールが届きます。また、パスワードを忘れた際にパスワード再設定を行う場合にも使用されます。

上記を入力したら「WordPressをインストール」を押して続行します。

「成功しました！」の表示でセットアップが完了となります。

引き続き「ログイン」を押してログインしてみます。

ログイン画面が表示されますので、先ほど設定した「ユーザ名」、「パスワード」を入力して、「ログイン」釦をクリックします。

WordPressの管理画面にログインし、ダッシュボード画面が表示されます。

本画面からWordPressを操作し、サイトの構築を行っていくこととなります。

サイトのURL（Synology NASに設定したURL＋/wordpress）にアクセスし、Webサイト（ブログサイト）の表示を行ってみます。

設定したブログタイトルで「Hello World!!」の表示が行われ、サイトの構築が成功していることがわかります。

ここまでの手順で構築したWordPressのWebサイトに、独自ドメイン設定およびLet’s EncryptによるHTTPS化設定を行う手順については以下の記事で紹介していますので、こちらもご一読ください。

参考　Synology NASで構築したWebサイトに独自ドメイン設定およびLet’s EncryptによるHTTPS化設定

Synology NASキット 2ベイ DS225+ クアッドCPU搭載 2GBメモリ搭載 2.5GbE-NIC スタンダードユーザー向け DiskStation

Synology