有一个需求是想实现如下方案:
基于 Vue 技术栈的多端统一开发方案
核心原则:业务逻辑 100% 单源复用,视图层按交互形态拆分,端能力通过适配器抹平差异,最终实现「一套核心逻辑 + 两套交互视图 + 全端产物输出」。
移动域(手机 App + H5 + 小程序)
覆盖:Android App、iOS App、鸿蒙兼容应用、H5 移动端、微信小程序、支付宝小程序
主框架:UniApp x
2. 桌面域(PC 网页 + 桌面应用)
覆盖:PC 端网页、Windows 桌面端、macOS 桌面端、Linux 桌面端
- PC 网页:Vue 3 + Vite + Vue Router + 桌面组件库(Element Plus / Naive UI)
- 桌面应用打包:
- Tauri 2.x:包体小(5-10MB)、启动快、性能高,基于 Rust 实现,支持三大桌面系统
架构采用四层分层设计,从上到下依赖关系单向传递,核心层完全无平台依赖:
层级 职责说明 复用性
应用入口层 各端独立工程入口,负责构建配置、平台初始化、原生能力注册 不复用
视图交互层 两套视图体系:移动视图集(手机 App/H5 / 小程序)、桌面视图集(PC 网页 / 桌面端) 同域内复用
平台适配层 抽象端能力接口,各端实现对应适配器(存储、网络、原生能力等) 接口复用,实现分端
核心业务层 状态管理、业务逻辑、领域模型、接口定义、工具函数(完全不依赖 UI 与平台) 全端 100% 复用
问题:如果我使用“HBuilder V”IDE开发,是不是就无法创建非uniapp x项目?而如果我使用vscode开发,是否就没有相关的IDE插件支持uniapp x分支的开发?我该如何开发?
1 个回复
1***@qq.com (作者)
主要是想统一业务逻辑 以及 颜色主题配置(包含暗黑模式等),以及适配器的统一