Websocket standard and asyncio extensions (#55)
This commit is contained in:
1
examples/websocket/README.md
Normal file
1
examples/websocket/README.md
Normal file
@@ -0,0 +1 @@
|
||||
This directory contains WebSocket examples.
|
||||
20
examples/websocket/echo.py
Normal file
20
examples/websocket/echo.py
Normal file
@@ -0,0 +1,20 @@
|
||||
from microdot import Microdot, send_file
|
||||
from microdot_websocket import with_websocket
|
||||
|
||||
app = Microdot()
|
||||
|
||||
|
||||
@app.route('/')
|
||||
def index(request):
|
||||
return send_file('index.html')
|
||||
|
||||
|
||||
@app.route('/echo')
|
||||
@with_websocket
|
||||
def echo(request, ws):
|
||||
while True:
|
||||
data = ws.receive()
|
||||
ws.send(data)
|
||||
|
||||
|
||||
app.run()
|
||||
17
examples/websocket/echo_asgi.py
Normal file
17
examples/websocket/echo_asgi.py
Normal file
@@ -0,0 +1,17 @@
|
||||
from microdot_asgi import Microdot, send_file
|
||||
from microdot_asgi_websocket import with_websocket
|
||||
|
||||
app = Microdot()
|
||||
|
||||
|
||||
@app.route('/')
|
||||
def index(request):
|
||||
return send_file('index.html')
|
||||
|
||||
|
||||
@app.route('/echo')
|
||||
@with_websocket
|
||||
async def echo(request, ws):
|
||||
while True:
|
||||
data = await ws.receive()
|
||||
await ws.send(data)
|
||||
20
examples/websocket/echo_async.py
Normal file
20
examples/websocket/echo_async.py
Normal file
@@ -0,0 +1,20 @@
|
||||
from microdot_asyncio import Microdot, send_file
|
||||
from microdot_asyncio_websocket import with_websocket
|
||||
|
||||
app = Microdot()
|
||||
|
||||
|
||||
@app.route('/')
|
||||
def index(request):
|
||||
return send_file('index.html')
|
||||
|
||||
|
||||
@app.route('/echo')
|
||||
@with_websocket
|
||||
async def echo(request, ws):
|
||||
while True:
|
||||
data = await ws.receive()
|
||||
await ws.send(data)
|
||||
|
||||
|
||||
app.run()
|
||||
17
examples/websocket/echo_wsgi.py
Normal file
17
examples/websocket/echo_wsgi.py
Normal file
@@ -0,0 +1,17 @@
|
||||
from microdot_wsgi import Microdot, send_file
|
||||
from microdot_websocket import with_websocket
|
||||
|
||||
app = Microdot()
|
||||
|
||||
|
||||
@app.route('/')
|
||||
def index(request):
|
||||
return send_file('index.html')
|
||||
|
||||
|
||||
@app.route('/echo')
|
||||
@with_websocket
|
||||
def echo(request, ws):
|
||||
while True:
|
||||
data = ws.receive()
|
||||
ws.send(data)
|
||||
35
examples/websocket/index.html
Normal file
35
examples/websocket/index.html
Normal file
@@ -0,0 +1,35 @@
|
||||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Microdot WebSocket Demo</title>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Microdot WebSocket Demo</h1>
|
||||
<div id="log"></div>
|
||||
<br>
|
||||
<form id="form">
|
||||
<label for="text">Input: </label>
|
||||
<input type="text" id="text" autofocus>
|
||||
</form>
|
||||
<script>
|
||||
const log = (text, color) => {
|
||||
document.getElementById('log').innerHTML += `<span style="color: ${color}">${text}</span><br>`;
|
||||
};
|
||||
|
||||
const socket = new WebSocket('ws://' + location.host + '/echo');
|
||||
socket.addEventListener('message', ev => {
|
||||
log('<<< ' + ev.data, 'blue');
|
||||
});
|
||||
socket.addEventListener('close', ev => {
|
||||
log('<<< closed');
|
||||
});
|
||||
document.getElementById('form').onsubmit = ev => {
|
||||
ev.preventDefault();
|
||||
const textField = document.getElementById('text');
|
||||
log('>>> ' + textField.value, 'red');
|
||||
socket.send(textField.value);
|
||||
textField.value = '';
|
||||
};
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user