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

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