客户端与WebApp技术能力对比
Posted happydeer
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了客户端与WebApp技术能力对比相关的知识，希望对你有一定的参考价值。
就桌面端应用而言，做客户端还是做纯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 |
以上是关于客户端与WebApp技术能力对比的主要内容，如果未能解决你的问题，请参考以下文章
华为音频编辑服务（Audio Editor Kit），快速构建应用音频编辑能力
华为音频编辑服务（Audio Editor Kit），快速构建应用音频编辑能力