generic microdot websocket send and receive #197
Replies: 1 comment 14 replies
-
|
Your index route is an HTTP route, it cannot receive or send WebSocket events. The HTML page that this route returns should make a WebSocket connection to a WebSocket route, and then you can send and receive from that second route. |
Beta Was this translation helpful? Give feedback.
-
|
hmm i'm still investigate your microdot. But i can not handle it correct.
from microdot import Microdot, Response
from microdot.websocket import with_websocket
from microdot.sse import with_sse
import json
import asyncio
app = Microdot()
async def configure_wifi():
for i in range(100):
ssid = str(i)
ip_address = "12312121"
status = "12312121212"
asyncio.sleep(1)
return ssid, ip_address, status
@app.route("/ws")
@with_websocket
async def get_sensor_data(request, ws):
data = {"temperature": 25.5, "humidity": 50}
await ws.send(json.dumps(data))
@app.route('/wifi')
@with_sse
async def wifi(request, sse):
while True:
async def generate():
ssid, ip_address, status = await configure_wifi()
data = {"ssid": ssid, "ip": ip_address, "status": status}
await sse.send(json.dumps(data))
return await generate()
@app.route('/')
async def index(request):
html_content = """
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sensor Data</title>
<script>
var socket = new WebSocket("ws://" + window.location.host + "/ws");
socket.onmessage = function(event) {
var sensorData = JSON.parse(event.data);
document.getElementById("temperature").innerText = "Temperature: " + sensorData.temperature + " °C";
document.getElementById("humidity").innerText = "Humidity: " + sensorData.humidity + " %";
};
const evtSource = new EventSource("/wifi");
evtSource.onmessage = function(event) {
const data = JSON.parse(event.data);
document.getElementById('ssid').textContent = "SSID: " + data.ssid;
document.getElementById('ip').textContent = "IP: " + data.ip;
document.getElementById('status').textContent = "Status: " + data.status;
};
</script>
</head>
<body>
<h1>Sensor Data</h1>
<p id="temperature">Temperature: </p>
<p id="humidity">Humidity: </p>
<p id="ssid">SSID: </p>
<p id="ip">IP: </p>
<p id="status">Status: </p>
</body>
</html>
"""
response = Response(html_content)
response.headers['Content-Type'] = 'text/html'
return response
if __name__ == '__main__':
app.run(debug=True) |
Beta Was this translation helpful? Give feedback.
-
|
Unfortunately I cannot explain code that I do not understand. Putting a |
Beta Was this translation helpful? Give feedback.
-
|
thanks! async def configure_wifi():
for i in range(100):
ssid = str(i)
yield ssid
await asyncio.sleep(1)
@app.route('/sensordata')
@with_websocket
async def sensordata(request, ws):
async for ssid in configure_wifi():
data = {"sensor": ssid}
await ws.send(json.dumps(data)) |
Beta Was this translation helpful? Give feedback.
-
|
This achieves the same result and is much simpler: @app.route('/sensordata')
@with_websocket
async def sensordata(request, ws):
for ssid in range(100):
data = {"sensor": str(ssid)}
await ws.send(json.dumps(data))
await asyncio.sleep(1) |
Beta Was this translation helpful? Give feedback.
-
|
thanks! |
Beta Was this translation helpful? Give feedback.
Uh oh!
There was an error while loading. Please reload this page.
-
Hello,
here is a snippet from my actualley micropython robot:
can i change the code, that i can use ws.send and ws.receive generic in my main programm?
for example here:
i will change this ".replace" to "ws.send".
I have already tried several modifications in the code, but it does not work as intended...
Beta Was this translation helpful? Give feedback.
All reactions