MKS WIFI per Makerbase Robin: interfaccia web BeePrint con fotocamera su Flying Bear Ghost – 5

Spread the love

Ho acquistato un FlyingBear Ghost 5 con modulo WiFi integrato, ma scopro che non c’è l’interfaccia web. Non so perché non possano aggiungere un’interfaccia utente di base. Poi sono andato a vedere l’interfaccia web delle schede di fascia alta della Makerbase e ho capito che era meglio che non l’avessero sviluppata.

La mia soluzione è stata modificare il firmware per supportare il Web Socket e sviluppare l’interfaccia Web. Questa funzione è compatibile con tutte le schede Makerbase che dispongono di un modulo WiFi MKS.

MKS Flying Bear wifi Web Interface BeePrint firmware
MKS Flying Bear wifi Web Interface BeePrint firmware

Qui il video dell’installazione e demo dell’interfaccia Web BeePrint con firmware MKS WiFi.

Controlla come installare il firmware nell’articolo precedente.

BeePrint l’interfaccia Web per la versione MKS WiFi Mischianti

Ho scritto un’interfaccia web semplice ma completa con React/Redux. La uso per monitorare e gestire la fase di stampa. È modulare e puoi comporre la tua homepage come vuoi selezionando il widget che vuoi aggiungere alla homepage.

BeePrint for MKS WiFi logo
BeePrint for MKS WiFi logo

Dopo l’installazione del firmware nella root http://<MKS_IP> puoi trovare la nuova interfaccia utente e troverai la vecchia pagina del firmware su http://<MKS_IP>/update .

BeePrint for MKS WiFi new update page
BeePrint for MKS WiFi new update page

Widgets

Ho creato un set base di widget per garantire un buon set di funzionalità.

Gestori temperatura letto ed estrusori

BeePrint MKS WiFi bed and extruder temperature
BeePrint MKS WiFi bed and extruder temperature

Questi widget aiutano a monitorare e possono essere utilizzati per impostare la temperatura di preriscaldamento.

Grafici della temperatura

BeePrint MKS WiFi temperature chart
BeePrint MKS WiFi temperature chart

Qui il classico grafico della temperatura.

Controllo della ventola

BeePrint MKS WiFi manage fan
BeePrint MKS WiFi manage fan

Un widget per gestire la velocità della ventola, ma nessun feedback sull’azione.

Caricamento file ed elenco file

BeePrint MKS WiFi file and upload gcode
BeePrint MKS WiFi file and upload gcode

Questo 2 widget ti aiutano a controllare e gestire il tuo elenco di file e puoi utilizzare il caricamento file per l’upload di nuovi file.

Stato della stampante

BeePrint MKS WiFi printer status
BeePrint MKS WiFi printer status

Un widget di base con la fase della stampante.

Stato di stampa

BeePrint MKS WiFi printing status
BeePrint MKS WiFi printing status

Con questo widget puoi controllare lo stato di avanzamento della stampa e puoi metterlo in pausa o fermarlo.

Video

BeePrint MKS WiFi video cam
BeePrint MKS WiFi video cam

Puoi usare questo widget per controllare una telecamera IP, per il mio scopo uso e esp32 cam, puoi controllare di più su questo qui “ESP32-CAM“.

Per far funzionare a pieno la CAM consiglio di installare l’esempio di CameraWebServer con flash e CORS, in modo da poter controllare la luce direttamente dal widget.

Per alimentare il dispositivo utilizzo un convertitore da 9v-24v a 5v (quick charge) molto utile

You can find here Converter from 9v-24v to USB 5v quick charging

Crea la tua home page

In tutti i widget trovi il pulsante “cuore”,

quando si seleziona questo pulsante il widget appare nella home page iniziale. Puoi cambiare la posizione e la dimensione dei widget e puoi salvarlo con il pulsante mobile salva

nell’angolo in basso a destra.

BeePrint MKS WiFi home page example
BeePrint MKS WiFi home page example

Questo è tutto, se hai suggerimenti dubbi o altro scrivi nella sezione del forum specifica.

Grazie

  1. MKS WIFI per Makerbase Robin: schede e come collegare un esp12 o NodeMCU
  2. MKS WIFI per Makerbase Robin: PCB e come compilare e caricare il firmware
  3. MKS WIFI per Makerbase Robin: protocollo di comunicazione e plugin Cura
  4. MKS WIFI per Makerbase Robin: aggiornamento del firmware e nuova funzionalità Web Socket
  5. MKS WIFI per Makerbase Robin: interfaccia web BeePrint con fotocamera su Flying Bear Ghost
Tutto il codice è rilasciato sotto licenza Creative Commons License

Cummunity italiana


Spread the love

23 Risposte

  1. Massimo Imovilli ha detto:

    Ciao, ottimo upgrade, ti chiedo se è possibile nella sezione video, caricare una qualunque telecamera IP e come. Ho ad esempio alcune ipcamera ONVIF etc etc.

  2. Mauro ha detto:

    Buonasera, volevo farle i complimenti e ringraziarla per la condivisione; ho appena eseguito l’upgrade del firmware come da istruzioni, tutto è filato liscio ed ora ho un’interfaccia degna della stampante che ho appena acquistato.. sull’onda emotiva vengono in mente decine di features o miglioramenti, ma è meglio se ci gioco un po’ prima per capire veramente cosa è utile e cosa invece è solo un modo per perdere ore di lavoro; mi rondo conto di quanto un progetto simile possa diventare time-consuming 🙂

    • Renzo Mischianti ha detto:

      Grazie Mauro,
      faccio il possibile, sul forum in inglese mi hanno già consigliato delle features.
      Sulla parte in italiano in realtà no, perciò se ti viene in mente qualche cosa é meglio se lo segnali qui.
      In alternativa sulla parte in italiano.

      Ciao e grazie Renzo

  3. Mauro ha detto:

    Ciao, ottimo lavoro… mi chiedo se fosse una cosa estremamente complicata inserire nei widget anche il visualizzatore del pezzo, magari usando questo https://github.com/aligator/gcode-viewer
    Mauro

    • Renzo Mischianti ha detto:

      Avevo pensato a qualche cosa del genere, ma visto che non posso scaricare il pezzo dalla scheda sarebbe stato utile solo come preview prima dell’upload perdendo un po’ il senso dello sviluppo.
      Ciao Renzo

      • Mauro Morello ha detto:

        Grazie per la risposta; è un po’ tanto da Nerd, ma se è un pezzo che tu invii e stampi da beeprint e in risposta hai il layer attuale potresti farlo vedere “crescere” strato per strato… ma mi rendo conto che non è una cosa utile, è solo bella da vedere

        • Renzo Mischianti ha detto:

          No no il problema sta proprio lì, il firmware mi manda solo la percentuale di avanzamento e si pezzi grandi non è un bel vedere.
          Se avevo il layer magari era più bellino.
          Comunque un pensierino c’è lo faccio.
          Ciao Renzo

  4. Massimiliano ha detto:

    Complimenti per l’ottimo lavoro!!!
    Sarebbe fattibile creare dei preset (ad esempio PLA, PETG, ABS) dove con un solo tasto si impostano le temperature di preriscaldamento preferite?
    Grazie per quello che hai già fatto

  5. Nikolas ha detto:

    Ciao, ho seguito le istruzioni per caricare il webview s Ghost 5 Robin Nano S 1.3 (FW 5.97-TMC2225) ma senza successo una volta spedito il firmware alla stampante questa perde il WiFi, mi riconnetto ma non all’indirizzo IP mi risponde sempre la stessa vecchia interfaccia

  6. Nicola ha detto:

    Ciao volevo sapere se era possibile fare un interfaccia web anche per la cnc 3018 driver grbl

  7. Livio ha detto:

    Ciao Renzo, ho seguito la procedura wifi per caricare il firmware, purtroppo dopo che ha terminato quando mi riconetto bi da sempre il seguente errore
    {“err”: “404: / NOT FOUND”}
    ho utilizzato gli ultimi file, versione 1.6.1 del tuo repository su github, come posso risolvere?
    grazie

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *