HTML5 並非獨立技術,而是 Web 技術棧的演進。採用 Web 技術開發 ERP 系統完全可行,且已有成熟商用案例(如 Odoo、ERPNext、金蝶雲星空等)。
核心優勢
1. 跨平台免安裝
瀏覽器即客戶端,支援 Windows/macOS/Linux/行動裝置,零部署維護成本。
2. 豐富的 UI 元件與圖表
- Canvas/SVG 原生繪圖:ECharts、D3.js、Chart.js 實現複雜報表無需 Flash。
- 元件庫:Ant Design、Element Plus、DevExtreme 提供企業級表格、表單、樹狀結構。
3. 離線與本地儲存
Service Worker + IndexedDB 實現離線作業、資料同步,適合倉儲、現場作業場景。
4. 安全性與權限控制
HTTPS + CSP + SameSite Cookie + OAuth2/OpenID Connect 可達銀行級安全標準。
挑戰與對策
| 挑戰 | 對策 |
| 複雜業務邏輯效能 | Web Workers、WebAssembly (Rust/Go/C++ 編譯)、虛擬滾動、分頁載入 |
| 大量資料匯入匯出 | Stream API、Blob、後端非同步任務 + 前端輪詢進度 |
| 列印套單/條碼 | 後端產 PDF / 原始指令直印(見條碼列印專文) |
| 瀏覽器相容性 | Polyfill、Babel、PostCSS、最低支援 Edge 79+/Chrome 90+ |
技術棧建議
- 前端:Vue 3 / React 18 + TypeScript + Vite + Pinia/Redux Toolkit
- UI:Ant Design Vue / Arco Design / Element Plus
- 圖表:ECharts / Apache ECharts
- 後端:.NET 8 / Java 21 Spring Boot 3 / Node.js NestJS / Go Gin
- 資料庫:PostgreSQL / SQL Server / MySQL + Redis
- 部署:Docker + Kubernetes / 傳統 VM + Nginx 反向代理