Nginx 設定ジェネレーター

nginx.conf を視覚的に構築します。サーバーブロック・ロケーション・プロキシ・SSL・キャッシングに対応。テンプレートとバリデーション付き。

Nginx設定ジェネレーター

Build nginx.conf visually. Configure server blocks, location rules, SSL, gzip, and caching. Start from templates or build from scratch.

Templates

サーバーブロック

リッスンポート

サーバー名

Root

SSL Gzip

Location Blocks (2)

Location 1

Path

タイプ

Try Files

Cache

Location 2

Path

タイプ

Cache

nginx.conf

server {
    listen 80;
    server_name example.com;
    root /var/www/html;
    access_log /var/log/nginx/access.log;

    gzip on;
    gzip_types text/plain text/css application/json application/javascript text/xml;
    gzip_min_length 1000;

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

    location /assets/ {
        autoindex off;
        expires 365d;
        add_header Cache-Control "public, immutable";
    }

}

Nginx設定を生成する方法

The IT Hustle の無料Nginx設定ジェネレーターで、静的サイト・プロキシ・SPA向けのnginxサーバーブロックを作成しましょう。

1
テンプレートを選ぶ静的サイト、リバースプロキシ、SPA（React/Next.js）、WordPress、SSLリダイレクトから選んで動作するベースラインを読み込みます。
2
サーバーの基本設定を行うリッスンポート、サーバー名、サイトのドキュメントルートを設定します。
3
SSLとgzipを有効にするHTTPS用に証明書と鍵のパスを追加し、転送を高速化するgzip圧縮を切り替えます。
4
locationブロックを追加するバックエンドへのプロキシ、try_filesを使ったSPA配信、キャッシュ期間付きの静的アセット、リダイレクトなどのlocationを定義します。
5
設定をコピーする「設定をコピー」をクリックしてnginxのsites-availableファイルに貼り付け、リロード前にnginx -tでテストします。

よくある質問

リバースプロキシのテンプレートを使います。アプリのローカルポートを指すproxy_pass付きのlocationブロックと、バックエンドが実際のクライアント情報を認識するために必要なプロキシヘッダー（Host、X-Real-IP、X-Forwarded-For）が作成されます。

シングルページアプリはルーティングをブラウザ側で処理するため、nginxは未知のパスをindex.htmlに渡す必要があります。SPAテンプレートはtry_files $uri $uri/ /index.html;を追加し、実ファイルはそのまま配信しつつリロード時の404を解消します。

サーバーでnginx -t（またはsudo nginx -t）を実行すると、実行中のサービスに触れることなく構文を検証できます。合格したらsudo systemctl reload nginxで適用すれば、接続を切断せずに正常にリロードされます。

はい。SSLを有効にして証明書と鍵のパス（Let's Encryptの場合は/etc/letsencrypt/live/yourdomain/配下）を指定します。SSLリダイレクトのテンプレートは、すべてのHTTPトラフィックをHTTPSへ転送するポート80のブロックも生成します。

Debian/Ubuntuでは/etc/nginx/sites-available/yourdomainとして保存し、sites-enabledにシンボリックリンクします。他のディストリビューションでは、.conf拡張子を付けて/etc/nginx/conf.d/に配置します。

Nginx 設定ジェネレーター