server.py
import time
from flask import Flask, render_template
from flask_sock import Sock
app = Flask(__name__)
sock = Sock(app)
@app.route('/')
def hello():
return render_template('index.html')
@sock.route('/echo')
def echo(ws):
while True:
data = ws.receive()
print(data)
ws.send(data)
time.sleep(1)
if __name__ == "__main__":
from gevent import monkey
monkey.patch_all()
app.run()
index.html
<html>
<head>
<meta charSet="utf-8"/>
<title>websocket 測試</title>
<script src="https://cdn.bootcss.com/jquery/3.2.0/jquery.js">
</script>
<script type="text/javascript">
function WebSocketTest() {
if ("WebSocket" in window) {
// alert("您的瀏覽器支持 WebSocket!");
// 打開一個 web socket
var ws = new WebSocket("ws://localhost:5000/echo");
ws.onopen = function () {
// Web Socket 已連接上，使用 send() 方法發(fā)送數(shù)據(jù)
ws.send("請發(fā)送數(shù)據(jù)");
$("#r_s").append("數(shù)據(jù)發(fā)送中...<br>")
};
ws.onmessage = function (evt) {
var received_msg = evt.data;
$("#r_s").append("server says: " + decodeURI(received_msg) + "<br>")
ws.send("數(shù)據(jù)已收到。")
};
ws.onclose = function () {
// 關閉 websocket
ws.send("正在關閉連接...")
$("#r_s").append("連接已關閉...<br>")
};
} else {
// 瀏覽器不支持 WebSocket
alert("您的瀏覽器不支持 WebSocket!");
}
}
</script>
</head>
<body>
<div id="sse">
<a href="javascript:WebSocketTest()">運行 WebSocket</a>
</div>
<div id="r_s">
操作記錄：
<br/>
</div>
</body>
</html>
