Web Configuration

Tips

Web configuration lets users build monitoring and control pages through a visual editor, similar to assembling blocks. Users can drag scene components, bind device data, and display real-time device status without writing code.

What Web Configuration Means

In FastBee, Web configuration is a visual development method for building device monitoring pages. A configuration page is created with editor tools and components, then used to display device or system status and send control commands.

This approach is often described as WYSIWYG visual configuration: users assemble the required interface directly on a canvas instead of writing a traditional application.

Why It Matters

Web configuration turns common monitoring-system capabilities into reusable visual modules. It helps teams quickly build supervision pages for industrial control, energy, manufacturing, IoT, smart parks, transportation, buildings, water treatment, and similar scenarios.

For delivery teams, it reduces custom development cost. For operations teams, it provides a more intuitive way to monitor equipment and understand running status.

Product Capabilities

FastBee Web Configuration can be understood as an integrated visualization tool. It provides a convenient visual design environment for building operational pages.

1. Supports 2D page construction and can import 3D URLs as components.
2. Supports local or cloud deployment and multi-terminal use.
3. Supports MQTT and can be extended for more protocols.
4. Can be embedded into third-party systems or integrated with the FastBee platform.
5. Provides low-code drag-and-drop editing.
6. Provides industry component libraries, templates, and custom chart/component capabilities.

Technical Characteristics

• Built with Vue2 and Element UI, making it familiar for existing FastBee frontend developers.
• Device properties interact with backend services through MQTT and HTTP.
• Main stack: Vue2, Element UI, MQTT, DataV, ECharts 4, Axios, Spring Boot, MySQL, and Redis.