nginx反向代理webSocket配置


本文摘自PHP中文网,作者藏色散人,侵删。

最近在做项目的时候用到了webSocket协议,而且是在微信小程序中用到了webSocket,微信小程序中使用wss协议的时候不能设置端口,只能使用默认的443端口。我的https已经监听了443端口,webSocket再去监听443,肯定不行啊。要想办法解决。于是想到了两种办法解决。一种解决办法是把webSocket部署到另一台服务器上,这样成本也太高了。另一种办法,就是使用nginx反向代理。

因为webSocket协议是基于http协议升级的(见下图),所以可以使用nginx反向代理webSocket.

990513ea3acdfe96f9a535f2940c0c5.png

从这张图片上可以看出,webSocket连接的建立是在http协议的基础上。

1

2

3

4

5

6

7

8

GET /chat HTTP/1.1

Host: server.example.com

Upgrade: websocket

Connection: Upgrade

Sec-WebSocket-Key: x3JJHMbDL1EzLkh9GBhXDw==

Sec-WebSocket-Protocol: chat, superchat

Sec-WebSocket-Version: 13

Origin: http://example.com

熟悉HTTP的童鞋可能发现了,这段类似HTTP协议的握手请求中,只是多了几个东西。

1

2

Upgrade: websocket

Connection: Upgrade

这个就是Websocket的核心了,告诉Apache、Nginx等服务器:我发起的是Websocket协议。

1

2

3

Sec-WebSocket-Key: x3JJHMbDL1EzLkh9GBhXDw==

Sec-WebSocket-Protocol: chat, superchat

Sec-WebSocket-Version: 13

首先,Sec-WebSocket-Key 是一个Base64 encode的值,这个是浏览器随机生成的,告诉服务器:泥煤,不要忽悠窝,我要验证尼是不是真的是Websocket助理。

最后,Sec-WebSocket-Version 是告诉服务器所使用的Websocket Draft(协议版本),在最初的时候,Websocket协议还在 Draft 阶段,各种奇奇怪怪的协议都有,而且还有很多期奇奇怪怪不同的东西,什么Firefox和Chrome用的不是一个版本之类的,当初Websocket协议太多可是一个大难题。。不过现在还好,已经定下来啦大家都使用的一个东西

然后服务器会返回下列东西,表示已经接受到请求, 成功建立Websocket啦!

1

2

3

4

5

HTTP/1.1 101 Switching Protocols

Upgrade: websocket

Connection: Upgrade

Sec-WebSocket-Accept: HSmrc0sMlYUkAGmm5OPpG2HaGWk=

Sec-WebSocket-Protocol: chat

这里开始就是HTTP最后负责的区域了,告诉客户,我已经成功切换协议啦~

1

2

Upgrade: websocket

Connection: Upgrade

依然是固定的,告诉客户端即将升级的是Websocket协议。至此,HTTP已经完成它所有工作了,接下来就是完全按照Websocket协议进行了。

明白协议的原理了就可以下一步了

首先nginx先配置好https的证书

服务器的证书是老大配置好的,我就直接用了。需要的自己查一下吧0.0

阅读剩余部分

相关阅读 >>

nginx和apache的区别

如何解决nginx中的500、502、503、504错误

nginx的优势体现在哪几个方面

nginx日志怎么看

怎么解决nginx下php flush失效的问题

apache nginx优缺点

如何实现nginx高可用

nginx反向代理是什么意思

配置nginx实现负载均衡(图)

如何配置nginx的expires功能

更多相关阅读请进入《nginx》频道 >>



打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...