A feature-rich STOMP (Simple Text Oriented Messaging Protocol) client application built with Next.js and Material-UI, supporting both string and Protocol Buffers message formats.
- Real-time communication using STOMP over WebSocket
- Support for string and Protocol Buffers message formats
- Multiple destination subscription
- Publish messages to specific destinations
- Message history with sent and received messages
- Dark mode support
- Responsive design with collapsible sidebar
- Next.js
- React
- Material-UI
- @stomp/stompjs for STOMP communication
- protobufjs for Protocol Buffers support
- Node.js (version 14 or later)
- npm or yarn
-
Clone the repository:
git clone https://github.com/waterfogSW/stomp-client.git
-
Navigate to the project directory:
cd stomp-client
-
Install dependencies:
npm install
or if you're using yarn:
yarn install
-
Start the development server:
npm run dev
or with yarn:
yarn dev
-
Open your browser and visit
http://localhost:3000
- Enter the STOMP server URL in the "Server URL" field (e.g., ws://localhost:8080/ws).
- Click "Connect" to establish a STOMP connection.
- Choose between "String" or "Protobuf" message format.
- If using Protobuf, upload your .proto file.
- Enter a destination in the "Subscribe Destination" field and click "Add" to subscribe.
- To send a message:
- Enter the destination in the "Publish Destination" field.
- Type your message in the "Message" field.
- Click "Send Message" to publish.
- View sent and received messages in the Message History table.
- This client uses STOMP 1.2 protocol.
- It supports connection headers for authentication if required by your STOMP server.
- The client can handle server-side heartbeats to maintain the connection.