WebSocket编程

 

WebSocket协议解读

websocket和http协议的关联:

  • 都是应用层协议,都基于tcp传输协议。

  • 跟http有良好的兼容性,ws和http的默认端口都是80,wss和https的默认端口都是443。

  • websocket在握手阶段采用http发送数据。

websocket和http协议的差异:

  • http是半双工,而websocket通过多路复用实现了全双工。

  • http只能由client主动发起数据请求,而websocket还可以由server主动向client推送数据。在需要及时刷新的场景中,http只能靠client高频地轮询,浪费严重。

  • http是短连接(也可以实现长连接, HTTP1.1 的连接默认使用长连接),每次数据请求都得经过三次握手重新建立连接,而websocket是长连接。

  • http长连接中每次请求都要带上header,而websocket在传输数据阶段不需要带header。

WebSocket是HTML5下的产物,能更好的节省服务器资源和带宽,websocket应用场景举例:

  • html5多人游戏

  • 聊天室

  • 协同编辑

  • 基于实时位置的应用

  • 股票实时报价

  • 弹幕

  • 视频会议

websocket握手协议: Request Header

Sec-Websocket-Version:13
Upgrade:websocket
Connection:Upgrade
Sec-Websocket-Key:duR0pUQxNgBJsRQKj2Jxsw==

Response Header

Upgrade:websocket
Connection:Upgrade
Sec-Websocket-Accept:a1y2oy1zvgHsVyHMx+hZ1AYrEHI=
  • Upgrade:websocket和Connection:Upgrade指明使用WebSocket协议。

  • Sec-WebSocket-Version 指定Websocket协议版本。

  • Sec-WebSocket-Key是一个Base64 encode的值,是浏览器随机生成的。

  • 服务端收到Sec-WebSocket-Key后拼接上一个固定的GUID,进行一次SHA-1摘要,再转成Base64编码,得到Sec-WebSocket-Accept返回给客户端。客户端对本地的Sec-WebSocket-Key执行同样的操作跟服务端返回的结果进行对比,如果不一致会返回错误关闭连接。如此操作是为了把websocket header跟http header区分开。

WebSocket CS架构实现

首先需要安装gorilla的websocket包。

go get github.com/gorilla/websocket
  1. 将http升级到WebSocket协议。

func (u *Upgrader) Upgrade(w http.ResponseWriter, r *http.Request, responseHeader http.Header) (*websocket.Conn, error)
  1. 客户端发起握手,请求建立连接。

func (*websocket.Dialer) Dial(urlStr string, requestHeader http.Header) (*websocket.Conn, *http.Response, error)
  1. 基于connection进行read和write。

ws_server.go

package main
​
import (
    "fmt"
    "go-course/socket"
    "net"
    "net/http"
    "strconv"
    "time"
​
    "github.com/gorilla/websocket"
)
​
type WsServer struct {
    listener net.Listener
    addr     string
    upgrade  *websocket.Upgrader
}
​
func NewWsServer(port int) *WsServer {
    ws := new(WsServer)
    ws.addr = "0.0.0.0:" + strconv.Itoa(port)
    ws.upgrade = &websocket.Upgrader{
        HandshakeTimeout: 5 * time.Second, //握手超时时间
        ReadBufferSize:   2048,            //读缓冲大小
        WriteBufferSize:  1024,            //写缓冲大小
        //请求检查函数,用于统一的链接检查,以防止跨站点请求伪造。如果Origin请求头存在且原始主机不等于请求主机头,则返回false
        CheckOrigin: func(r *http.Request) bool {
            fmt.Printf("request url %s\n", r.URL)
            fmt.Println("handshake request header")
            for key, values := range r.Header {
                fmt.Printf("%s:%s\n", key, values[0])
            }
            return true
        },
        //http错误响应函数
        Error: func(w http.ResponseWriter, r *http.Request, status int, reason error) {},
    }
    return ws
}
​
//httpHandler必须实现ServeHTTP接口
func (ws *WsServer) ServeHTTP(w http.ResponseWriter, r *http.Request) {
    if r.URL.Path != "/add" {
        fmt.Println("path error")
        http.Error(w, "请求的路径不存在", 222) //把出错的话术写到ResponseWriter里
        return
    }
    conn, err := ws.upgrade.Upgrade(w, r, nil) //将http协议升级到websocket协议
    if err != nil {
        fmt.Printf("upgrade http to websocket error: %v\n", err)
        return
    }
    fmt.Printf("establish conection to client %s\n", conn.RemoteAddr().String())
    go ws.handleConnection(conn)
}
​
//处理连接里发来的请求数据
func (ws *WsServer) handleConnection(conn *websocket.Conn) {
    defer func() {
        conn.Close()
    }()
    for { //长连接
        conn.SetReadDeadline(time.Now().Add(20 * time.Second))
        var request socket.Request
        if err := conn.ReadJSON(&request); err != nil {
            //判断是不是超时
            if netError, ok := err.(net.Error); ok { //如果ok==true,说明类型断言成功
                if netError.Timeout() {
                    fmt.Printf("read message timeout, remote %s\n", conn.RemoteAddr().String())
                    return
                }
            }
            //忽略websocket.CloseGoingAway/websocket.CloseNormalClosure这2种closeErr,如果是其他closeErr就打一条错误日志
            if websocket.IsUnexpectedCloseError(err, websocket.CloseGoingAway, websocket.CloseNormalClosure) {
                fmt.Printf("read message from %s error %v\n", conn.RemoteAddr().String(), err)
            }
            return //只要ReadMessage发生错误,就关闭这条连接
        } else {
            response := socket.Response{Sum: request.A + request.B}
            if err = conn.WriteJSON(&response); err != nil {
                fmt.Printf("write response failed: %v", err)
            } else {
                fmt.Printf("write response %d\n", response.Sum)
            }
        }
    }
}
​
func (ws *WsServer) Start() (err error) {
    ws.listener, err = net.Listen("tcp", ws.addr) //http和websocket都是建立在tcp之上的
    if err != nil {
        fmt.Printf("listen error:%s\n", err)
        return
    }
    err = http.Serve(ws.listener, ws) //开始对外提供http服务。可以接收很多连接请求,其他一个连接处理出错了,也不会影响其他连接
    if err != nil {
        fmt.Printf("http server error: %v\n", err)
        return
    }
​
    // if err:=http.ListenAndServe(ws.addr, ws);err!=nil{   //Listen和Serve两步合成一步
    //  fmt.Printf("http server error: %v\n", err)
    //  return
    // }
    return nil
}
​
func main() {
    ws := NewWsServer(5657)
    ws.Start()
}

ws_client.go

package main
​
import (
    "encoding/json"
    "fmt"
    "go-course/socket"
    "io/ioutil"
    "net/http"
    "time"
​
    "github.com/gorilla/websocket"
)
​
func main() {
    dialer := &websocket.Dialer{}
    header := http.Header{
        "Cookie": []string{"name=zcy"},
    }
    conn, resp, err := dialer.Dial("ws://localhost:5657/add", header) //Dial:握手阶段,会发送一条http请求。请求一个不存在的路径试试看
    defer resp.Body.Close()
    if err != nil {
        fmt.Printf("dial server error:%v\n", err)
        fmt.Println(resp.StatusCode)
        msg, _ := ioutil.ReadAll(resp.Body)
        fmt.Println(string(msg))
        return
    }
    fmt.Println("handshake response header")
    for key, values := range resp.Header {
        fmt.Printf("%s:%s\n", key, values[0])
    }
    // time.Sleep(5 * time.Second)
    defer conn.Close()
    for i := 0; i < 10; i++ {
        request := socket.Request{A: 7, B: 4}
        requestBytes, _ := json.Marshal(request)
        err = conn.WriteJSON(request) //websocket.Conn直接提供发json序列化和反序列化方法
        socket.CheckError(err)
        fmt.Printf("write request %s\n", string(requestBytes))
        var response socket.Response
        err = conn.ReadJSON(&response)
        socket.CheckError(err)
        fmt.Printf("receive response: %d\n", response.Sum)
        time.Sleep(1 * time.Second)
    }
    time.Sleep(30 * time.Second)
}

websocket发送的消息类型有5种:TextMessag,BinaryMessage, CloseMessag,PingMessage,PongMessage。TextMessag和BinaryMessage分别表示发送文本消息和二进制消息。CloseMessage关闭帧,接收方收到这个消息就关闭连接 PingMessage和PongMessage是保持心跳的帧,发送方接收方是PingMessage,接收方发送方是PongMessage,目前浏览器没有相关api发送ping给服务器,只能由服务器发ping给浏览器,浏览器返回pong消息。

聊于室实现

gorilla的websocket项目中有一个聊天室的demo,此处讲一下它的设计思路。我们的代码基于原代码进行了简化和修改,并加上中文注释。总体架构如下图所示  

Hub

  • Hub持有每一个Client的指针,broadcast管道里有数据时把它写入每一个Client的send管道中。

  • 注销Client时关闭Client的send管道。

Client

  • 前端(browser)请求建立websocket连接时,为这条websocket连接专门启一个协程,创建一个client。

  • client把前端发过来的数据写入hub的broadcast管道。

  • client把自身send管道里的数据写给前端。

  • client跟前端的连接断开时请求从hub那儿注销自己。

Front

  • 当打开浏览器页面时,前端会请求建立websocket连接。

  • 关闭浏览器页面时会主动关闭websocket连接。

存活监测

  • 当hub发现client的send管道写不进数据时,把client注销掉。

  • client给websocket连接设置一个读超时,并周期性地给前端发ping消息,如果没有收到pong消息则下一次的conn.read()会报出超时错误,此时client关闭websocket连接。

posted @ 2022-09-10 23:25  屠魔的少年  阅读(4)  评论(0)    收藏  举报