Nginx配置支持WebSocket功能詳解
更新時(shí)間：2024年11月18日 16:25:01 作者：浪子塵晨
Nginx配置支持WebSocket功能需要添加特定配置,網(wǎng)上通用配置只能支持ws請求,而既支持http又支持ws的配置中,使用map$http_upgrade$connection_upgrade塊來設(shè)置Connection頭的值,并指定使用HTTP/1.1版本以保持連接打開,確保Nginx版本是1.3或更高
Nginx配置支持WebSocket功能
剛部署一個(gè)項(xiàng)目需要使用到WebScoket實(shí)現(xiàn)。但通過域名指向NG做了反向代理，發(fā)現(xiàn)通過域名訪問不了，通過查找資料后發(fā)現(xiàn)需要在Nginx添加WebSocket的轉(zhuǎn)發(fā)配置。
一、網(wǎng)上通用配置
在網(wǎng)上找到大部分配置如下所示
location /websocket/ {
proxy_pass http://myserver;
proxy_http_version 1.1;
proxy_read_timeout 360s;
proxy_redirect off;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection "upgrade"; #配置連接為升級連接
proxy_set_header Host $host:$server_port;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header REMOTE-HOST $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
}使用如上連接，如果所有的連接僅僅為 "ws" 協(xié)議的請求是沒有問題的
但是如果要及支持 http 請求又支持 ws 請求上述配置就不起作用了
二、既支持http又支持ws的配置
通過nginx官方關(guān)于WebSocket的配置得知，可以自定義變量。
故配置如下，就可以做到既支持 ws 請求，又支持 http請求。
http {
#自定義變量 $connection_upgrade
map $http_upgrade $connection_upgrade {
default keep-alive; #默認(rèn)為keep-alive 可以支持 一般http請求
'websocket' upgrade; #如果為websocket 則為 upgrade 可升級的。
}
server {
...
location /chat/ {
proxy_pass http://backend;
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade; #此處配置 上面定義的變量
proxy_set_header Connection $connection_upgrade;
}
}
}在這個(gè)配置中：
- map $http_upgrade $connection_upgrade 塊用于根據(jù)客戶端發(fā)送的 Upgrade 頭的值設(shè)置 Connection 頭的值。
- proxy_pass 指向WebSocket服務(wù)的后端地址。
- proxy_http_version 1.1 指定使用HTTP/1.1版本以保持連接打開。
- proxy_set_header Upgrade $http_upgrade 和 proxy_set_header Connection $connection_upgrade 確保正確的頭被發(fā)送到后端，以便它可以識別WebSocket連接。
確保您的Nginx版本是1.3或更高，以支持WebSocket。
總結(jié)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
Nginx部署項(xiàng)目上傳文件報(bào)錯(cuò)413的解決方法
本文主要介紹了Nginx部署項(xiàng)目上傳文件報(bào)錯(cuò)413的解決方法,報(bào)錯(cuò)413是因?yàn)镹ginx對上傳大小做了限制,所以我們需要配置文件,下面就來解決這個(gè)問題,感興趣的可以了解一下2024-03-03
目前網(wǎng)絡(luò)上的爬蟲非常多，有對網(wǎng)站收錄有益的，比如百度蜘蛛（Baiduspider），也有不但不遵守robots規(guī)則對服務(wù)器造成壓力，還不能為網(wǎng)站帶來流量的無用爬蟲，為防止網(wǎng)站有可能會(huì)被別人爬，通過配置Nginx, 我們可以攔截大部分爬蟲2020-09-09
這篇文章主要給大家介紹了關(guān)于Nginx進(jìn)程管理和重載原理的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-04-04
Nginx配置支持WebSocket功能需要添加特定配置,網(wǎng)上通用配置只能支持ws請求,而既支持http又支持ws的配置中,使用map$http_upgrade$connection_upgrade塊來設(shè)置Connection頭的值,并指定使用HTTP/1.1版本以保持連接打開,確保Nginx版本是1.3或更高2024-11-11
安裝配置php-fpm來搭建Nginx+PHP的生產(chǎn)環(huán)境
這篇文章主要介紹了安裝配置php-fpm來搭建Nginx+PHP的生產(chǎn)環(huán)境的方法,php-fpm的作用是將FastCGI進(jìn)程管理整合進(jìn)PHP包,需要的朋友可以參考下2016-01-01
本地運(yùn)行一個(gè)項(xiàng)目,但是要訪問外域的api接口,存在跨域問題,下面這篇文章主要給大家介紹了關(guān)于如何使用Nginx解決跨域問題的相關(guān)資料,文中介紹的非常詳細(xì),需要的朋友可以參考下2022-05-05
今天來聊一聊他的正則表達(dá)式的使用規(guī)則,我會(huì)簡單的舉幾個(gè)例子然后進(jìn)行說明講解，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-10-10
這篇文章主要為大家詳細(xì)介紹了LNMP編譯安裝之nginx安裝配置方法圖文教程，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-08-08
詳解Nginx proxy_pass的一個(gè)/斜杠引發(fā)的血案
這篇文章主要介紹了詳解Nginx proxy_pass的一個(gè)/斜杠引發(fā)的血案，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-11-11
Nginx基礎(chǔ)學(xué)習(xí)之realip模塊的使用方法
這篇文章主要給大家介紹了關(guān)于Nginx基礎(chǔ)學(xué)習(xí)之realip模塊使用的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家學(xué)習(xí)或者使用Nginx具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2020-06-06