Guida all'interfaccia web di Shelly Wall Display
Panoramica
I dispositivi Shelly offrono un'interfaccia web locale che consente di controllare e configurare i dispositivi tramite un browser web standard sia su computer che su dispositivo mobile. Con essa, puoi accendere o spegnere gli elettrodomestici collegati al tuo dispositivo, impostare orari e configurare azioni da eseguire quando vengono soddisfatte determinate condizioni.
Nota che non è necessaria una connessione a Internet o Shelly Cloud per utilizzare l'interfaccia web locale - l'unico requisito è che il tuo browser sia connesso alla stessa rete Wi-Fi del dispositivo Shelly.
Accesso all'interfaccia web
Per accedere all'interfaccia web del display Shelly Wall:
Collega il dispositivo alla tua rete Wi-Fi.
Mentre sei connesso a quella rete, vai all'indirizzo IP mostrato sul dispositivo.
Ora sei nell'interfaccia web del tuo dispositivo.
Comprendere la disposizione
L'interfaccia web può essere suddivisa in quattro sezioni principali - l'intestazione, il piè di pagina, il menu principale e il contenuto principale.
Intestazione
L'intestazione è composta da due elementi - il nome del dispositivo a sinistra e alcune icone, che mostrano le principali funzionalità di rete e connettività del dispositivo a destra. Queste icone possono includere funzionalità come Wi-Fi, Bluetooth, MQTT e altro, oltre a un'icona che indica se sono disponibili aggiornamenti firmware per il dispositivo. Passando con il mouse su un'icona, verranno fornite ulteriori informazioni. Troverai una legenda con il significato di ogni icona nella guida all'interfaccia web di ciascun dispositivo. Nota che le guide individuali spiegano solo le funzionalità di connettività disponibili per quel dispositivo specifico.
Piè di pagina
In fondo allo schermo, da sinistra a destra, ci sono il nome del modello del dispositivo, il suo ID, la versione dell'interfaccia web, la versione del firmware del dispositivo e infine l'ora corrente. Se l'ora non è sincronizzata, riceverai una notifica nella parte superiore dello schermo e alcuni orari e azioni potrebbero non funzionare come previsto. Alcune versioni precedenti dell'interfaccia web non includono tutti questi componenti.
Menu principale
Il menu principale nella versione desktop dell'interfaccia web si trova a sinistra, mentre su mobile appare come un menu hamburger con un'icona di tre linee orizzontali sovrapposte. Il menu contiene elementi diversi a seconda del dispositivo, ma cliccando su un elemento si viene portati a una pagina diversa. Puoi anche usarlo per tornare alla pagina Home cliccando su Home.
Contenuto principale
Cliccando su un elemento del menu principale, potrai navigare nell'interfaccia web. Tutto ciò che vedi sullo schermo, esclusi intestazione, piè di pagina e menu principale, è considerato contenuto principale.
*Si prega di notare che non tutti gli screenshot dell'interfaccia web mostrati in alto in ogni pagina della guida all'interfaccia web (dove è presente uno screenshot) sono dell'ultima versione. Pertanto, potrebbero apparire leggermente diversi dall'ultima versione e potrebbero non rappresentare l'aspetto dell'interfaccia web di ogni dispositivo.
Il Shelly Wall Display non dispone di un punto di accesso come gli altri dispositivi, quindi l'unico modo per accedere alla sua interfaccia web è collegarlo alla tua rete. Una volta connesso, devi trovare l'IP del dispositivo. Scorri a sinistra fino a raggiungere la schermata Impostazioni, oppure clicca sull'icona dell'ingranaggio in basso per accedere direttamente al menu Impostazioni. Clicca su Network e vai all'indirizzo IP che vedi lì. Assicurati di essere connesso alla stessa rete del Wall Display. Ora sei nell'interfaccia web di Shelly Wall Display.
Menu principale
Di seguito sono riportate le spiegazioni di ogni impostazione nel menu principale, incluso ciò che viene visualizzato come contenuto principale cliccando sulle diverse impostazioni. Una breve introduzione alle icone nell'intestazione, specifica per questo dispositivo, è presente anche nella spiegazione della pagina Home. Nota che l'intestazione è presente in tutte le schermate, non solo nella pagina Home.
Pagina Home
Nell'interfaccia web vedrai quattro icone nella parte superiore dello schermo, tra cui una per Wi-Fi, Bluetooth, Cloud e connessione MQTT. Ecco cosa significano i diversi colori di stato:
 |
|
 |
|
 |
|
 |
|
 |
|
|
|
|
Nel menu di creazione del termostato:
Seleziona la casella accanto a Termostato abilitato per attivare il termostato.Usa il cursore o i pulsanti più e meno per regolare la temperatura target. L'intervallo è tra 5°C (estremo sinistro) e 35°C (estremo destro).Successivamente, regola l'isteresi della temperatura tra 0°C (estremo sinistro) e 2°C (estremo destro). Un'impostazione di 0°C significa che il termostato si accenderà e spegnerà frequentemente per mantenere la temperatura esatta impostata. Un valore superiore a 0°C crea un piccolo intervallo attorno alla temperatura impostata. Ad esempio, se un termostato di raffreddamento ha un'isteresi impostata a 1°C e una temperatura target di 23°C, il termostato si accenderà a 24°C e si spegnerà a 22°C.
Seleziona il tipo di termostato tra riscaldamento - si accende quando la temperatura è inferiore al target, e raffreddamento - si accende quando la temperatura è superiore al target.
Scegli di invertire l'output selezionando la casella accanto a questa impostazione, oppure lascialo com'è.Clicca Salva
Per eliminare un termostato, clicca sul pulsante
Elimina termostato
. Questo provocherà un riavvio soft.
Sotto c'è il menu
Sensori che ha tre sottomenu - Panoramica, Impostazioni e Azioni..
PanoramicaNel menu Panoramica vedrai i sensori - temperatura, umidità e illuminanza (sensore di luce) con i loro nomi a sinistra e le loro letture a destra.Impostazioni
TemperaturaSoglia deltaScegli un valore tra 0,5 °C e 5 °C dal menu a tendina, che imposterà la soglia per attivare il risveglio del dispositivo. Tuttavia, il dispositivo invia aggiornamenti di stato anche ogni 5 minuti, quindi se la temperatura del dispositivo cambia improvvisamente e supera la soglia, la variazione verrà comunque segnalata dopo 5 minuti dall'ultimo rapporto e non esattamente al momento in cui avviene. Puoi anche scegliere di disabilitare questa opzione. Per salvare le modifiche, clicca
OK
Offset
Ti permette di regolare le letture del dispositivo per compensare il calore emesso dallo stesso dispositivo. Impostando un offset di temperatura, puoi assicurarti che le letture siano più accurate e riflettano la temperatura reale dell'ambiente. Il valore minimo è -50 °C e il massimo è 50 °C.
Umidità
Soglia delta
Imposta la soglia di umidità in percentuale, che attiverà il risveglio del dispositivo. Puoi digitare un valore tra 1% e 20% nella casella di testo. Una variazione di umidità relativa superiore al valore specificato attiva il dispositivo per segnalare i dati del sensore. Per salvare le modifiche, clicca Applica.
Offset
Per rendere più accurate le letture di umidità, imposta un offset. Questo è un valore che verrà aggiunto o sottratto alle letture. Il valore minimo è -50% e il massimo è 50%.
Illuminanza
Soglia scura
Inserisci un valore tra 1 lx e 1000 lx, al di sotto del quale l'illuminanza sarà considerata scura.Soglia luminosa.
Inserisci un valore tra 1 lx e 1000 lx, al di sopra del quale l'illuminanza sarà considerata luminosa.
Azioni
Configura le azioni per il tuo dispositivo - crea nuove azioni, modifica azioni esistenti o elimina azioni. Quando crei azioni per il tuo dispositivo, devi specificare la condizione in cui l'azione si verifica. Puoi anche impostare una durata per le azioni, così come un URL da colpire quando la condizione per l'azione è soddisfatta.
Impostazioni
Impostazioni di rete
WiFi
- Registra il dispositivo Shelly per connettersi a un massimo di 2 reti Wi-Fi diverse.
Inserisci o seleziona la rete Wi-Fi. Puoi selezionare una rete aperta e impostare anche un indirizzo IP statico.
Abilita Wi-Fi 1, o Wi-Fi 2, o entrambi contemporaneamente. Se entrambi Wi-Fi 1 e Wi-Fi 2 sono abilitati e il dispositivo Shelly si disconnette da una delle reti, si connetterà all'altra.
Bluetooth
- Disabilita/abilita il Bluetooth attivando l'interruttore. L'impostazione predefinita del Bluetooth del dispositivo è abilitata.
-
ConnettivitàNota per la comunicazione RPC
: Quando una chiamata RPC non viene eseguita, appare un messaggio banner che ti avvisa che il dispositivo non risponde in tempo e ha perso la connessione. Quando la connessione viene ripristinata, la richiesta verrà inviata nuovamente.
Cloud
- Collegare il tuo Shelly al cloud ti permette di controllarlo da remoto e ricevere notifiche e aggiornamenti sui tuoi dispositivi. L'impostazione predefinita è che il cloud sia abilitato. Se disabiliti il supporto cloud del dispositivo, perderai la connessione al dispositivo dall'esterno della sua rete locale!MQTT
- Configura il dispositivo Shelly per eseguire azioni tramite MQTT. Per impostazione predefinita, MQTT è disabilitato, ma puoi abilitarlo attivando l'interruttore. Modificare queste impostazioni causerà il riavvio del dispositivo. Ci sono altre impostazioni, come
Notifiche di stato RPC tramite MQTT (che ti permette di comunicare con il dispositivo tramite notifiche RPC) e
Aggiornamento di stato generico tramite MQTT (per ottenere un aggiornamento generale dello stato), che puoi abilitare/disabilitare attivando gli interruttori a destra. Puoi anche abilitare SSL e inserire il tuo server, nome utente e password, ma tieni presente che abilitare SSL ridurrà la durata della batteria probabilmente di metà.
Websocket in uscita - Specifica se il canale HTTP crea un'eccezione I/O quando una connessione in ingresso viene chiusa mentre è ancora in uso dal servlet. Per impostazione predefinita, questa impostazione è disabilitata. Per abilitarla, clicca sull'interruttore accanto a Abilita. Inserisci l'indirizzo del tuo servizio nella casella di testo e dal menu a tendina sotto Connettività SSL scegli
, ca.pem o user_ca.pemImpostazioni dispositivoNome dispositivo (info)* - Visualizza l'ID del dispositivo, il Wi-Fi a cui è connesso e il Wi-Fi RSSI. Inoltre, puoi copiare l'ID del dispositivo tramite il pulsante Copia.
.
Posizione e fuso orario - Il fuso orario e la posizione verranno rilevati automaticamente, ma puoi modificarli manualmente scegliendo un fuso orario dal menu a tendina e inserendo latitudine e longitudine. C'è anche un pulsante Rileva posizione automaticamente che farà rilevare nuovamente la posizione al dispositivo se la rilevazione precedente è fallita.Se l'ora del dispositivo non è sincronizzata con l'ora corrente, orari e azioni potrebbero non funzionare come previsto. Apparirà un messaggio per avvisarti se l'ora non è sincronizzata.Autenticazione
- Se abiliti l'autenticazione, ti verrà chiesto di inserire una password che userai per accedere all'interfaccia web del dispositivo. Una volta abilitata, per disabilitarla clicca sull'interruttore e inserisci la password di autenticazione quando richiesto.Firmware - In questa impostazione puoi vedere l'ID del dispositivo, la versione del firmware, l'ID build e l'ID build web. Usa il pulsante Copia
sopra l'ID firmware o l'ID build web per copiare il contenuto negli appunti. Puoi anche vedere le nuove versioni disponibili, controllare aggiornamenti e aggiornare facilmente il dispositivo. C'è anche un'opzione per caricare un firmware personalizzato, tuttavia il flashing di dispositivi con firmware personalizzato annulla irreversibilmente la garanzia del dispositivo.
Certificato utente (Configurazione TLS) - Carica certificato autorità personalizzato, certificato client e chiave client trascinando e rilasciando i file o sfogliando i file cliccando il pulsante dedicato. Clicca
Carica per caricare i file e Cancella per rimuovere i file che non vuoi caricare.
Debug - Questa impostazione include debug Mqtt, Websocket e Udp. Per abilitare uno di questi, clicca sull'interruttore accanto all'impostazione specifica. Per il debug Udp ti verrà anche chiesto di inserire un Indirizzo Udp.Riavvio - Dopo aver cliccato sul pulsante
Riavvia ti verrà chiesto se sei sicuro di voler riavviare il dispositivo. Clicca OK.
per il riavvio e Annulla se non vuoi riavviare il dispositivo.Interfaccia utente dispositivo - Queste impostazioni ti permettono di personalizzare l'aspetto del dispositivo. Salvaschermo - Abilita/disabilita il salvaschermo. Se abilitato, puoi selezionare uno dei seguenti componenti da visualizzare come elemento principale (avrà priorità sugli altri elementi) - Temperatura (mostra l'ultima temperatura misurata),
-
Umidità (mostra l'ultima percentuale di umidità misurata) e
Orologio (mostra l'ora corrente). Inoltre, puoi impostare un timeout in secondi (tra 10 e 3600), che significa che lo schermo del dispositivo si spegnerà dopo il tempo specificato. Spegni schermo - Scegli quando vuoi che lo schermo del dispositivo si spenga - quando inattivo o solo quando è buio, selezionando la casella accanto a questa opzione.Blocco schermo - Seleziona Nessuno per lasciare il dispositivo sbloccato. Con questa opzione, i gesti sono ancora disponibili e le pagine possono essere cambiate. Nessuna impostazione
blocca solo la schermata Impostazioni e ti permette di usare i gesti e cambiare tutte le pagine, tranne la pagina Impostazioni. Selezionare
Nessuna impostazione provoca un riavvio soft. Completo significa che lo schermo del dispositivo è completamente bloccato e le pagine non possono essere cambiate. I gesti sono ancora disponibiliDisabilita gesti quando il dispositivo è bloccato funziona per ogni livello di blocco schermo, tranne Nessuno. I gesti disponibili sono: scorrere verso l'alto e verso il basso, toccare con due dita o toccare con il palmo per accendere o spegnere il relè e scorrere lateralmente per passare a un'altra pagina. Quando le pagine sono bloccate, sono disponibili solo i gesti per accendere/spegnere il relè.Azioni
Configura le azioni per il tuo dispositivo - crea nuove azioni, modifica azioni esistenti o elimina azioni. Quando crei azioni per il tuo dispositivo, devi specificare la condizione in cui l'azione si verifica. Puoi anche impostare una durata per le azioni, così come un URL da colpire quando la condizione per l'azione è soddisfatta.ComponentiCreazione di un componenteL'impostazione Componenti consente all'utente di creare
Componenti Dinamici
, che inizialmente non esistono nel dispositivo. I componenti virtuali, un tipo di componente dinamico, sono usati per memorizzare o trasferire dati tra script o esecuzioni e visualizzare la funzionalità dello script nella pagina home. I componenti possono essere raggruppati; solo i gruppi e i componenti al loro interno verranno visualizzati nella pagina home. I componenti che non appartengono a un gruppo non saranno visualizzati lì. Il numero di componenti e gruppi di componenti per dispositivo è limitato.
Per creare un componente:
Clicca sul pulsante
Crea nuovo accanto a Componenti definiti dall'utente
.
Seleziona il tipo di componente che desideri creare - Booleano, Numero, Testo, Enum o Pulsante. Quando creato, ogni tipo di componente ha i campi Nome, Vista e
URL Icona Personalizzata che devi compilare. Il campo URL Icona Personalizzata non è obbligatorio, ma può essere usato per personalizzare l'aspetto dei componenti nella pagina home. Puoi rinominare o eliminare un componente, così come creare azioni per esso, usando i pulsanti accanto a ogni componente.I diversi tipi di componenti possono avere campi aggiuntivi specifici per quel tipo. Sono spiegati di seguitoIl tipo di componente Booleano memorizza un valore vero/falso e ha due titoli diversi che l'utente può inserire a seconda che il valore sia vero o falso, oltre a due icone separate. Il menu a tendina per il valore predefinito includerà i diversi stati del tuo dispositivo. Le opzioni di vista sono Nascosto
,
Interruttore e Etichetta. La vista Interruttore mostra un pulsante toggle, quindi il valore del componente cambia a ogni clic. La vista Etichetta mostra il titolo per il valore del componente.Il tipo di componente Numero memorizza valori tra -999999999999999 e 999999999999999. Il valore predefinito dovrebbe essere un numero in questo intervallo. Puoi anche cambiare l'unità e il passo. Le opzioni di vista sono Nascosto,
Campo, Slider, Barra di progresso e Etichetta. La vista Campo mostra un campo di input, la vista Etichetta visualizza il valore, la vista Barra di progresso rappresenta visivamente il progresso e la vista Slider mostra un'interfaccia a cursore per l'interazione.Il tipo di componente Testo memorizza una stringa fino a 255 caratteri. Le opzioni di vista sono Nascosto,
Campo, Etichetta e Immagine. La vista Campo mostra un campo di input, la vista Etichetta visualizza il titolo e la vista Immagine richiede un valore URL, che usa per mostrare un'immagine.Il tipo di componente Enum memorizza un gruppo di costanti denominate. Le opzioni di vista sono Nascosto, Menu a tendina e
Etichetta. Se selezioni la vista Etichetta, il componente mostrerà il titolo per impostazione predefinita, ma se è specificata un'immagine, questa avrà la precedenza e verrà mostrata invece.Il tipo di componente Pulsante fornisce un input virtuale simulato che consente agli utenti di interagire con l'interfaccia utente registrando e segnalando clic. Invia quindi notifiche tramite canali connessi e può essere usato per attivare automazioni e webhook. Ha due opzioni di vista - Pulsante, che mostra il componente pulsante nella tua pagina home, e
Nascosto.Se un componente è impostato su Nascosto, non verrà visualizzato nella pagina home. Altrimenti, i gruppi di componenti appariranno sotto gli input e/o output del dispositivo e mostreranno i componenti che fanno parte di quei gruppi.Creazione di un gruppo di componenti.
Per creare un gruppo:Clicca su accanto a
Gruppi definiti dall'utente
e verrai portato al menu di creazione del gruppo.
Inserisci il nome del gruppo.+Seleziona i componenti desiderati che vuoi includere in quel gruppo.La modifica del menu gruppi avviene tramite l'icona a matita accanto a e ti permette di cambiare l'ordine dei gruppi cliccando sulle frecce su e giù per spostare un gruppo in alto o in basso.
Azioni dei componenti
Il menu Azioni è ora strutturato in base al tipo di componente. Quindi, puoi creare azioni per i tuoi componenti e saranno separate nelle cinque categorie menzionate.
Scripting+I componenti possono essere inclusi negli script e programmati per cambiare valori a seconda di una condizione. Per specificare un componente in uno script, devi usare il suo ID. Gli ID dei componenti partono da 200 e sono limitati a 299. Potrai vedere l'ID del tuo componente nel menu
Componenti
.
Libreria multimediale
Carica media dal tuo dispositivo sul Shelly Wall Display. I file immagine possono essere usati per impostare un salvaschermo. I file audio possono essere usati aggiungendo una tessera Musica al display. Sono supportati solo file .mp3.DiagnosticaDa questa impostazione puoi scaricare i log di debug. Abilitare il log di debug senza motivo non è consigliato, poiché rallenterà il dispositivo e questa impostazione causerà l'invecchiamento della memoria flash. Se decidi di abilitarlo, puoi anche scaricare i log precedenti e quelli attuali. Tieni presente che uscire da questa pagina resetterà il logger e i dati di log.
Ping HTTP
Inserisci un URL nel campo di testo designato per inviare una richiesta HTTP dal tuo dispositivo. L'interfaccia web ti informerà se la richiesta è stata eseguita con successo o è fallita.
Client dispositivo
Visualizza i dispositivi connessi al tuo dispositivo, ordinati nella categoria corretta. Ci sono due opzioni per la maggior parte dei dispositivi:
Client Bluetooth
- dispositivi connessi al tuo dispositivo tramite Bluetooth.
Client AP
- dispositivi connessi al punto di accesso del tuo dispositivo.
In questo menu potrai vedere informazioni sui client.Poiché questo dispositivo non ha un punto di accesso, supporta solo client Bluetooth.
Client AP - dispositivi collegati al punto di accesso del tuo dispositivo.
In questo menu, potrai visualizzare le informazioni sui clienti.
Poiché questo dispositivo non dispone di un punto di accesso, supporta solo client Bluetooth.
