ホームページ バックエンド開発 PHPチュートリアル Nginx プロキシ サーバーを使用して WebSocket プロトコルのサポートを実装するにはどうすればよいですか?

Nginx プロキシ サーバーを使用して WebSocket プロトコルのサポートを実装するにはどうすればよいですか?

Sep 05, 2023 am 08:06 AM
nginx websocket 演技

Nginx プロキシ サーバーを使用して WebSocket プロトコルのサポートを実装するにはどうすればよいですか?

Nginx プロキシ サーバーを使用して WebSocket プロトコルのサポートを実装するにはどうすればよいですか?

WebSocket は、TCP をベースとした全二重通信プロトコルで、サーバーとクライアントが長期間接続を維持できる通信チャネルを確立することで、リアルタイムの双方向通信を可能にします。リアルタイム通信、インスタントチャット、リアルタイムデータプッシュなどのシナリオに適しています。 WebSocket を使用する場合、多くの場合、WebSocket の要求と応答を転送するようにプロキシ サーバーを構成する必要があります。この記事では、Nginx プロキシ サーバーを使用して WebSocket プロトコルのサポートを実装する方法を紹介します。

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

まず、Nginx がプロキシ サーバーにインストールされていることを確認する必要があります。インストールされていない場合は、オペレーティング システムに応じて適切なインストール方法を選択してください。

ステップ 2: Nginx 構成ファイルを変更する

次に、Nginx 構成ファイルを変更する必要があります。 Nginx 構成ファイルを開き、次のコードを http ブロックに追加します。

map $http_upgrade $connection_upgrade {
    default upgrade;
    ''      close;
}

upstream backend {
    server 127.0.0.1:8080;
}
ログイン後にコピー

上記のコードでは、map ディレクティブを使用して Upgrade を実行します。リクエストヘッダー フィールドの値は、$connection_upgrade 変数の値にマップされます。 upstream ディレクティブはバックエンド サーバーのアドレスを定義するために使用されます。ここではローカル アドレス 127.0.0.1:8080 が使用されます。実際の状況に応じて変更できます。

次のコードを server ブロックに追加します。

location /websocket {
    proxy_pass http://backend;
    proxy_http_version 1.1;
    proxy_set_header Upgrade $http_upgrade;
    proxy_set_header Connection $connection_upgrade;
}
ログイン後にコピー

上記のコードでは、location ディレクティブを使用して、 WebSocket リクエスト。 proxy_pass ディレクティブは、リクエストをバックエンド サーバーに転送するために使用されます。 proxy_http_version ディレクティブは、プロキシ プロトコルのバージョンを指定するために使用されます。 proxy_set_header ディレクティブは、リクエスト ヘッダーを設定し、Upgrade フィールドと Connection フィールドをそのままバックエンド サーバーに転送するために使用されます。

ステップ 3: Nginx サービスを再起動する

構成ファイルの変更が完了したら、ファイルを保存して閉じます。次に、構成を有効にするために Nginx サービスを再起動します。コマンド ラインに次のコマンドを入力します。

sudo service nginx restart
ログイン後にコピー

ステップ 4: WebSocket 接続をテストする

この時点で、Nginx の構成は完了です。次に、WebSocket クライアント ツールを使用するか、単純な Web アプリケーションを作成して WebSocket 接続をテストします。簡単なサンプル コードを次に示します。

var ws = new WebSocket("ws://your_domain/websocket");

ws.onopen = function() {
    console.log("Connected to WebSocket");
};

ws.onmessage = function(event) {
    console.log("Received message: " + event.data);
};

ws.onclose = function() {
    console.log("Disconnected from WebSocket");
};
ログイン後にコピー

上記のコードを HTML ファイルとして保存し、ブラウザでそのファイルを開きます。ブラウザの開発者ツールに「WebSocket に接続しました」という出力が表示された場合は、WebSocket 接続が成功したことを意味します。

概要: 上記の手順により、Nginx プロキシ サーバーを使用して WebSocket プロトコルのサポートを実装することができました。このようにして、Nginx の強力なパフォーマンスと柔軟な構成を利用して、より効率的で安定した WebSocket 通信を実現できます。ただし、Nginx 自体は WebSocket サーバーではなく、処理のために WebSocket 接続をバッ​​クエンド サーバーに転送するためのプロキシ サーバーとしてのみ使用されることに注意してください。完全な WebSocket サーバーを展開する必要がある場合は、他の専用 WebSocket サーバー ソフトウェアの使用を検討できます。

以上がNginx プロキシ サーバーを使用して WebSocket プロトコルのサポートを実装するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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

ホット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衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

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

nginxでクラウドサーバードメイン名を構成する方法 nginxでクラウドサーバードメイン名を構成する方法 Apr 14, 2025 pm 12:18 PM

クラウドサーバーでnginxドメイン名を構成する方法:クラウドサーバーのパブリックIPアドレスを指すレコードを作成します。 NGINX構成ファイルに仮想ホストブロックを追加し、リスニングポート、ドメイン名、およびWebサイトルートディレクトリを指定します。 nginxを再起動して変更を適用します。ドメイン名のテスト構成にアクセスします。その他のメモ:SSL証明書をインストールしてHTTPSを有効にし、ファイアウォールがポート80トラフィックを許可し、DNS解像度が有効になることを確認します。

nginxサーバーを開始する方法 nginxサーバーを開始する方法 Apr 14, 2025 pm 12:27 PM

NGINXサーバーを起動するには、異なるオペレーティングシステムに従って異なる手順が必要です。Linux/UNIXシステム:NGINXパッケージをインストールします(たとえば、APT-GetまたはYumを使用)。 SystemCtlを使用して、NGINXサービスを開始します(たとえば、Sudo SystemCtl Start NGinx)。 Windowsシステム:Windowsバイナリファイルをダウンロードしてインストールします。 nginx.exe実行可能ファイルを使用してnginxを開始します(たとえば、nginx.exe -c conf \ nginx.conf)。どのオペレーティングシステムを使用しても、サーバーIPにアクセスできます

Nginxバージョンを確認する方法 Nginxバージョンを確認する方法 Apr 14, 2025 am 11:57 AM

nginxバージョンを照会できるメソッドは次のとおりです。nginx-vコマンドを使用します。 nginx.confファイルでバージョンディレクティブを表示します。 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などのサードパーティツールを使用します。

Dockerコンテナの名前を確認する方法 Dockerコンテナの名前を確認する方法 Apr 15, 2025 pm 12:21 PM

すべてのコンテナ(Docker PS)をリストする手順に従って、Dockerコンテナ名を照会できます。コンテナリストをフィルタリングします(GREPコマンドを使用)。コンテナ名(「名前」列にあります)を取得します。

nginx apacheを実行する方法 nginx apacheを実行する方法 Apr 14, 2025 pm 12:33 PM

nginxをApacheを実行するには、次のことが必要です。1。nginxとapacheをインストールします。 2。nginxエージェントを構成します。 3。nginxとapacheを起動します。 4.構成をテストして、ドメイン名にアクセスした後にApacheコンテンツを確認できることを確認します。さらに、ポート番号マッチング、仮想ホスト構成、SSL/TLS設定など、他の問題に注意を払う必要があります。

Dockerでミラーを作成する方法 Dockerでミラーを作成する方法 Apr 15, 2025 am 11:27 AM

Docker画像を作成する手順:ビルド命令を含むDockerFileを書きます。 Docker Buildコマンドを使用して、ターミナルで画像を作成します。画像にタグを付け、Dockerタグコマンドを使用して名前とタグを割り当てます。

Dockerによってコンテナを起動する方法 Dockerによってコンテナを起動する方法 Apr 15, 2025 pm 12:27 PM

Docker Containerの起動手順:コンテナ画像を引く:「Docker Pull [Mirror Name]」を実行します。コンテナの作成:「docker create [options] [mirror name] [コマンドとパラメーター]」を使用します。コンテナを起動します:「docker start [container name or id]」を実行します。コンテナのステータスを確認してください:コンテナが「Docker PS」で実行されていることを確認します。

See all articles