Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/4refr0nt/svelte-mqtt-monitor
Svelte Single Page Application (SPA) for monitoring MQTT messages
https://github.com/4refr0nt/svelte-mqtt-monitor
Last synced: about 1 month ago
JSON representation
Svelte Single Page Application (SPA) for monitoring MQTT messages
- Host: GitHub
- URL: https://github.com/4refr0nt/svelte-mqtt-monitor
- Owner: 4refr0nt
- Created: 2020-07-18T14:27:07.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2023-01-07T20:13:34.000Z (almost 2 years ago)
- Last Synced: 2024-04-13T09:11:30.145Z (9 months ago)
- Language: Svelte
- Homepage: https://svelte-mqtt-monitor.vercel.app
- Size: 733 KB
- Stars: 29
- Watchers: 2
- Forks: 2
- Open Issues: 10
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Svelte MQTT Monitor
## Demos
[https://svelte-mqtt-monitor.vercel.app](https://svelte-mqtt-monitor.vercel.app/)
## Get started
### Requiring
- [Node.JS](https://nodejs.org/) installed (not required for docker install)
- MQTT broker with [enabled MQTT over WebSockets or MQTT over WebSockets Secure](https://www.google.com/webhp?newwindow=1&q=mqtt+over+websockets) (ws or wss)
### Development
```bash
git clone https://github.com/4refr0nt/svelte-mqtt-monitor.git
cd svelte-mqtt-monitor
npm i
cp .env.sample .env
```
…then edit .env - broker settigs
```bash
nano .env
```
and run app
```bash
npm run dev
```
...then open browser link [http://localhost:5000](http://localhost:5000)
### docker install
```bash
git clone https://github.com/4refr0nt/svelte-mqtt-monitor.git
cd svelte-mqtt-monitor
npm i
cp .env.sample .env
```
…then edit .env - broker connection settings
```bash
nano .env
```
then run
```bash
npm run build
docker-compose up -d
```
configure `nginx` or `traefik` as reverse-proxy to `5000` port
(see example part of config `nginx-include.conf`) or
open browser `http://address:5000`
Enjoy!