Remote serial port real-time debugging assistant based on vue3+mqtt (network transparent transmission)

Software: serial port debugging assistant (based on MQTT message protocol to realize multi-client simultaneous subscription mode)

Extension: the receiving client implemented by H5 (websocket) and vue3+mqtt on the mobile phone

Purpose: localized serial port debugging, available for remote technical support, real-time synchronous transparent transmission (remotely send commands, return data directly transparently transmitted to the client for real-time display), support multiple clients to subscribe at the same time!

Part of the source code of the vue3 client in this blog is only for learning and communication, and the source code is not provided (learning knowledge points such as winform, websocket, mqtt, vue3, serial port, etc.)

 The identifier can be customized, and the client can remotely subscribe to the transparent transmission data of the tool.

You can chat when not connected to the serial port. After connecting to the serial port, you can directly send commands remotely.

vue3 client (management background):

 H5 client (websocket)

Vue3 main interface code screenshot

 

 This blog post does not provide any finished product and source code, it is only for learning and communication reference.

Tip: You can build a message server Broker by yourself when using it, so that it is convenient for self-testing.

Guess you like

Origin blog.csdn.net/uaime/article/details/131054617