Skip to content

Replaced Pattern

The Replaced pattern involves building a completely custom device management application using the Ioto cloud service APIs directly. This approach provides maximum flexibility and control, allowing you to use any UI framework, programming language, or development approach that meets your specific requirements.

When the DevCore framework doesn't align with your technical requirements or architectural constraints, you can develop a custom application that integrates with Ioto's cloud services while maintaining complete control over the user interface and application logic.

Development Approach

The Replaced pattern gives you complete freedom to:

  • Choose Your Framework - Use VueJS, Angular, native mobile frameworks, or any preferred technology
  • Custom Architecture - Implement your own application structure and patterns
  • Direct API Integration - Access Ioto cloud services through REST APIs
  • Platform-specific Development - Create web, mobile, or desktop applications

Technical Requirements

When developing a custom application, ensure compliance with these requirements:

API Integration

  • Ioto REST APIs - Use the Ioto cloud service APIs for device communication
  • Authentication - Implement proper authentication mechanisms
  • Data Synchronization - Handle real-time device data updates appropriately

Deployment Package

  • ZIP Archive - Package your application as a ZIP file
  • Entry Point - Include a top-level index.html file
  • Static Assets - Include all necessary CSS, JavaScript, and media files

Development Process

1. API Integration

Integrate with Ioto cloud services using the REST APIs:

javascript
// Example API integration (using fetch)
const deviceData = await fetch('/api/devices', {
  headers: {
    'Authorization': 'Bearer ' + authToken,
    'Content-Type': 'application/json'
  }
});

2. Application Development

Build your application using your preferred technology stack:

  • Frontend Framework - VueJS, Angular, vanilla JavaScript, or other preferred frameworks
  • Build Tools - Webpack, Vite, or other bundlers as needed
  • Testing - Implement appropriate testing strategies for your codebase

3. Packaging

Package your completed application:

bash
# Example build and packaging
npm run build
cd dist
zip -r ../app.zip .

Deployment

Uploading to Builder

  1. Login to the Builder
  2. Navigate to the apps list
  3. Click Add for new apps or Edit for existing apps
  4. Select Custom App option
  5. Upload your app.zip archive
  6. Click Save

The Builder deploys the application to your associated Ioto device cloud, which typically takes a few minutes.

When to Use Replaced Pattern

The Replaced pattern is suitable for:

  • Unique Technical Requirements - Applications requiring specific frameworks or technologies
  • Legacy System Integration - Apps that need to integrate with existing systems
  • Mobile Applications - Native iOS or Android applications
  • Complex User Interfaces - Applications with sophisticated UI requirements beyond DevCore capabilities
  • Performance-Critical Applications - Apps requiring optimized performance characteristics

Development Considerations

  • API Documentation - Thoroughly understand the Ioto REST APIs before starting development
  • Authentication Management - Implement secure authentication and session management
  • Error Handling - Develop robust error handling for API communication
  • Testing Strategy - Plan comprehensive testing including API integration tests
  • Maintenance Overhead - Consider the ongoing maintenance requirements for custom applications

API Documentation

For detailed API information and implementation guidance:

Example Use Cases

  • Enterprise Integration - Applications that need to integrate with existing enterprise systems
  • Specialized Interfaces - Industry-specific user interfaces and workflows
  • Multi-platform Applications - Applications targeting multiple platforms with shared backend services
  • High-performance Applications - Applications with specific performance or scalability requirements