16 293
правки
Wiren Board Web Interface/en: различия между версиями
Нет описания правки
FuzzyBot (обсуждение | вклад) (Обновление для соответствия новой версии исходной страницы.) |
|||
| (не показано 17 промежуточных версий 2 участников) | |||
| Строка 42: | Строка 42: | ||
You can create text and graphic SVG dashboards to display data and control your automation system. | You can create text and graphic SVG dashboards to display data and control your automation system. | ||
The text dashboard consists of widgets, and the graphic panel consists of a background image with bindings to the MQTT channels of the controller. [[SVG Dashboards | How to make an SVG panel]]. | The text dashboard consists of widgets, and the graphic panel consists of a background image with bindings to the MQTT channels of the controller. [[SVG-Dashboards | How to make an SVG panel]]. | ||
<gallery mode="packed" heights="150px"> | <gallery mode="packed" heights="150px"> | ||
Image: Web-Dashboards-2.0.png | | Image: Web-Dashboards-2.0.png | Dashboards list | ||
Image: Text-Dashboard Example.png | | Image: Text-Dashboard Example.png | Dashboard | ||
Image: SVG-Dashboard Example.png | SVG | Image: SVG-Dashboard Example.png | SVG Dashboard | ||
</gallery> | </gallery> | ||
=== Widgets === | === Widgets === | ||
| Строка 67: | Строка 65: | ||
</gallery> | </gallery> | ||
=== Kiosk mode === | |||
{{Anchor|kiosk}} | {{Anchor|kiosk}} | ||
{{SupportedSinceRelease | {{SupportedSinceRelease|en=true | ||
| release = wb-2207 | | release = wb-2207 | ||
|content= | |content= | ||
If you use a regular tablet as a control panel and display the controller's web interface on it, then it will be useful to hide unnecessary elements and the browser window: | |||
# | # Open the text or SVG dashboard and click the '''Enter fullscreen mode''' button. | ||
# | # Copy the URL bar in the address bar of the browser, at the end there should be a <code>?fullscreen</code> parameter. | ||
# | # Start a browser without panels: | ||
#:<syntaxhighlight lang="bash"> | #* On computers and tablets with Windows/linux OS, launch the browser in kiosk mode and pass it the panel URL parameter, examples: | ||
irefox -kiosk 'http://wirenboard-ascmdm6q.local/#!/dashboards/dashboard1?fullscreen' | #*:<syntaxhighlight lang="bash"> | ||
irefox -kiosk 'http://wirenboard-ascmdm6q.local/#!/dashboards/dashboard1?fullscreen' | |||
chromium -kiosk 'http://wirenboard-ascmdm6q.local/#!/dashboards/dashboard1?fullscreen' | chromium -kiosk 'http://wirenboard-ascmdm6q.local/#!/dashboards/dashboard1?fullscreen' | ||
</syntaxhighlight> | </syntaxhighlight> | ||
#* On Android tablets, use dedicated browser versions such as Fully Kiosk Browser | |||
This works for all dashboard types. | |||
<gallery mode="packed" heights="150px"> | <gallery mode="packed" heights="150px"> | ||
Image: Text-Dashboard full screen.png | Image: Text-Dashboard full screen.png | Enter to full screen mode | ||
Image: Text-Dashboard full screen 2.png | | Image: Text-Dashboard full screen 2.png | Full screen mode | ||
Image: Text-Dashboard full screen 3.png | | Image: Text-Dashboard full screen 3.png | Kiosk mode | ||
</gallery> | </gallery> | ||
}} | }} | ||
== History == | == History == | ||
| Строка 156: | Строка 158: | ||
Image:Web-Configs-2.0 mqtt.png| MQTT channels | Image:Web-Configs-2.0 mqtt.png| MQTT channels | ||
Image:Web-Configs-2.0 logs.png| Logs | Image:Web-Configs-2.0 logs.png| Logs | ||
</gallery> | |||
== Phone control == | |||
{{Anchor|mobile}} | |||
The web interface adapts to the screen size, so you can control the automation system from a mobile device or tablet. | |||
An alternative would be to use third-party applications: [[MQTT_Dash]], [[Home Assistant]], [[Apple HomeKit|Apple Home]] and others, see [[Supported_devices |table of supported devices and programs]] for a complete list. | |||
<gallery mode="packed" heights="350px" caption="Phone controller web interface"> | |||
Image: web-ui mobile 1.png | Device List | |||
Image: web-ui mobile 2.png | Side panel | |||
Image: web-ui mobile 5.png | SVG dashboard | |||
Image: web-ui mobile 3.png | Viewing the system log | |||
Image: web-ui mobile 4.png | Modbus device setup | |||
</gallery> | </gallery> | ||
== Previous version == | == Previous version == | ||
* [[Wiren_Board_Web_Interface 1.0| Wiren Board Web Interface 1.0]], replaced by 2.0 in early 2021. | * [[Wiren_Board_Web_Interface 1.0| Wiren Board Web Interface 1.0]], replaced by 2.0 in early 2021. | ||