KEY RESULTS
成果速览
Web 系统以独立桌面应用交付，产品形态与使用体验明显提升
静默自动更新上线，用户版本集中，维护成本大幅下降
托盘常驻与开机自启契合高频使用场景，客户端日活稳定
一套代码覆盖 Windows/macOS，后续扩展 Linux 成本低
全部案例 CASE 06 / 14
Electron 桌面端Electron 桌面客户端：Web 系统套壳浏览器与自动更新
把现有 Web 业务系统打包为 Windows/macOS 桌面客户端：独立窗口、开机自启、离线兜底与静默自动更新。
ElectronVue3Node.jselectron-updaterNSIS / DMG
BACKGROUND
项目背景与挑战
客户的 Web 业务系统每天高频使用，但浏览器标签页易被误关、多账号混用互相干扰，且希望产品能以独立桌面应用形态交付给终端用户，拥有自己的图标、窗口与启动体验。
- Web 系统在浏览器中运行，容易被误关误退，缺少独立应用形态
- 终端用户环境多样，安装包需覆盖 Windows 为主、兼顾 macOS
- 版本迭代频繁，用户手动下载更新成本高、版本碎片化
- 内网/弱网场景下页面加载失败，需要离线兜底体验
SOLUTION
解决方案
基于 Electron + Vue3 定制桌面客户端：主进程管理窗口/托盘/自启动，渲染进程复用现有 Web 系统（套壳浏览器模式），内置 electron-updater 静默更新、离线兜底页与崩溃日志采集，NSIS/DMG 双平台打包。
套壳浏览器加载现有 Web 系统，独立窗口/图标/任务栏，多账号隔离 Profile
窗口管理托盘常驻、最小化到托盘、开机自启、记住窗口状态
自动更新electron-updater 全量/增量静默更新，更新失败可回滚
离线兜底断网/服务不可达时展示本地兜底页，恢复后自动重连
安装分发NSIS（Windows）/ DMG（macOS）打包，安装包体积优化
DELIVERY
交付内容
Electron 主进程渲染层（Web 复用）自动更新托盘与窗口管理安装包工程
客户端定制交付，含安装包工程与更新服务配置