Tengo un script de python que lee los datos del sensor usando pyserial y los guarda en un archivo .txt. Tengo otra secuencia de comandos de python que lee los datos de un archivo de texto y los coloca en una página HTML usando Flask API. La página HTML está en una red local. Quiero pasar los datos del sensor de la página HTML a mi código de interfaz de usuario (.js) en otro dispositivo. ¿Cómo puedo hacer posible esta comunicación? Aquí está mi código Python que usa la API del matraz para poner los datos del sensor en una página HTML
global data data='0' @app.route('/') def index(): with open('Sensor_Data_Storage.txt', 'rb') as File1: line = File1.readline().decode() print(line) return render_template('sensor.html',dist=line) if __name__ == '__main__': try: wsgi.server(eventlet.listen(('192.168.0.110',8000)),app) except KeyboardInterrupt: print("Keyboard interrupt received. Exiting.") finally: # clean up File1.close()Aquí está el código de mi página HTML (sensor.HTML)
<div class="jumbotron jumbotron-fluid"> <div class="container"> <br> <br> <h3 class="Tem">{{dist}}</h3> <br> <br> </div> </div>Este es mi código Javascript (la interfaz de usuario)
const sensorDataUrl = "http://192.168.0.110:8000"; function Sensor1Data() { const [sensorData, setSensorData] = useState({}); useEffect(() => { getSensorDataWithFetch(); }, []); const getSensorDataWithFetch = async () => { const response = await fetch(sensorDataUrl); const jsonData = await response.json(); setSensorData(jsonData); }; return( <div> <p> {sensorData.dist} </p> </div> ); } export default Sensor1Data;