golang初试websocket之echo demo - Go语言中文社区

golang初试websocket之echo demo


效果图片
在这里插入图片描述
server port:9091

package main

import (
	"fmt"
	"log"
	"net/http"
	"github.com/gorilla/websocket"
)

var upgrader = websocket.Upgrader{
	CheckOrigin: func(r *http.Request) bool {
		return true
	},
} // use default options

func Echo(w http.ResponseWriter, r *http.Request) {
	c, err := upgrader.Upgrade(w, r, nil)
	if err != nil {
		log.Print("upgrade:", err)
		return
	}
	defer c.Close()
	for {
		mt, message, err := c.ReadMessage()
		if err != nil {
			log.Println("read:", err)
			break
		}
		log.Printf("recv: %s", message)
		err = c.WriteMessage(mt, message)
		if err != nil {
			log.Println("write:", err)
			break
		}
	}
}

func main() {
	http.HandleFunc("/echo", Echo)
	fmt.Println("start server  port:9091")
	if err := http.ListenAndServe(":9091", nil); err != nil {
		log.Fatal("ListenAndServe:1234:", err)
	}
}

client

<!DOCTYPE html>
<html>
<head>
	<title>websocket</title>
</head>
<body>
	<h1>Echo Test</h1>
	<input type="text" id="sendTxt">
	<button id="sendBtn">发送</button>
	<div id="recv"></div>


	<script type="text/javascript">
		let ws = new WebSocket("ws://127.0.0.1:9091/echo")
		ws.onopen = function () {
			// body...
			console.log("websocket open");
			document.getElementById('recv').innerHTML = 'Connected';
		}
		ws.oncolse = function (e) {
			// body...
			console.log("consoled");
		}

		ws.onmessage=function (e) {
			// body...
			console.log(e.data)
			document.getElementById('recv').innerHTML = e.data;
		}
		document.getElementById('sendBtn').onclick=function(){
			var txt=document.getElementById('sendTxt').value;
			console.log(txt)
			ws.send(txt)
		}

	</script>
</body>
</html>
版权声明:本文来源CSDN,感谢博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
原文链接:https://blog.csdn.net/qq_33296108/article/details/86308863
站方申明:本站部分内容来自社区用户分享,若涉及侵权,请联系站方删除。
  • 发表于 2019-09-04 15:50:55
  • 阅读 ( 1258 )
  • 分类:Go

0 条评论

请先 登录 后评论

官方社群

GO教程

猜你喜欢