Comment utiliser le serveur proxy Nginx pour implémenter la prise en charge du protocole WebSocket ?

Comment utiliser le serveur proxy Nginx pour implémenter le support du protocole WebSocket ?

WebSocket est un protocole de communication full-duplex basé sur TCP. Il permet au serveur et au client d'établir une communication bidirectionnelle en temps réel en établissant un canal de communication dans lequel les deux parties peuvent maintenir une connexion à long terme. communication en temps réel, chat instantané, scénarios tels que la transmission de données en temps réel. Lors de l'utilisation de WebSocket, nous devons souvent configurer le serveur proxy pour transférer les requêtes et les réponses WebSocket. Cet article explique comment utiliser le serveur proxy Nginx pour implémenter la prise en charge du protocole WebSocket.

Étape 1 : Installer Nginx

Tout d'abord, nous devons nous assurer que Nginx est installé sur le serveur proxy. S'il n'est pas installé, veuillez choisir la méthode d'installation appropriée en fonction du système d'exploitation.

Étape 2 : Modifier le fichier de configuration Nginx

Ensuite, nous devons modifier le fichier de configuration Nginx. Ouvrez le fichier de configuration Nginx et ajoutez le code suivant dans le bloc http : 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

sudo service nginx restart

Dans le code ci-dessus, la directive map est utilisée pour modifier le Upgrade< / dans l'en-tête de la requête La valeur du champ code> est mappée à la valeur de la variable <code>$connection_upgrade. La directive upstream est utilisée pour définir l'adresse du serveur backend. L'adresse locale 127.0.0.1:8080 est utilisée ici. Vous pouvez la modifier en fonction de la situation réelle.

Ajoutez le code suivant dans le bloc server :

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");
};

Dans le code ci-dessus, la directive location est utilisée pour correspondre au chemin de la requête WebSocket. La directive proxy_pass est utilisée pour transmettre la requête au serveur backend. La directive proxy_http_version est utilisée pour spécifier la version du protocole proxy. La directive proxy_set_header est utilisée pour définir l'en-tête de la requête et transmettre les champs Upgrade et Connection au serveur backend tels quels.

Étape 3 : Redémarrez le service Nginx

Après avoir terminé la modification du fichier de configuration, enregistrez et fermez le fichier. Ensuite, redémarrez le service Nginx pour que la configuration prenne effet. Entrez la commande suivante dans la ligne de commande :

rrreee

Étape 4 : Testez la connexion WebSocket

À ce stade, nous avons terminé la configuration de Nginx. Ensuite, nous pouvons utiliser l'outil client WebSocket ou écrire une simple application Web pour tester la connexion WebSocket. Voici un exemple de code simple : 🎜rrreee🎜 Enregistrez le code ci-dessus sous forme de fichier HTML et ouvrez le fichier dans votre navigateur. Si vous voyez le résultat « Connecté à WebSocket » dans les outils de développement du navigateur, cela signifie que la connexion WebSocket a réussi. 🎜🎜Résumé : Grâce aux étapes ci-dessus, nous avons utilisé avec succès le serveur proxy Nginx pour implémenter la prise en charge du protocole WebSocket. De cette façon, nous pouvons utiliser les performances puissantes et la configuration flexible de Nginx pour obtenir une communication WebSocket plus efficace et plus stable. Cependant, il convient de noter que Nginx lui-même n'est pas un serveur WebSocket. Il est uniquement utilisé comme serveur proxy pour transférer les connexions WebSocket vers le serveur principal pour traitement. Si vous devez déployer un serveur WebSocket complet, nous pouvons envisager d'utiliser un autre logiciel serveur WebSocket dédié. 🎜

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!