Skip to main content

Web Console

The Web Console is a built-in web interface hosted directly on your AppBlocks device. It provides comprehensive device management, monitoring, and configuration through any web browser.

Overview​

Web Console features:

  • Real-time variable monitoring
  • Settings configuration
  • Event log viewing
  • Network configuration
  • Firmware updates
  • Data table management
  • System diagnostics

Accessing the Dashboard​

Access the Web Console via:

Local Network​

  • Direct IP address: http://192.168.1.100 (example)
  • mDNS hostname: http://devicename.local
  • Default port: 80 (HTTP)

Remote Access​

  • Port forwarding through router
  • VPN connection to local network

Console Sections​

Dashboard Tab​

Monitor and control variables:

  • Real-time value display
  • Graphs and charts
  • Manual variable updates

Custom Pages​

Pages you design yourself, listed in the menu by name (Zephyr projects). See Custom Pages.

Settings Tab​

Configure device settings:

  • Browse all exposed settings
  • Edit configuration values
  • Save and apply changes
  • Restore default values
  • Import/export settings

Logs Tab​

View event logs:

  • Application events
  • System messages
  • Error diagnostics
  • Search and filter
  • Download log files

Network Tab​

Manage network connectivity:

  • WiFi configuration
  • Cellular settings
  • IP address information
  • Connection status
  • Network diagnostics

Database Tab​

Access data tables:

  • View stored records
  • Query and filter data
  • Export to CSV
  • Clear tables

Firmware Tab​

Manage firmware:

  • Current version information
  • Upload new firmware
  • Update progress tracking

System Tab​

System information and diagnostics:

  • Device model and serial number
  • Restart/reboot device

Configuration​

Configure Web Dashboard with these properties:

  • Enable Console: Turn on/off web interface
  • Port: HTTP port number (default: 80)
  • Authentication: Username/password protection

Security​

Secure your Web Console:

Authentication​

  • Username/password login

Customization (Coming Soon)​

Customize dashboard appearance:

  • Company branding and logo
  • Custom color schemes
  • Application-specific layouts
  • Hide unused sections
  • Custom widgets

Widgets​

Create custom dashboard widgets:

  • Gauge displays
  • Line charts
  • Bar graphs
  • Status indicators
  • Control buttons
  • Text displays

Configure widgets to display:

  • Variable values
  • Calculated values
  • System status
  • Custom graphics

Mobile Responsive​

Web Dashboard is mobile-friendly:

  • Responsive layout
  • Touch-optimized controls
  • Mobile browser support
  • Portrait/landscape modes

Alternative: Use LUIS mobile app for dedicated mobile experience.

Data Visualization​

Advanced visualization options:

  • Real-time graphs with auto-update
  • Historical data charting
  • Multi-variable comparison
  • Zoom and pan controls
  • Export graphs as images

API Access​

Web Dashboard includes REST API:

  • Read variable values
  • Update settings
  • Query logs and data
  • Control device functions
  • Webhook integration

Refer to HTTP Server documentation for API details.

Performance​

Dashboard performance features:

  • Optimized for embedded devices
  • Minimal memory footprint
  • Efficient data streaming
  • Responsive updates
  • Connection pooling

Use Cases​

Common Web Dashboard applications:

  • Remote device monitoring
  • Customer access to devices
  • Field technician configuration
  • Demo and testing interface
  • System integration and debugging

Multi-Device Management​

For managing multiple devices:

  • Bookmark multiple dashboards
  • Use AppBlocks Cloud unified interface
  • Third-party integration platforms
  • Custom management applications

Linking to Settings​

Configure dashboard behavior by linking properties to settings, allowing runtime customization.

Integration​

Web Dashboard integrates with:

Browser Support​

Compatible browsers:

  • Chrome/Chromium (recommended)
  • Firefox
  • Safari
  • Edge
  • Mobile browsers (iOS Safari, Chrome Android)

Troubleshooting​

Common dashboard issues:

  • Cannot access: Check network connectivity and IP address
  • Authentication fails: Verify credentials, check caps lock
  • Slow performance: Reduce graph update rates, close unused tabs
  • Display issues: Clear browser cache, try different browser

See Also​