この記事のポイント

・Nginxは `apt install nginx` の1コマンドでインストールできる
・`systemctl start nginx` でサービスを起動し、`curl -I http://127.0.0.1` で動作確認できる
・WSL2ではfirewall設定が不要、VPSではufwまたはfirewall-cmdでポート80番の開放が必要
・コンテンツはデフォルトで `/var/www/html/` に配置する

# パッケージリストを更新する（Ubuntu・WSL2の場合）
sudo apt update

# 実行例の出力
Hit:1 http://archive.ubuntu.com/ubuntu noble InRelease
Hit:2 http://archive.ubuntu.com/ubuntu noble-updates InRelease
Get:3 http://security.ubuntu.com/ubuntu noble-security InRelease [126 kB]
Reading package lists... Done
Building dependency tree... Done
Reading state information... Done

# Nginxをインストールする（-y で確認プロンプトを自動承認）
sudo apt install -y nginx

# インストール中の出力例
Reading package lists... Done
Building dependency tree... Done
The following NEW packages will be installed:
  nginx nginx-common
0 upgraded, 2 newly installed, 0 to remove and 0 not upgraded.
After this operation, 1,756 kB of additional disk space will be used.
...
Setting up nginx (1.24.0-2ubuntu7) ...

# インストール完了後にバージョンを確認する
nginx -v

# 実行例の出力
nginx version: nginx/1.24.0 (Ubuntu)

# Nginxをインストールする（Rocky Linux / RHEL系）
sudo dnf install -y nginx

# インストール完了後の出力例
Last metadata expiration check: 0:05:10 ago on Fri Jul 25 09:00:00 2026.
Dependencies resolved.
...
Installed:
  nginx-1:1.24.0-4.el9.x86_64
Complete!

# バージョンを確認する
nginx -v

# 実行例の出力
nginx version: nginx/1.24.0

# Nginxのサービス状態を確認する
sudo systemctl status nginx

# サービスが停止していたら起動する
sudo systemctl start nginx

# OS起動時に自動起動するよう設定する
sudo systemctl enable nginx

# 自動起動の設定を確認する
systemctl is-enabled nginx

# 実行例の出力
enabled

# 起動後に再度状態を確認する
sudo systemctl status nginx

# 実行例の出力
* nginx.service - A high performance web server and a reverse proxy server
     Loaded: loaded (/usr/lib/systemd/system/nginx.service; enabled; preset: enabled)
     Active: active (running) since Mon 2026-06-23 09:00:12 JST; 3s ago
    Process: 1234 ExecStartPre=/usr/sbin/nginx -t (code=exited, status=0/SUCCESS)
   Main PID: 1235 (nginx)

# 起動と自動起動設定を同時に行う
sudo systemctl enable --now nginx

# serviceコマンドでNginxを起動する
sudo service nginx start

# 状態を確認する
sudo service nginx status

# 実行例の出力
 * nginx is running

# WSL2のLinuxターミナル上でIPアドレスを確認する
hostname -I

# 実行例の出力
172.22.185.xxx

# Windowsブラウザで以下にアクセスする（localhostでも動く場合が多い）
# http://localhost/
# または http://172.22.185.xxx/

# firewall-cmdでHTTP（ポート80）とHTTPS（ポート443）を開放する（Rocky Linux / RHEL系）
sudo firewall-cmd --permanent --add-service=http
sudo firewall-cmd --permanent --add-service=https
sudo firewall-cmd --reload

# ufwを使う場合（Ubuntu系）
sudo ufw allow 'Nginx Full'
sudo ufw status

# ufwの出力例
Status: active
To                         Action      From
--                         ------      ----
Nginx Full                 ALLOW       Anywhere

# ヘッダー情報だけを取得してNginxの応答を確認する
curl -I http://127.0.0.1

# 正常時の出力例
HTTP/1.1 200 OK
Server: nginx/1.24.0 (Ubuntu)
Date: Fri, 25 Jul 2026 09:10:00 GMT
Content-Type: text/html
Content-Length: 615
Last-Modified: Mon, 23 Jun 2026 09:00:12 GMT
Connection: keep-alive

# デフォルトのHTMLファイルを確認する
ls -la /var/www/html/

# 実行例の出力
total 12
drwxr-xr-x 2 root root 4096 Jun 23 09:00 .
drwxr-xr-x 3 root root 4096 Jun 23 09:00 ..
-rw-r--r-- 1 root root  615 Jun 23 09:00 index.nginx-debian.html

# シンプルなHTMLファイルを作成する
sudo bash -c 'cat > /var/www/html/index.html << EOF




  
はじめてのNginxページ
  
Linux上のNginxでHTMLが表示できました。


EOF'

# 作成されたファイルを確認する
cat /var/www/html/index.html

# nanoエディタでhello.htmlを新規作成する
sudo nano /var/www/html/hello.html

  
Hello, Nginx World!
  
Nginxで公開した最初のHTMLページです。

# パーミッションを確認する
ls -la /var/www/html/index.html

# 正常な出力例（644が一般的）
-rw-r--r-- 1 root root 215 Jun 23 09:05 /var/www/html/index.html

# もし権限が不足している場合は修正する
sudo chmod 644 /var/www/html/index.html

# ディレクトリの権限も確認する（755が標準）
sudo chmod 755 /var/www/html/

# 設定ファイルの構文チェックをする（変更後は必ず実行する）
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 reload nginx

# エラーの詳細を確認する
sudo systemctl status nginx

# journalctlでNginxのログを確認する（より詳細なエラー情報が得られる）
sudo journalctl -u nginx -n 30 --no-pager

# Nginxのエラーログを確認する
sudo tail -30 /var/log/nginx/error.log

# 設定ファイルの構文チェックをする
sudo nginx -t

# ポート80番を使っているプロセスを確認する
sudo ss -tlnp | grep :80

# 出力例（Apacheがポート80を占有している場合）
LISTEN  0  511  0.0.0.0:80  0.0.0.0:*  users:(("apache2",pid=2345,fd=3))

# Apacheを先に停止してからNginxを起動する
sudo systemctl stop apache2
sudo systemctl start nginx

# Nginxがポート80番でListenしているか確認する
sudo ss -tlnp | grep nginx

# 正常な出力例
LISTEN  0  511  0.0.0.0:80  0.0.0.0:*  users:(("nginx",pid=1235,fd=6))

# ファイアウォールの状態を確認する（Ubuntu系）
sudo ufw status

# ファイアウォールの状態を確認する（Rocky Linux系）
sudo firewall-cmd --list-all

# ドキュメントルートにファイルが存在するか確認する
ls -la /var/www/html/

# パーミッションを修正する
sudo chmod 644 /var/www/html/index.html

# ディレクトリのパーミッションも確認する
sudo chmod 755 /var/www/html/

# WSL2のIPアドレスを調べてブラウザで直接指定する
hostname -I
# 出力例: 172.22.185.10

# Windowsブラウザのアドレスバーに以下を入力する
# http://172.22.185.10/

# WSL側でポート80番がListenされているか確認する
sudo ss -tlnp | grep :80