websocket连接https

问题：之前做一对一聊天室（https://blog.csdn.net/jameschiang1995/article/details/102762568）的时候，websocket连接https出了很多问题，就在这里总结下关于websocket连接https：
1、ws和wss的区别
说白了这个类似于http和https,wss是基于TSL协议之上的ws。
如果你的网站是 HTTPS 协议的，那你就不能使用 ws:// 了，浏览器会 block 掉连接，和 HTTPS 下不允许 HTTP 请求一样
2、将连接的代码改为如下方式（如果是https站点）

提示 WebSocket connection to ‘wss://IP地址:端口号/websocket’ failed: Error in connection establishment: net::ERR_SSL_PROTOCOL_ERROR。
大概意思就是连接失败，协议错误。
下面我们来具体分析下http和websocket，具体到以下几个问题：

a.websocket的出现解决了什么问题？
b.websocket和http有什么区别？
c.websocket原理说明
d.apache/nginx怎么处理wss协议

以下仅个人理解，如有错误还望指正。
a、在im这类系统中，之前我们都是采用ajax轮询的方式获取消息，这样是非常消耗服务器资源的。关键原因在于http协议并非持久连接（现在http1.1都是长连接不算），导致某个时间段连接服务器又得经过tcp的三次握手，重新请求数据。这样非常消耗服务器资源的，而websocket协议是基于http协议的，属于持久链接，而且是全双工，在webSocket协议下客服端和浏览器可以同时发送信息。
b、websocket和http都属于应用层协议，网络层都基于TCP协议。
c、首先我们来看个典型的Websocket握手

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协议的握手请求中，多了几个东西。
我会顺便讲解下作用。

Upgrade: websocket
Connection: Upgrade

这个就是Websocket的核心了，告诉Apache、Nginx等服务器：注意啦，我发起的是Websocket协议，快点帮我找到对应的助理处理~不是那个老土的HTTP。

Sec-WebSocket-Key: x3JJHMbDL1EzLkh9GBhXDw==
Sec-WebSocket-Protocol: chat, superchat
Sec-WebSocket-Version: 13

首先，Sec-WebSocket-Key 是一个Base64 encode的值，这个是浏览器随机生成的，告诉服务器：泥煤，不要忽悠窝，我要验证尼是不是真的是Websocket助理。然后，Sec_WebSocket-Protocol 是一个用户定义的字符串，用来区分同URL下，不同的服务所需要的协议。简单理解：今晚我要服务A，别搞错啦~最后，Sec-WebSocket-Version 是告诉服务器所使用的Websocket Draft（协议版本），在最初的时候，Websocket协议还在 Draft 阶段，各种奇奇怪怪的协议都有，而且还有很多期奇奇怪怪不同的东西，什么Firefox和Chrome用的不是一个版本之类的，当初Websocket协议太多可是一个大难题。。不过现在还好，已经定下来啦_{大家都使用的一个东西} 脱水：服务员，我要的是13岁的。
然后服务器会返回下列东西，表示已经接受到请求， 成功建立Websocket啦！

HTTP/1.1 101 Switching Protocols
Upgrade: websocket
Connection: Upgrade
Sec-WebSocket-Accept: HSmrc0sMlYUkAGmm5OPpG2HaGWk=
Sec-WebSocket-Protocol: chat

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

Upgrade: websocket
Connection: Upgrade

依然是固定的，告诉客户端即将升级的是Websocket协议，而不是mozillasocket，lurnarsocket或者shitsocket。然后，Sec-WebSocket-Accept 这个则是经过服务器确认，并且加密过后的 Sec-WebSocket-Key。服务器：好啦好啦，知道啦，给你看我的ID CARD来证明行了吧。。后面的，Sec-WebSocket-Protocol 则是表示最终使用的协议。至此，HTTP已经完成它所有工作了，接下来就是完全按照Websocket协议进行了。
d.可以在nginx.conf编写如下代码：

location /wss{
    proxy_pass http://backend;
    proxy_http_version 1.1;
    proxy_set_header Upgrade $http_upgrade;
    proxy_set_header Connection "upgrade";
}

参考链接：
https://www.zhihu.com/question/20215561/answer/40316953
https://www.cnblogs.com/mafly/p/websocket.html