Giter Club home page Giter Club logo

plugin_webui's Introduction

WebUI plugin

Adds ESP32-WEBUI support for some networking capable boards and drivers.

This plugin sits on top of a heavily modified lwIP raw mode http daemon.

1 FlashFS is erased when reflashing firmware!

Installation:

Enable WebUI support by uncommenting #define WEBUI_ENABLE 1 in my_machine.h and recompile/reflash. This adds backends for both WebUI v2 and v3, set the define value to 2 or 3 to only add v2 or v3.

Ensure $306 (HTTP port) is set to 80, $307 (Websocket port) is set to 81 and $70 has flags set to enable both the http and websocket daemons. 15 is a safe value. Reboot.

For drivers with FlashFS support (see table above) enter <ip address>/ or <ip address>/?forcefallback=yes as the browser URL, the latter if it is for an update.
Replace <ip address> with the controller IP address. Tip: Use $I to find the IP address if dynamically assigned. Then click on the Interface top menu item in the page shown and navigate to the dist/CNC/grblHAL folder and download index.html.gz. You may download index.html.gz directly via this link. Upload the file via the upload button in the FileSystem panel.

For drivers without FlashFS support download directly or from this page, create a www folder on the SD card and copy the download file there. If the SD card is mounted in the controller then the folder can be created and the file copied either via ftp or WebDAV provided the protocol to be used has been activated.

Finally enter the controller IP address in a browser window, if all is well the WebUI will then be loaded.

Alternative UI:

grblTouch by @karoria


Dependencies:

Networking plugin

SD card plugin


2023-02-13

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.