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:
// 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:
# Example build and packaging
npm run build
cd dist
zip -r ../app.zip .
Deployment
Uploading to Builder
- Login to the Builder
- Navigate to the apps list
- Click
Add
for new apps orEdit
for existing apps - Select Custom App option
- Upload your
app.zip
archive - 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