客户端与WebApp技术能力对比

Posted 2022-02-09 happydeer

就桌面端应用而言，做客户端还是做纯Web App，哪个方案更好？其实是没有标准答案的。两个方案各有利弊，要求的开发技术和能够实现的产品能力也有差异，我刚刚整理了下面这张表，供大家参考，也欢迎大家批评指正。

	客户端（Electron）	Web App
架构	Electron + 网页	标准浏览器 + 网页
技术栈	Electron（Node.js）+ html/CSS/JS（React.js） + 复杂功能通过C++/Node-ffi扩展	HTML/CSS/JS（Vue/React/Angular） + 复杂功能通过C++/WebAssembly扩展
免安装	✕	✓
免版本升级	✕	✓
跨平台支持	仅桌面（Windows/Mac/Linux）	所有平台
浏览器兼容性	😊	😫😓
可离线工作	✓	✕
加载性能	略优	取决于用户网速
桌面固定入口	✓	✕（可通过PWA实现）
多窗口支持	✓	✕（多浏览器、多Tab）
本地扩展能力	✓（通过Node.js突破浏览器沙盒）	✕（局限于浏览器沙盒）
典型应用	Visual Studio Code、Facebook Messenger、Microsoft Teams、Twitch、Figma、以及其他	音频编辑：https://app.ampedstudio.com 视频编辑：http://bve.erock.cn 画图（Visio替代品）https://draw.io