A lightweight alternative way to monitor your OctoPrint server. I built this React client-side single page webapp to make HTTP API calls to your OctoPrint server directly. Under the hood, it uses Gatsby.js
The web interface of OctoPrint can take a long time to load on mobile devices. I want to allow all devices to monitor print status with just a browser, and it should ideally load in under 2 seconds.
http://octostatus.wafflepanda.com
-
On your OctoPrint server, copy your API key and ensure ☑ Allow Cross Origin Resource Sharing (CORS) is checked. Restart your OctoPrint server if necessary.
⚙ Settings > API -
Navigate to http://octostatus.wafflepanda.com
You could pass in
?server=[octoprint url]&apiKey=[api key] -
Enter your
serverandAPI keyinto the boxes. These will be saved to your browser's local storage so you do not need to enter it anymore.If you prefer, bookmark the permalink for next time to auto-fill the fields.
-
Could not connect - Check server and API settings
This app does not magically resolve network issues. If you cannot reach your the regular OctoPrint interface, then you will need to
-
http mixed content error
If you somehow end up hosting this yourself or accessing it via HTTPS, you will need to find your own way to serve OctoPrint API over https as well.
File an issue, check out the code, or submit a pull request.
If you enjoyed this, consider sending me a cup of coffee ☕ via PayPal
Made by @alexleekt