この記事のポイント

・Nginxは apt install nginx（Ubuntu）または dnf install nginx（Rocky Linux）の1コマンドでインストールできる
・systemctl start nginx でサービスを起動し、curl -I http://127.0.0.1 で動作確認できる
・WSL2ではfirewall設定が不要、VPSではufwまたはfirewall-cmdでポート80番の開放が必要
・ApacheとNginxは同じ80番ポートを使うため、Apacheが動いている場合は先に停止してからNginxを起動する

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

LISTEN  0  511  0.0.0.0:80  0.0.0.0:*  users:(("apache2",pid=1234,fd=4))

# Ubuntu（Apache2の停止）
sudo systemctl stop apache2

# Rocky Linux / RHEL系（httpdの停止）
sudo systemctl stop httpd

# パッケージリストを更新する（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

# wsl.confの内容を確認する
cat /etc/wsl.conf

# 以下の内容が含まれていれば有効
[boot]
systemd=true

# 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ファイルを確認する（Ubuntu）
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/

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

# 問題がなければ設定をリロードする（サービス停止なし）
sudo systemctl reload nginx

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

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

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

＜PR＞手元に置いて学びを深める1冊

nginx実践入門（WEB+DB PRESS plus）

まずは無料メルマガでLinuxサーバーの基礎を固め、Nginxの設定チューニングや本番運用のベストプラクティスまで踏み込むなら手元に置きたい1冊です。