Socktest 🔌 WebSocket Tester React

Socktest is a simple websocket client application built with React for testing and debugging websocket server. It can connect to a websocket server and send payloads and receive responses from the server along with tracking connection activity log.

Demo - Socktest

Features

• Connect to any websocket.
• Send and receive payloads and responses.
• Payload is saved on successful send.
• Multiple payloads storage support.
• Websocket protocol support.
• Realtime persistent connection activity log.
• Auto reconnect option.
• Clear log view.
• Responsive UI.
• JSON highlighter.
• Progressive Web App (Works both online and offline).

Shortcuts

• Protocol set on enter press.

Usage

• Clone or download the repo.
• cd into directory and run npm i to install the dependencies.
• Run npm start to launch the app.
• Go to http://localhost:3000

Docker

• Run docker-compose up -d to start.
• Go to http://localhost:3000
• Run docker-compose down to stop.

Screenshots

More Info

This is a basic approach towards making a websocket tester app which can be used to test the logic of any websocket server. Often we need to implement a websocket server for ourselves. However, testing process of the inner logic of the websocket quickly becomes tiresome. This app aims to lessen that effort.

Spare a ⭐ to keep me motivated. 😃

License

This software is licensed under the MIT License (MIT). You are free to use and modify the code. A simple mention or reference would be highly appreciated.