多平台分析
六端架构对比——Web/iOS/Android/macOS/Windows/微信小程序
平台差异总览
| 维度 | Web | Capacitor | Tauri | 小程序 |
|---|---|---|---|---|
| Auth | PKCE flow | Deep link | Custom protocol | 微信登录 |
| 存储 | Cookie (跨子域) | localStorage | localStorage | Taro.storage |
| PWA | 启用 | 禁用 | 禁用 | N/A |
跨端基础设施
- 统一路由配置：
src/config/routes.ts——Web ↔ Taro ↔ App 的路由映射 - 跨端导航器：
src/lib/navigator.ts——封装所有跳转逻辑 - 原生能力适配器：
src/lib/nativeAdapter.ts——统一 Taro API 调用，Web 自动降级 - 跨端存储桥接：
src/lib/storageBridge.ts——统一 localStorage 和 Taro.storage
平台检测
- Capacitor：
import.meta.env.VITE_IS_CAPACITOR === 'true' - Tauri：
import.meta.env.VITE_IS_TAURI === 'true' - 小程序：
detectPlatform() === 'miniprogram'