【Ubuntu編】エックスサーバーVPSにNginxをインストールしてWEB環境を構築する方法

【Ubuntu編】エックスサーバーVPS(Xserver VPS)にNginxをインストールしてWEB環境を構築する方法

エックスサーバーVPS（Xserver VPS）を利用している方向けに、Nginx（エンジンエックス）をWEBサーバーとして利用してWEBサイトの公開環境を構築する方法を説明します。
OSには「Ubuntu 22.04」を利用します。

作業内容が少し多いので、初めてVPSを利用される方なんかだと少し戸惑われるかもしれないです。

ですが、WEBサイトを公開する為にはどれも必要な作業になります。
それに、慣れてくれるとサクッと終わらせられるようになります。

もしエックスサーバーVPSにNginxをインストールしてWEN環境を構築する方法をお探しの場合には、こちらのページを参考にしてください。

因みに、全体を通して「sabameijin-dev.com」というドメインを利用して説明しています。
実際に作業をされる場合には、皆さんの環境に合わせて変更してください。

WEBサーバーのポート（80と443）の接続許可

Nginxをインストールする前に、まずはWEBサーバーの接続ポート（80と443）の許可設定を行います。

ポートの設定方法はこちらのページを参考にしてください。
エックスサーバーVPSで接続許可ポートを設定する方法

このような設定になっていればOKです。

Nginxをインストール

接続ポートの設定が完了したら、さっそくNginxのインストールを行っていきます。

最初にパッケージを最新状態にアップデートしておきます。

パッケージのアップデートは、こちらのコマンドを実行してください。

# sudo apt-get -y update

インストールを行う前に、パッケージに含まれているNginxの情報を確認してみましょう。

# sudo apt info nginx

現時点では、「1.18.0（Version: 1.18.0-6ubuntu14.3）」のバージョンのNginxがインストールされるようです。

次は、実際にNginxをインストールしてみます。

# sudo apt-get install -y nginx

この一行を実行するだけでNginxのインストールは完了します！

Nginxのインストールが完了したら、一応、インストールされたバージョンも確認しておきましょう。

# sudo nginx -v

↓

「Nginx 1.18.0」がインストールされたようですね。

インストールが完了したら、Nginxを起動させておきます。

# sudo systemctl start nginx

これでNginxのインストールが完了です。

それでは、実際にブラウザ上でWEBサイトが表示されるか確認してみましょう。

サーバーのIPアドレスをブラウザのアドレスバーに打ち込んでみてください。
このような画面がブラウザに表示されればOKです。

ただし、もしエラー画面が表示される場合には設定が上手くいっていない可能性があります。

その場合には、まずはポートの設定を見直してください。
接続許可が設定されていない可能性が高いです。

DNSレコードの設定

今回は、エックスサーバーVPSのネームサーバーを利用します。

この場合、バーチャルホストの設定前に以下の作業が必要になります。

■エックスサーバーVPSのネームサーバーへ変更
↓
■DNSレコードを設定する

それでは、順番に説明していきます。

エックスサーバーVPSのネームサーバーへ変更

ドメインのネームサーバーを、エックスサーバーVPSのネームサーバーへ変更しておきます。

エックスサーバーVPSのネームサーバーはこちらになります。

ネームサーバーの変更方法については、ドメイン管理会社のホームページなどで調べて下さい。
通常は、各ドメイン管理会社のコントロールパネルから変更できるようになっています。

もしエックスサーバー（Xserverドメイン）でドメインを管理している場合には、こちらのページを参考にしてください。
↓
Xserverドメイン管理ドメインのネームサーバーを変更する方法

DNSレコードを設定する

ネームサーバーの設定が完了したら、次はDNSレコードの設定です。

DNSレコードの設定は、エックスサーバーVPSの契約管理ページより行います。
契約管理ページ：https://secure.xserver.ne.jp/xapanel/login/xvps/

↓

契約管理ページへログインすると、画面左側にある「DNS設定」というメニューをクリックしてください。

↓

次の画面では、「+ドメインの追加」というメニューをクリックしてください。
※DNSレコードを編集するには、該当ドメインの追加を行っておく必要があります。

↓

テキストボックスに、該当ドメインを入力して「確認画面へ進む」をクリックしてください。

※「sabameijin-dev.com」というドメインを登録してみます。

↓

確認画面をチェックして、問題なければ「設定を追加する」をクリックしてください。

↓

これでドメインの追加が完了です。

「OK」をクリックして、小窓を閉じてください。
↓

DNS設定画面へ戻るので、上記で追加したドメインを選択してください。

↓

DNSレコードの追加画面が開きます。

もし、複数レコードを追加する場合には「入力行を追加する」をクリックして追加を行ってください。

WEBサイトの設定を行う場合には、通常は、エイリアス（www）のあり・なしの両方へアクセスできるように設定しておきます。
その為、「sabameijin-dev.com」と「www.sabameijin-dev.com」の2つのレコードを追加してみます。

このような登録になります。
※「優先度」の設定は不要です。

DNSレコードを設定したら、「確認画面へ進む」をクリックして確認画面へ移動します。

↓

確認画面に表示されている内容をチェックしてください。

内容に問題が無ければ、「設定を追加する」をクリックしてください。

↓

これでDNSレコードの追加が完了です。

この設定を行っておかないとバーチャルホストの設定を行ってもサイトを公開することはできません。
バーチャルホスト設定前に、必ずDNSレコードの設定まで済ませておきましょう。

バーチャルホストの設定

DNSレコードの設定まで完了したら、バーチャルホストの設定を行っていきます。

まず、ユーザーを作成します。

# sudo useradd sabameijindev

ユーザー名については各自で管理しやすいモノにしてください。
私の場合には、分かりやすいようにドメイン名に近いユーザー名を作成します。

作成したユーザーに対してパスワードを設定します。

# sudo passwd sabameijindev

→ここでパスワードを聞かれるので設定してください。

パスワードの設定が正常に終了したら、このようなメッセージが表示されます。
==============================================
passwd: パスワードは正しく更新されました
==============================================

上記でユーザー（sabameijindev）を作成したら、「/home/sabameijindev/」というホームディレクトリが作成されます。
このホームディレクトリ内に、WEBコンテンツの格納用ディレクトリの作成を行います。

ここで作成するディレクトリが、ホームページの公開で使用するHMLやCSS、画像などのファイルをアップロードするディレクトリにもなります。

# sudo mkdir -p /home/sabameijindev/www/sabameijin-dev.com

# sudo chown -R sabameijindev /home/sabameijindev/www/sabameijin-dev.com

# sudo chmod 755 /home/sabameijindev

この設定の場合、「/home/sabameijindev/www/sabameijin-dev.com」がホームページのドキュメントルート（WEBコンテンツの格納用ディレクトリ）になります。

confファイルへホストの設定を追加します。

まず、confファイルを新しく開いて、ホストの設定を記述します。
※confファイル名には、管理しやすいようにドメイン名を使用することをおすすめします。

# sudo vi /etc/nginx/sites-available/sabameijin-dev.com.conf

confファイルを開いたら、以下の設定を記述してください。

server {
  listen 80;
  listen [::]:80;
  server_name sabameijin-dev.com www.sabameijin-dev.com;
  root /home/sabameijindev/www/sabameijin-dev.com;
  index index.html;

  location / {
    try_files $uri $uri/ =404;
  }

}

※「sabameijin-dev.com」のみ、もしくは「www.sabameijin-dev.com」のみを設定したい場合、「server_name」には設定するホストのみ記述してください。
↓
「:wq」で保存してファイルを閉じてください。

「/etc/nginx/sites-enabled/」のディレクトリ内に、作成したconfファイルのシンボリックリンクを貼っておきます。

# sudo ln -s /etc/nginx/sites-available/sabameijin-dev.com.conf /etc/nginx/sites-enabled/

念のため、「/etc/nginx/sites-enabled/」の中にシンボリックリンクが作成されている確認しておきましょう。

# ll /etc/nginx/sites-enabled/

↓
以下のようなリンクが作成されていればOKです。

sabameijin-dev.com.conf -> /etc/nginx/sites-available/sabameijin-dev.com.conf

confファイルに追記した内容にエラーが無いかをチェックします。

# sudo nginx -t

↓
nginx: the configuration file /etc/nginx/nginx.conf syntax is ok
nginx: configuration file /etc/nginx/nginx.conf test is successful

と返ってくれば、問題はないので次に進みます。

最後に、Nginxを再起動します。

# sudo systemctl restart nginx

これでバーチャルホストの設定が完了です。

これで、ドキュメントルート内にHTMLやCSS、画像などをアップロードすればWEBサイトを公開できるようになりました。

ただ、今の時代はWEBサイトをHTTPS通信化するのは当たり前になっています。
HTTPSはSEO対策にもなるので、必ず設定しておくようにしましょう。

無料SSL「Let's Encrypt」をインストール

# sudo apt-get install -y certbot python3-certbot-nginx

# sudo certbot --nginx

↓

「Let's Encrypt」のインストールはこれで完了です。

以前は、この後にCronを使って「Let's Encrypt」の自動更新設定が必要でした。
※「Let's Encrypt」の証明書は3ヶ月ごとに更新が必要です。

ですが、今は自動更新機能も備わっているので、自身で設定を行う必要もなくなりました。
かなり便利になりましたね！

その他の設定

実際にWEBサイトを公開する際には、他にもPHPやデータベースを利用することも多いです。
もし、PHP、MySQL（MariaDB）もインストールされる方は、こちらのページをチェックして作業してください。

【Ubuntu編】エックスサーバーVPSにPHPとMySQLをインストールする方法

2022.11.12

【Ubuntu編】エックスサーバーVPS(Xserver VPS)にPHPとMySQL（MariaDB）をインストールする方法 こちらのページでは、エックスサーバーVPS（Xser...

FFFTPを使用される場合には、FTPサーバーのインストールが必要になります。

その場合は、こちらのページを参照してインストールしてみてください。

【Ubuntu編】エックスサーバーVPSにFTPサーバー(vsftpd)をインストールする方法

2022.11.14

【Ubuntu編】エックスサーバーVPS(Xserver VPS)にFTPサーバー「vsftpd」をインストールする方法 こちらのページでは、UbuntuサーバーにFTPサーバーを...

まとめ

今回は、OSとしてUbuntuを利用されている方向けに、Nginx（エンジンエックス）を利用したWEB環境の構築方法をまとめました。

Nginxは今でも最も多く利用されているWEBサーバーで、動作も安定した信頼できるミドルウェアです。
もしWEBサーバーとしてNginxの利用をお考えの方は、こちらのページを参考にインストールを行ってみてください！

また、バーチャルホストの設定と無料SSLのインストール方法についてもまとめています。
WEBサイトを公開する為にはこれらの設定も必要になるので、一緒にチェックしてみてください。

＼エックスサーバーVPSのお申込みはコチラ↓／

>> 公式サイトはこちらへ！

圧倒的性能！圧倒的コスパ！月額830円～のVPS！