検索
ホームページウェブフロントエンドjsチュートリアルNode.js を使用した NGINX: 負荷分散、静的コンテンツの提供、および SSL

NGINX with Node.js: Load Balancing, Serving Static Content, and SSL

NGINX は、Node.js アプリケーションのスケーリングにおいて重要な役割を果たす強力で多用途の Web サーバーです。これは、負荷分散の処理、静的コンテンツの提供、SSL 終了の管理を行うためのリバース プロキシとして一般的に使用されます。この記事では、NGINX を Node.js と組み合わせて使用​​する方法を探り、これらの各関数がどのように機能するかを実際の例とともに説明します。

Node.js で NGINX を使用する理由

Node.js はスケーラブルなイベント駆動型アプリケーションの構築に優れていますが、負荷分散、静的コンテンツの提供、SSL 終了などのタスクを処理する最も効率的な方法ではない可能性があります。ここで NGINX が登場します。NGINX は、多数の同時接続を効率的に処理するように最適化されており、拡張が必要な​​ Node.js アプリケーションに最適です。

Node.js で NGINX を使用する主な利点:

  1. 負荷分散: NGINX は複数の Node.js インスタンスにトラフィックを分散し、単一のサーバーが過負荷にならないようにします。
  2. 静的コンテンツの提供: 静的ファイル (CSS、JS、画像など) を効率的に提供し、Node.js を解放して動的コンテンツに集中できるようにします。
  3. SSL 終了: NGINX は SSL/TLS 暗号化と復号化を処理し、Node.js の負荷を軽減します。

1. NGINX による負荷分散

水平方向にスケーリングする場合、Node.js アプリケーションの複数のインスタンスを実行する必要があります。 NGINX は、受信トラフィックをこれらのインスタンス間で分散し、均等な負荷を保証します。

ステップ 1: NGINX をインストールする

Ubuntu システムでは、次のコマンドを使用して NGINX をインストールできます:

sudo apt update
sudo apt install nginx

ステップ 2: 負荷分散のための NGINX 構成

nginx.conf ファイルでは、NGINX が受信リクエストを処理する方法を定義します。 3 つの Node.js インスタンス間で負荷分散するように NGINX を設定する方法は次のとおりです。

http {
    upstream node_app {
        server 127.0.0.1:3000;
        server 127.0.0.1:3001;
        server 127.0.0.1:3002;
    }

    server {
        listen 80;

        location / {
            proxy_pass http://node_app;
            proxy_set_header Host $host;
            proxy_set_header X-Real-IP $remote_addr;
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
            proxy_set_header X-Forwarded-Proto $scheme;
        }
    }
}

説明:

  • アップストリーム ブロックは、NGINX がトラフィックのバランスを取る Node.js インスタンスのプールを定義します。
  • proxy_pass ディレクティブは、リクエストを Node.js インスタンスの 1 つに転送します。

ステップ 3: 複数の Node.js インスタンスを開始する

node app.js --port 3000 &
node app.js --port 3001 &
node app.js --port 3002 &

ステップ 4: NGINX を開始する

NGINX を構成したら、次のコマンドを使用して NGINX を開始します。

sudo systemctl start nginx

セットアップをテストする:
これで、サーバーの IP アドレスまたはドメインにアクセスすると、リクエストが 3 つの Node.js インスタンス間で分散されるはずです。

2. NGINX を使用した静的コンテンツの提供

Node.js アプリケーションは、多くの場合、静的ファイル (画像、CSS、JavaScript など) を提供する必要があります。 NGINX は大量の静的ファイル リクエストを処理するように設計されているため、このタスクでははるかに効率的です。

ステップ 1: 静的ファイルの NGINX 構成

nginx.conf ファイルを変更して、静的コンテンツの場所を定義します。

server {
    listen 80;

    # Serve static content directly
    location /static/ {
        root /var/www/html;
    }

    # Proxy dynamic requests to Node.js
    location / {
        proxy_pass http://localhost:3000;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header X-Forwarded-Proto $scheme;
    }
}

説明:

  • 場所 /static/ ブロックは、リクエストが /static/ に行われたときに /var/www/html/static/ からファイルを提供するように NGINX に指示します。
  • 他のリクエストは Node.js アプリケーションにプロキシされます。

ステップ 2: 静的ファイルを移動する

静的ファイル (画像、CSS、JavaScript など) を /var/www/html/static/ ディレクトリに移動します。

sudo mkdir -p /var/www/html/static
sudo cp -r path/to/static/files/* /var/www/html/static/

/static リソースへのリクエストは NGINX によって直接処理されるようになり、Node.js サーバーのパフォーマンスが向上します。

3. NGINX による SSL 終了

SSL (Secure Sockets Layer) は、ユーザーとアプリケーション間の通信を保護するために重要です。 NGINX は SSL 終了、リクエストの暗号化と復号化をオフロードできるため、Node.js アプリケーションは SSL 自体を処理する必要がありません。

ステップ 1: SSL 証明書を取得する

Let’s Encrypt を使用して SSL 証明書を無料で取得できます。

sudo apt install certbot python3-certbot-nginx
sudo certbot --nginx -d yourdomain.com

ステップ 2: NGINX SSL 構成

SSL 証明書が発行されたら、SSL トラフィックを処理するように NGINX を構成できます。

server {
    listen 80;
    server_name yourdomain.com;
    return 301 https://$server_name$request_uri;
}

server {
    listen 443 ssl;
    server_name yourdomain.com;

    ssl_certificate /etc/letsencrypt/live/yourdomain.com/fullchain.pem;
    ssl_certificate_key /etc/letsencrypt/live/yourdomain.com/privkey.pem;

    location / {
        proxy_pass http://localhost:3000;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header X-Forwarded-Proto $scheme;
    }
}

説明:

  • 最初のサーバー ブロックは、すべての HTTP トラフィックを HTTPS にリダイレクトします。
  • 2 番目のブロックはポート 443 (HTTPS) でリッスンし、Let’s Encrypt によって発行された証明書を使用して SSL 暗号化を処理します。

ステップ 3: SSL セットアップをテストする

ドメイン (例: https://yourdomain.com) にアクセスすると、Node.js アプリが HTTPS 経由で提供されるようになります。

Node.js を最適化するための追加の NGINX 構成

1. タイムアウトの処理

長時間実行されているリクエストが途中で終了しないようにするには、NGINX のタイムアウト設定を構成します。

server {
    proxy_read_timeout 90s;
    proxy_send_timeout 90s;
    send_timeout 90s;
}

2. Rate Limiting

Rate limiting can help prevent abuse and manage high traffic by limiting the number of requests a user can make in a given time.

http {
    limit_req_zone $binary_remote_addr zone=mylimit:10m rate=1r/s;

    server {
        location / {
            limit_req zone=mylimit burst=5;
            proxy_pass http://localhost:3000;
        }
    }
}

Explanation:

  • The limit_req_zone directive defines a rate limit of 1 request per second.
  • The burst parameter allows a small number of requests to exceed the limit before throttling kicks in.

Conclusion

NGINX is a powerful tool that can significantly enhance the performance, security, and scalability of your Node.js applications. By offloading tasks such as load balancing, serving static content, and handling SSL termination to NGINX, your Node.js server can focus on what it does best: processing dynamic content and handling real-time events.

以上がNode.js を使用した NGINX: 負荷分散、静的コンテンツの提供、および SSLの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
JavaScriptの文字列文字を交換しますJavaScriptの文字列文字を交換しますMar 11, 2025 am 12:07 AM

JavaScript文字列置換法とFAQの詳細な説明 この記事では、javaScriptの文字列文字を置き換える2つの方法について説明します:内部JavaScriptコードとWebページの内部HTML。 JavaScriptコード内の文字列を交換します 最も直接的な方法は、置換()メソッドを使用することです。 str = str.replace( "find"、 "置換"); この方法は、最初の一致のみを置き換えます。すべての一致を置き換えるには、正規表現を使用して、グローバルフラグGを追加します。 str = str.replace(/fi

独自のAjax Webアプリケーションを構築します独自のAjax Webアプリケーションを構築しますMar 09, 2025 am 12:11 AM

それで、あなたはここで、Ajaxと呼ばれるこのことについてすべてを学ぶ準備ができています。しかし、それは正確には何ですか? Ajaxという用語は、動的でインタラクティブなWebコンテンツを作成するために使用されるテクノロジーのゆるいグループ化を指します。 Ajaxという用語は、もともとJesse Jによって造られました

10 jQueryの楽しみとゲームプラグイン10 jQueryの楽しみとゲームプラグインMar 08, 2025 am 12:42 AM

10の楽しいjQueryゲームプラグインして、あなたのウェブサイトをより魅力的にし、ユーザーの粘着性を高めます! Flashは依然としてカジュアルなWebゲームを開発するのに最適なソフトウェアですが、jQueryは驚くべき効果を生み出すこともできます。また、純粋なアクションフラッシュゲームに匹敵するものではありませんが、場合によってはブラウザで予期せぬ楽しみもできます。 jquery tic toeゲーム ゲームプログラミングの「Hello World」には、JQueryバージョンがあります。 ソースコード jQueryクレイジーワードコンポジションゲーム これは空白のゲームであり、単語の文脈を知らないために奇妙な結果を生み出すことができます。 ソースコード jquery鉱山の掃引ゲーム

独自のJavaScriptライブラリを作成および公開するにはどうすればよいですか?独自のJavaScriptライブラリを作成および公開するにはどうすればよいですか?Mar 18, 2025 pm 03:12 PM

記事では、JavaScriptライブラリの作成、公開、および維持について説明し、計画、開発、テスト、ドキュメント、およびプロモーション戦略に焦点を当てています。

jQuery Parallaxチュートリアル - アニメーションヘッダーの背景jQuery Parallaxチュートリアル - アニメーションヘッダーの背景Mar 08, 2025 am 12:39 AM

このチュートリアルでは、jQueryを使用して魅惑的な視差の背景効果を作成する方法を示しています。 見事な視覚的な深さを作成するレイヤー画像を備えたヘッダーバナーを構築します。 更新されたプラグインは、jQuery 1.6.4以降で動作します。 ダウンロードしてください

ブラウザでのパフォーマンスのためにJavaScriptコードを最適化するにはどうすればよいですか?ブラウザでのパフォーマンスのためにJavaScriptコードを最適化するにはどうすればよいですか?Mar 18, 2025 pm 03:14 PM

この記事では、ブラウザでJavaScriptのパフォーマンスを最適化するための戦略について説明し、実行時間の短縮、ページの負荷速度への影響を最小限に抑えることに焦点を当てています。

Matter.jsを始めましょう:はじめにMatter.jsを始めましょう:はじめにMar 08, 2025 am 12:53 AM

Matter.jsは、JavaScriptで書かれた2D Rigid Body Physics Engineです。このライブラリは、ブラウザで2D物理学を簡単にシミュレートするのに役立ちます。剛体を作成し、質量、面積、密度などの物理的特性を割り当てる機能など、多くの機能を提供します。また、重力摩擦など、さまざまな種類の衝突や力をシミュレートすることもできます。 Matter.jsは、すべての主流ブラウザをサポートしています。さらに、タッチを検出し、応答性が高いため、モバイルデバイスに適しています。これらの機能はすべて、物理ベースの2Dゲームまたはシミュレーションを簡単に作成できるため、エンジンの使用方法を学ぶために時間をかける価値があります。このチュートリアルでは、このライブラリのインストールや使用法を含むこのライブラリの基本を取り上げ、

jqueryとajaxを使用した自動更新Divコンテンツjqueryとajaxを使用した自動更新DivコンテンツMar 08, 2025 am 12:58 AM

この記事では、JQueryとAjaxを使用して5秒ごとにDivのコンテンツを自動的に更新する方法を示しています。 この例は、RSSフィードからの最新のブログ投稿と、最後の更新タイムスタンプを取得して表示します。 読み込み画像はオプションです

See all articles

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

EditPlus 中国語クラック版

EditPlus 中国語クラック版

サイズが小さく、構文の強調表示、コード プロンプト機能はサポートされていません

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

強力な PHP 統合開発環境

VSCode Windows 64 ビットのダウンロード

VSCode Windows 64 ビットのダウンロード

Microsoft によって発売された無料で強力な IDE エディター

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

Dreamweaver Mac版

Dreamweaver Mac版

ビジュアル Web 開発ツール