Device Explorer

This demo connects directly to the Haltian IoT Service API (GraphQL) from your browser. Log in with demo credentials, search for devices by name or identifier, and explore their real-time data including measurements, metadata, and file attachments.

About This Demo

This interactive demo connects directly to the Haltian IoT Service API from your browser. It demonstrates:

• Authentication — Login via the GraphQL Login mutation and automatic token refresh
• Device Search — Full-text search across device names, TUIDs, serial numbers, customer labels, and UUIDs using the DevicesByTextSearch / DevicesByNumericSearch queries
• Device Detail — Complete device information including identifiers, device type, location, keywords, and notes
• Live Measurements — Fetches the latest value for each available measurement type directly from the API
• File Attachments — Lists device attachments and generates signed download URLs

Data Source

• API: Service API (GraphQL) at https://haltian-iot-api.eu.haltian.io/v1/graphql
• Credentials: Read-only demo account (Viewer role) — pre-filled in the login form
• Authentication: Bearer token with automatic refresh before expiry

How It Works

All API calls are made directly from your browser using fetch(). The Service API supports CORS, enabling client-side applications without a backend proxy. The demo uses the same GraphQL queries as Haltian IoT Studio, following patterns from the iOS reference application.

The measurement system dynamically reads each device’s availableMeasurements array and queries the corresponding measurementLast{Type} endpoint for each measurement type. Units are applied automatically (°C, %, V, ppm, lux, etc.).

See the Service API documentation and Measurement Types reference for more details.

Build This with AI

Want to build your own device management interface? Copy this prompt to your AI coding assistant:

You are a Haltian IoT platform expert. I need an interactive device explorer application.

Step 1: Read the Haltian IoT Service API documentation at https://developer.haltian.io/haltian-iot/apis/service-api/ to understand the GraphQL API.

Step 2: Study the complete implementation at https://developer.haltian.io/demos/device-explorer/ including:
- The GraphQL queries used for authentication, search, and measurements
- The measurement type mapping (availableMeasurements → measurementLast{Type})
- The attachment URL generation flow

Step 3: Build me a similar device explorer using your preferred technology stack.

Key requirements:
- GraphQL authentication with token refresh
- Device search with wildcard matching
- Dynamic measurement loading based on availableMeasurements
- Attachment download via signed URLs