Quiero usar un esp32 como servidor web para mostrar información dentro de un navegador. Tengo un boceto esp32 que procesa algunos datos de los sensores y quiero transmitirlos al archivo js para poder mostrarlos en la página web como un gráfico que se actualiza periódicamente. Mi problema es que no importa lo que intente, simplemente no puedo descifrar cómo canalizar los datos entre los dos archivos. ¿Alguna ayuda, por favor? ¡Gracias por todas las respuestas de antemano!
lo siento por publicar una respuesta, no tengo el nivel requerido para comentar
primero, lamento decirte que aunque actualices el archivo javascript en tiempo real, su contenido no se cargará en la web.
pero puede enviar los datos actualizados del sensor a través del servidor WebSocket al cliente javascript y luego actualizar su interfaz
esta es una pequeña biblioteca de WS que he hecho antes, es simple pero funcional
export const ws = (url) => { let ws = null let connectListeners = [] let receiveListeners = [] let retryCount = 1 const api = { connect(newUrl, attemps = -1) { if (ws != null) { ws.onmessage = null ws.onerror = null ws.onclose = null ws.onopen = null } return new Promise((resolve, reject) => { ws = new WebSocket(newUrl || url) ws.onopen = (e) => { connectListeners.forEach(cbk => { cbk(e) }) resolve(api) } ws.onmessage = (e) => { let data = e.data try { data = JSON.parse(data) } catch (e) {} receiveListeners.forEach(cbk => { cbk(data) }) } ws.onerror = (e) => { if (attemps > 0 && retryCount < attemps) { retryCount++ api.connect(newUrl, attemps) } else if (attemps < 0) { api.connect(newUrl, attemps) } else { reject(e) } } }) }, onconnect(e) { connectListeners.push(e) }, onreceive(e) { receiveListeners.push(e) }, send(data) { if (ws.readyState == WebSocket.OPEN) { ws.send(JSON.stringify(data)) } return this; }, close(forced = false) { if (forced) { this.connect() } else { ws.close() } return this; } } return api; }y luego puedes usarlo de la siguiente manera
const wsClient = ws('ws://your-esp32-ip/') wsClient.onreceive(function(data){ console.log(data) }) wsClient.connect() // you can pass a new connection url and number of connection attemps