HTML5 websocket实验，后台为golang http包使用

最新推荐文章于 2022-01-29 21:19:01 发布

原创最新推荐文章于 2022-01-29 21:19:01 发布 · 4.6k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#websocket golang htt

golang 同时被 2 个专栏收录

28 篇文章

订阅专栏

HTML5 js css

5 篇文章

订阅专栏

本文介绍了一个使用 Go 语言实现的 WebSocket 服务器端与 HTML5 客户端的简单实时通信示例。该示例展示了如何搭建一个基本的 WebSocket 服务，并通过客户端发送消息到服务器，再由服务器回传消息的过程。

package main
import (
"code.google.com/p/go.net/websocket"
"fmt"
"log"
"net/http"
"html/template"
)

func Echo(ws *websocket.Conn){
var err error
for{
fmt.Println("start")
var reply string
if err = websocket.Message.Receive(ws, &reply); err != nil{
fmt.Println("can't receive")
break
}

fmt.Println("received back from client:"+ reply)
msg := "Received : " + reply
fmt.Println("Sending to cient: " + msg)
if err =  websocket.Message.Send(ws, msg); err != nil{
fmt.Println("Can't send")
break
}
}
}

func chat(w  http.ResponseWriter, r *http.Request){
r.ParseForm()
fmt.Println(r.Form)
t,_ := template.ParseFiles("websocket_demo.html")
t.Execute(w, nil)
}

func main(){
http.Handle("/", websocket.Handler(Echo))
http.HandleFunc("/chat", chat)
if err := http.ListenAndServe(":9999", nil); err != nil{
log.Fatal("ListentAndServe:", err)
}
}
==========================================================================================
<html>
<head>
<body>
<script type="text/javascript">
var sock = null;
var wsuri = "ws://127.0.0.1:9999";
window.onload = function(){
console.log("onload");
sock = new WebSocket(wsuri);
sock.onopen = function(){
console.log("connected to " + wsuri);
}
sock.onclose = function(e) {
console.log("connection closed (" + e.code + ")");
}
sock.onmessage = function(e){
console.log("message received:" + e.data);
}
};

function send(){
console.log("send")
var msg = document.getElementById('message').value;
console.log(msg)
sock.send(msg);
};
</script>
<h1> Websocket Echo Test</h1>
<form>
<p>
Message: <input id = "message" type = "text" value ="hello dumx">
</p>
</form>
<button onclick="send();">Send Msg</button>
</body>
</head>
</html>