Techno4 Total: Headless Total.js v5 Engine & Hardware Gateway
Навігація
Techno4 Total: Headless Total.js v5 Engine & Hardware Gateway
techno4-total — це високопродуктивний бекенд-рушій на базі Total.js v5 для побудови розподілених мікросервісів, WebSocket-комунікацій та прямої апаратної взаємодії (Web Serial, MIDI, Audio Synthesis).
Встановлення
Встановіть пакет techno4-total за допомогою менеджера пакунків npm:
npm install techno4-total
Огляд архітектури
Пакет techno4-total надає повноцінну інтеграцію між клієнтськими застосунками Techno4 Framework 2 та серверною логікою. Він підтримує модулі tangular для шаблонізації, клієнтські WebSocket-з'єднання, роботу з апаратними портами UART/Serial та MIDI-інтерфейсами.
// index.mjs - Швидкий старт Total.js v5 сервера
import 'techno4-total';
// Визначення дії (Action) для API
ACTION('System/ping', {
name: 'Ping Healthcheck',
action: function($) {
$.success({ status: 'ok', time: new Date() });
}
});
// Запуск WebSocket шлюзу
ROUTE('GET /api/status', function() {
this.json({ app: 'TECHNO4 FRAMEWORK 2', version: '2.0.4' });
});
Апаратна інтеграція (Serial, MIDI, Audio)
techno4-total містить нативні модулі для промислової автоматизації та роботи зі звуком і контролерами:
import { SerialGateway } from 'techno4-total/serial';
import { MidiBridge } from 'techno4-total/midi';
// Підключення до COM-порту мікроконтролера (ESP32/Arduino)
const serial = new SerialGateway({ baudRate: 115200 });
serial.on('data', (packet) => {
console.log('UART Packet received:', packet);
});
// Підключення MIDI-контролера
const midi = new MidiBridge();
midi.on('noteon', (note) => {
console.log(`MIDI Note: ${note.note}, Velocity: ${note.velocity}`);
});
CLI-утиліти
Пакет постачається з бінарними утилітами командного рядка: techno4-total, t4-total, total5, flow5.
npx t4-total --port 8000 --release
- TECHNO4 FRAMEWORK2
- Get Started
- Boonker
- Installation
- Package Structure
- App HTML Layout
- RTL Layout
- Initialize App
- Events
- Router Component
- Routes
- Store
- App/Core
- Accordion/Collapsible
- Action Sheet
- Area chart
- Autocomplete
- Badge
- Block/Content Block
- Breadcrumbs
- Button
- Calendar/Date Picker
- Cards
- Checkbox
- Chips
- Color Picker
- Contact List
- Data Table
- Dialog
- Floating action button
- Form
- Gauge
- Icons
- Inputs / Form Inputs
- Grid /Layout Grid
- Link
- List Button
- List View
- List Index
- Login Screen
- Menu List
- Messagebar
- Navbar
- Messages
- Notification
- Panel/Side Panels
- Photo Browser
- Picker
- Pie Chart
- Popover
- Popup
- Preloader
- Progressbar
- Pull to Refresh
- Radio
- Range Slider
- Searchbar
- Segmented
- Sheet Modal
- Skeleton
- Introduction
- Page
- Infinite Scroll
- Tabs
- Swiper
- Smart Select
- Sortable List
- Statusbar
- Stepper
- Subnavbar
- Swipeout
- Text Editor
- Timeline
- Toast
- Toggle
- Toolbar & Tabbar
- Tooltip
- Touch Ripple
- Treeview
- Virtual List
- Elevation
- Apache Cordova Integration
- Hardware: Web Audio API & Synth
- Hardware: Web MIDI Inspector
- Hardware: Web Serial UART Terminal
- Threads Studio: Visual Workflows
- Techno4 CLI: Scaffolding Reference
- DOM64: Selector Engine
- Rollup & Vite Component Compiler
- Початок роботи
- Techno4 Total
- Threads Components
- Types