検索
ホームページ運用・保守NginxNginx が WebSocket 構成を実装する方法

Nginx が WebSocket 構成を実装する方法

Nov 08, 2023 am 10:37 AM
nginxwebsocket構成

Nginx が WebSocket 構成を実装する方法

Nginx は、高性能 Web サーバーおよびリバース プロキシ サーバーとして、WebSocket リクエストを処理する独自の構成方法も備えています。 WebSocket は TCP ベースのプロトコルです。WebSocket 接続の確立には 3 方向のハンドシェイクが必要です。ハンドシェイクが完了すると、クライアントとサーバーの間で双方向通信が可能になります。以下では、Nginx で WebSocket の設定を実装する方法を、具体的なコード例とともに紹介します。

まず、WebSocket 関連の設定を Nginx 設定ファイルに追加する必要があります。

http {
  ...
  upstream websocket {
    server localhost:9001;
  }
  ...
  map $http_upgrade $connection_upgrade {
      default upgrade;
      ''      close;
  }
  ...
  server {
      listen 80;
      server_name example.com;

      location / {
          proxy_pass http://websocket;
          proxy_http_version 1.1;
          proxy_set_header Upgrade $http_upgrade;
          proxy_set_header Connection $connection_upgrade;
          proxy_set_header Host $host;
      }
      ...
  }
  ...
}

上記の構成では、WebSocket のターゲット サーバー アドレスとポートを指定するために、「websocket」という名前のアップストリームを追加しました。同時に、map ディレクティブを使用して $http_upgrade (クライアント アップグレード リクエスト ヘッダー) と $connection_upgrade (nginx アップグレード リクエスト ヘッダー) をマップします。このように、クライアントのアップグレード要求ヘッダーに「アップグレード」フィールドと「接続」フィールドを追加することで、Nginx をトリガーして HTTP プロトコルを WebSocket プロトコルにアップグレードし、双方向通信を実現できます。

サーバー ブロックでは、proxy_pass ディレクティブを使用して、すべての WebSocket リクエストを WebSocket アップストリームにプロキシし、プロトコル バージョンとリクエスト ヘッダー情報を設定します。 Nginx で WebSocket をプロキシする場合、「アップグレード」リクエスト ヘッダーと「接続」リクエスト ヘッダーを一緒にターゲット サーバーに送信する必要があることに注意してください。そうしないと接続が閉じられるため、これら 2 つのリクエスト ヘッダーは proxy_set_header ディレクティブを通じて手動で設定する必要があります。 。 に追加。

さらに、上記の構成では HTTP (80) ポートのみをリッスンしていることに注意してください。HTTPS で WebSocket を構成する必要がある場合は、サーバー ブロックに次の命令を追加する必要があります。 :

listen 443 ssl;
ssl_certificate /path/to/cert.pem;
ssl_certificate_key /path/to/key.pem;

上記の手順は、HTTPS (443) ポートをリッスンし、証明書とキー ファイルのパスと名前を指定するために使用されます。

以下は、Node.js を使用して実装された特定の WebSocket サーバー コードの例です。

const WebSocket = require('ws');

const server = new WebSocket.Server({ port: 9001 });

server.on('connection', (socket, req) => {
  console.log('Client connected');

  socket.on('message', (message) => {
    console.log(`Received message: ${message}`);
    socket.send(`Your message: ${message}`);
  });

  socket.on('close', () => {
    console.log('Client disconnected');
  });
});

このコードでは、WebSocket サーバーを作成し、ポート 9001 をリッスンします。接続が確立された後、「クライアントが接続されました」情報を出力し、クライアントのメッセージを受信した後、メッセージをクライアントに返し、終了イベントをリッスンして「クライアントが切断されました」情報を出力します。

上記のコードと構成例を通じて、Nginx で WebSocket プロトコルのプロキシと通信作業を実装できます。 WebSocket プロトコルの使用には依然として一定の制限があることに注意してください。具体的には、WebSocket 接続の確立プロセスは HTTP/HTTPS プロトコルと似ていますが、接続が正常に確立されると、両者間の通信は行われなくなります。当事者は WebSocket プロトコルに完全に依存しており、HTTP/HTTPS プロトコルには依存しなくなりました。したがって、WebSocket プロトコルを使用する場合は、従来の Web 開発上の制限を回避する必要があると同時に、セキュリティや安定性などの問題にも注意する必要があります。

以上がNginx が WebSocket 構成を実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
Nginxユニット:さまざまなプログラミング言語をサポートしますNginxユニット:さまざまなプログラミング言語をサポートしますApr 16, 2025 am 12:15 AM

Nginxunitは複数のプログラミング言語をサポートし、モジュラー設計を通じて実装されています。 1。言語モジュールの読み込み:構成ファイルに従って対応するモジュールをロードします。 2。アプリケーションの起動:呼び出し言語が実行されたときにアプリケーションコードを実行します。 3。リクエスト処理:リクエストをアプリケーションインスタンスに転送します。 4。応答返品:処理された応答をクライアントに返します。

nginxとapacheを選択する:あなたのニーズに合った適切nginxとapacheを選択する:あなたのニーズに合った適切Apr 15, 2025 am 12:04 AM

NginxとApacheには独自の利点と短所があり、さまざまなシナリオに適しています。 1.Nginxは、高い並行性と低リソース消費シナリオに適しています。 2。Apacheは、複雑な構成とリッチモジュールが必要なシナリオに適しています。コア機能、パフォーマンスの違い、ベストプラクティスを比較することで、ニーズに最適なサーバーソフトウェアを選択するのに役立ちます。

nginxを開始する方法nginxを開始する方法Apr 14, 2025 pm 01:06 PM

質問:nginxを開始する方法は?回答:nginxスタートアップnginx検証nginxはnginxを開始しました他のスタートアップオプションを自動的に開始

Nginxが開始されるかどうかを確認する方法Nginxが開始されるかどうかを確認する方法Apr 14, 2025 pm 01:03 PM

nginxが開始されるかどうかを確認する方法:1。コマンドラインを使用します:SystemCTLステータスnginx(Linux/unix)、netstat -ano | FindStr 80(Windows); 2。ポート80が開いているかどうかを確認します。 3.システムログのnginx起動メッセージを確認します。 4. Nagios、Zabbix、Icingaなどのサードパーティツールを使用します。

nginxを閉じる方法nginxを閉じる方法Apr 14, 2025 pm 01:00 PM

NGINXサービスをシャットダウンするには、次の手順に従ってください。インストールタイプを決定します:Red Hat/Centos(SystemCtl Status Nginx)またはDebian/Ubuntu(Service Nginx Status)サービスを停止します:Red Hat/Centos(SystemCtl Stop Nginx)またはDebian/Ubuntu(Service Nginx Stop)無効自動起動(オプション):Debuntos/Centos/Centos/Centos/Centos/Centos (syst

Windowsでnginxを構成する方法Windowsでnginxを構成する方法Apr 14, 2025 pm 12:57 PM

Windowsでnginxを構成する方法は? nginxをインストールし、仮想ホスト構成を作成します。メイン構成ファイルを変更し、仮想ホスト構成を含めます。 nginxを起動またはリロードします。構成をテストし、Webサイトを表示します。 SSLを選択的に有効にし、SSL証明書を構成します。ファイアウォールを選択的に設定して、ポート80および443のトラフィックを許可します。

nginx403エラーを解く方法nginx403エラーを解く方法Apr 14, 2025 pm 12:54 PM

サーバーには、要求されたリソースにアクセスする許可がなく、NGINX 403エラーが発生します。ソリューションには以下が含まれます。ファイル許可を確認します。 .htaccess構成を確認してください。 nginx構成を確認してください。 SELINUXアクセス許可を構成します。ファイアウォールルールを確認してください。ブラウザの問題、サーバーの障害、その他の可能なエラーなど、他の原因をトラブルシューティングします。

Linuxでnginxを開始する方法Linuxでnginxを開始する方法Apr 14, 2025 pm 12:51 PM

Linuxでnginxを開始する手順:nginxがインストールされているかどうかを確認します。 systemctlを使用して、nginxを開始してnginxサービスを開始します。 SystemCTLを使用して、NGINXがシステムスタートアップでNGINXの自動起動を有効にすることができます。 SystemCTLステータスNGINXを使用して、スタートアップが成功していることを確認します。 Webブラウザのhttp:// localhostにアクセスして、デフォルトのウェルカムページを表示します。

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ヘンタイを無料で生成します。

ホットツール

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

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

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

DVWA

DVWA

Damn Vulnerable Web App (DVWA) は、非常に脆弱な PHP/MySQL Web アプリケーションです。その主な目的は、セキュリティ専門家が法的環境でスキルとツールをテストするのに役立ち、Web 開発者が Web アプリケーションを保護するプロセスをより深く理解できるようにし、教師/生徒が教室環境で Web アプリケーションを教え/学習できるようにすることです。安全。 DVWA の目標は、シンプルでわかりやすいインターフェイスを通じて、さまざまな難易度で最も一般的な Web 脆弱性のいくつかを実践することです。このソフトウェアは、

SublimeText3 Linux 新バージョン

SublimeText3 Linux 新バージョン

SublimeText3 Linux 最新バージョン

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

MantisBT

MantisBT

Mantis は、製品の欠陥追跡を支援するために設計された、導入が簡単な Web ベースの欠陥追跡ツールです。 PHP、MySQL、Web サーバーが必要です。デモおよびホスティング サービスをチェックしてください。