websocket: the client is not using the websocket protocol: 'upgrade' token not found in 'Connection' header

huangapple
go评论125阅读模式
英文:

websocket: the client is not using the websocket protocol: 'upgrade' token not found in 'Connection' header

问题

我正在尝试在使用Go编写的服务器和JavaScript前端之间建立WebSocket连接。我在一个目录中有以下文件：

main.go
index.html

以下是我在main.go中的Go代码：

  1. package main
  3. import (
  4. 	"fmt"
  5. 	"log"
  6. 	"net/http"
  8. 	"github.com/gorilla/websocket"
  9. )
  11. var upgrader = websocket.Upgrader{
  12. 	ReadBufferSize:  1024,
  13. 	WriteBufferSize: 1024,
  14. }
  16. func homePage(w http.ResponseWriter, r *http.Request) {
  17. 	http.ServeFile(w, r, "./index.html")
  18. 	conn, err := upgrader.Upgrade(w, r, nil)
  19. 	if err != nil {
  20. 		log.Println("Error in handler:", err)
  21. 		return
  22. 	}
  23. 	log.Println("Client connected.")
  25. 	for {
  26. 		messageType, p, err := conn.ReadMessage()
  27. 		if err != nil {
  28. 			log.Println("Fehler in ReadMessage:", err)
  29. 			return
  30. 		}
  32. 		log.Println(string(p))
  34. 		//echo message to client
  35. 		if err := conn.WriteMessage(messageType, p); err != nil {
  36. 			log.Println(err)
  37. 			return
  38. 		}
  39. 	}
  40. }
  42. func setupRoutes() {
  43. 	http.HandleFunc("/ws", homePage)
  44. }
  46. func main() {
  47. 	fmt.Println("Server gestartet")
  48. 	setupRoutes()
  49. 	log.Fatal(http.ListenAndServe(":9100", nil))
  50. }

以下是index.html中的HTML和JavaScript代码：

  1. <!DOCTYPE html>
  2. <html lang="de">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Some unimportant html </title>
  6. </head>
  7. <body>
  8.     
  9.     <script>
  12.         let socket = new WebSocket("ws://localhost:9100/ws");
  13.         console.log("Websocket started.");
  15.         socket.onOpen = () => {
  16.             console.log("Client started.");
  17.         }
  19.         socket.onclose = (event) => {
  20.             console.log("Socket closed: ", event);
  21.         }
  23.         socket.onError = (error) => {
  24.             console.log("Socket Error: ", error);
  25.         }
  27.         socket.onMessage = (msg) => {
  28.             console.log(msg);
  29.         }
  30.     </script>
  31. </body>
  32. </html>

然而，当我使用go run main.go运行时，我得到以下错误：

  1. 2022/11/20 16:38:33 http: superfluous response.WriteHeader call from github.com/gorilla/websocket.(*Upgrader).returnError (server.go:83)
  2. 2022/11/20 16:38:33 Error in handler: websocket: the client is not using the websocket protocol: 'upgrade' token not found in 'Connection' header
  3. 2022/11/20 16:38:33 Error in handler: write tcp [::1]:9100->[::1]:63712: wsasend: Eine bestehende Verbindung wurde softwaregesteuert durch den Hostcomputer abgebrochen.
  4. 2022/11/20 16:39:06 Error in handler: write tcp [::1]:9100->[::1]:63733: wsasend: Eine bestehende Verbindung wurde softwaregesteuert durch den Hostcomputer abgebrochen.
  5. exit status 0xc000013a

德语部分的意思是“现有连接被主机计算机软件控制终止”。

我可能遗漏了一些东西，我的理解不够深入，无法确定问题出在哪里。非常感谢任何帮助！

我想也许我的JS WebSocket缺少升级，但是在Chrome中，我可以看到请求URL ws://localhost:9100/ws 的请求头，其中包含“Upgrade: websocket”：

  1. Accept-Encoding: gzip, deflate, br
  2. Accept-Language: de-DE,de;q=0.9,en-US;q=0.8,en;q=0.7
  3. Cache-Control: no-cache
  4. Connection: Upgrade
  5. Host: localhost:9100
  6. Origin: http://localhost:9100
  7. Pragma: no-cache
  8. Sec-WebSocket-Extensions: permessage-deflate; client_max_window_bits
  9. Sec-WebSocket-Key: h3DWLuXsI9/GkTo+sIjyzw==
  10. Sec-WebSocket-Version: 13
  11. Upgrade: websocket
  12. User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/107.0.0.0 Safari/537.36
英文:

I am trying to set up a websocket connection with the server written in Go and a JavaScript frontend. I have the following files in one directory:

main.go
index.html

**This is my Go code in main.go: **

  1. package main
  4. import (
  5. 	&quot;fmt&quot;
  6. 	&quot;log&quot;
  7. 	&quot;net/http&quot;
  9. 	&quot;github.com/gorilla/websocket&quot;
  10. )
  12. var upgrader = websocket.Upgrader{
  13. 	ReadBufferSize:  1024,
  14. 	WriteBufferSize: 1024,
  15. }
  17. func homePage(w http.ResponseWriter, r *http.Request) {
  18. 	http.ServeFile(w, r, &quot;./index.html&quot;)
  19. 	conn, err := upgrader.Upgrade(w, r, nil)
  20. 	if err != nil {
  21. 		log.Println(&quot;Error in handler:&quot;, err)
  22. 		return
  23. 	}
  24. 	log.Println(&quot;Client connected.&quot;)
  26. 	for {
  27. 		messageType, p, err := conn.ReadMessage()
  28. 		if err != nil {
  29. 			log.Println(&quot;Fehler in ReadMessage: &quot;, err)
  30. 			return
  31. 		}
  33. 		log.Println(string(p))
  35. 		//echo message to client
  36. 		if err := conn.WriteMessage(messageType, p); err != nil {
  37. 			log.Println(err)
  38. 			return
  39. 		}
  40. 	}
  41. }
  43. func setupRoutes() {
  44. 	http.HandleFunc(&quot;/ws&quot;, homePage)
  45. }
  47. func main() {
  48. 	fmt.Println(&quot;Server gestartet&quot;)
  49. 	setupRoutes()
  50. 	log.Fatal(http.ListenAndServe(&quot;:9100&quot;, nil))
  52. }

And this is the HTML and JavaScript in index.html:

  1. &lt;!DOCTYPE html&gt;
  2. &lt;html lang=&quot;de&quot;&gt;
  3. &lt;head&gt;
  4.     &lt;meta charset=&quot;UTF-8&quot;&gt;
  5.     &lt;title&gt;Some unimportant html &lt;/title&gt;
  6. &lt;/head&gt;
  7. &lt;body&gt;
  8.     
  9.     &lt;script&gt;
  12.         let socket = new WebSocket(&quot;ws://localhost:9100/ws&quot;);
  13.         console.log(&quot;Websocket started.&quot;);
  15.         socket.onOpen = () =&gt; {
  16.             console.log(&quot;Client started.&quot;);
  17.         }
  19.         socket.onclose = (event) =&gt; {
  20.             console.log(&quot;Socket closed: &quot;, event);
  21.         }
  23.         socket.onError = (error) =&gt; {
  24.             console.log(&quot;Socket Error: &quot;, error);
  25.         }
  27.         socket.onMessage = (msg) =&gt; {
  28.             console.log(msg);
  29.         }
  30.     &lt;/script&gt;
  31. &lt;/body&gt;
  32. &lt;/html&gt;

However, when I run the thing with go run main.go I get the following error:

  1. 2022/11/20 16:38:33 http: superfluous response.WriteHeader call from github.com/gorilla/websocket.(*Upgrader).returnError (server.go:83)
  2. 2022/11/20 16:38:33 Error in handler: websocket: the client is not using the websocket protocol: &#39;upgrade&#39; token not found in &#39;Connection&#39; header
  3. 2022/11/20 16:38:33 Error in handler: write tcp [::1]:9100-&gt;[::1]:63712: wsasend: Eine bestehende Verbindung wurde softwaregesteuert durch den Hostcomputer abgebrochen.
  4. 2022/11/20 16:39:06 Error in handler: write tcp [::1]:9100-&gt;[::1]:63733: wsasend: Eine bestehende Verbindung wurde softwaregesteuert durch den Hostcomputer abgebrochen.
  5. exit status 0xc000013a

The German lines mean "the existing connection was software controlled terminated by the host computer"

I am missing something and my understanding doesn't run deep enough to pinpoint what's wrong. Any help is much appreciated!

I thought maybe my JS Websocket is missing an upgrade, but in Chrome I can see the following request header for Request URL ws://localhost:9100/ws that says "Upgrade:websocket"

  1. Accept-Encoding: gzip, deflate, br
  2. Accept-Language: de-DE,de;q=0.9,en-US;q=0.8,en;q=0.7
  3. Cache-Control: no-cache
  4. Connection: Upgrade
  5. Host: localhost:9100
  6. Origin: http://localhost:9100
  7. Pragma: no-cache
  8. Sec-WebSocket-Extensions: permessage-deflate; client_max_window_bits
  9. Sec-WebSocket-Key: h3DWLuXsI9/GkTo+sIjyzw==
  10. Sec-WebSocket-Version: 13
  11. Upgrade: websocket
  12. User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/107.0.0.0 Safari/537.36

答案1

得分: 1

感谢Cerise Limón的有用评论，我成功修复了它。问题是我需要一个用于索引文件的端点，另一个用于websocket。所以我将相关部分更改为以下内容：

  1. func websocketHandler(w http.ResponseWriter, r *http.Request) {
  2.     conn, err := upgrader.Upgrade(w, r, nil) //conn是一个websocket连接（从http转换为websocket协议）
  3.     if err != nil {
  4.         log.Println("处理程序中的错误:", err)
  5.         return
  6.     }
  7.     log.Println("客户端已连接。")
  9.     for {
  10.         messageType, p, err := conn.ReadMessage()
  11.         if err != nil {
  12.             log.Println("ReadMessage中的错误:", err)
  13.             return
  14.         }
  16.         log.Println(string(p))
  18.         //将消息回显给客户端
  19.         if err := conn.WriteMessage(messageType, p); err != nil {
  20.             log.Println(err)
  21.             return
  22.         }
  23.     }
  24. }
  26. func homePage(w http.ResponseWriter, r *http.Request) {
  27.     http.ServeFile(w, r, "./index.html")
  28. }
  30. func setupRoutes() {
  31.     http.HandleFunc("/", homePage)
  32.     http.HandleFunc("/ws", websocketHandler)
  33. }
英文:

Thanks to the helpful comment by Cerise Limón I was able to fix it. The problem was that I needed one endpoint for the index file and another one for the websocket. So I changed the relevant parts to this:

  1. func websocketHandler(w http.ResponseWriter, r *http.Request) {
  2. 	conn, err := upgrader.Upgrade(w, r, nil) //conn is a websocket connection (aus http wird websocket protokoll)
  3. 	if err != nil {
  4. 		log.Println(&quot;Error in handler:&quot;, err)
  5. 		return
  6. 	}
  7. 	log.Println(&quot;Client connected.&quot;)
  9. 	
  10. 	for {
  11. 		messageType, p, err := conn.ReadMessage()
  12. 		if err != nil {
  13. 			log.Println(&quot;Fehler in ReadMessage: &quot;, err)
  14. 			return
  15. 		}
  17. 		log.Println(string(p))
  19. 		//echo message to client
  20. 		if err := conn.WriteMessage(messageType, p); err != nil {
  21. 			log.Println(err)
  22. 			return
  23. 		}
  24. 	}
  25. }
  27. func homePage(w http.ResponseWriter, r *http.Request) {
  28. 	http.ServeFile(w, r, &quot;./index.html&quot;)
  29. }
  31. func setupRoutes() {
  32. 	http.HandleFunc(&quot;/&quot;, homePage)
  33. 	http.HandleFunc(&quot;/ws&quot;, websocketHandler)
  35. }

huangapple
  • 本文由 发表于 2022年11月21日 00:16:39
  • 转载请务必保留本文链接：https://go.coder-hub.com/74509802.html
  • go
  • javascript
  • server
  • websocket
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定