跨端开发指南

不定期更新，建议关注收藏点赞

---

常见的跨端开发方案

框架	支持平台	使用语言	特点
Flutter	iOS, Android, Web, Windows, macOS, Linux	Dart	性能好，UI高度还原，Google 推出
React Native	iOS, Android	JavaScript / TypeScript	Facebook 推出，生态强，适合已有 React 经验
UniApp	iOS, Android, 小程序, Web	Vue.js	支持非常多端，适合国内开发
Taro	小程序, Web, RN, H5	React / Vue / Nerv	京东开源，主打多端统一
Capacitor (Ionic)	iOS, Android, Web	JavaScript / TypeScript	Web 技术为主，接近 PWA
Electron	Windows, macOS, Linux	JavaScript / HTML / CSS	桌面应用开发神器，Slack、VSCode 都用它

• 跨端开发优缺点
  优点：一套代码，多平台运行，节省开发成本，更容易测试和维护
  缺点：性能略差于原生，UI交互一致性难统一，复杂平台功能适配难（相机、蓝牙等）
• 如何选择

情况	推荐框架
想做高性能、原生风格的多平台 App	Flutter
Web 团队转移动端开发	React Native / Capacitor
面向小程序 + App + Web	UniApp / Taro
开发桌面应用	Electron
想开发 PWA	Capacitor / Flutter Web

PWA

PWA 开发指的是 Progressive Web App（渐进式网页应用） 的开发，它是一种结合了 Web 和 App 特性的应用形式。
简单来说，PWA 就是“可以像 App 一样运行的网页”。你用浏览器打开一个网站，它可以被“添加到桌面”，离线也能访问，还能发通知，看起来就像原生 App，但它本质上还是网页。

• PWA 的核心特点

特性	说明
像 App 一样运行	用户可将它“添加到主屏幕”，以全屏模式打开
跨平台	只需一套代码，在浏览器中就能运行，兼容 iOS、Android、桌面系统
离线访问	借助 Service Worker 实现离线缓存
推送通知	支持 Web Push（部分平台）
快速加载	优化缓存策略，提升性能和体验
安全性	必须通过 HTTPS 提供服务

PWA 核心技术：
Service Worker：后台脚本，处理离线缓存、通知等
Web App Manifest：配置图标、启动方式、主题色等
HTTPS：PWA 必须使用安全连接

• PWA vs 原生 App

比较项	PWA	原生 App
安装方式	浏览器提示安装	应用商店下载
平台兼容	跨平台	每个平台单独开发
性能	接近原生，但稍逊	最佳性能
离线支持	有限（通过缓存）	完整支持
系统 API	受限（无法完全访问蓝牙/摄像头等）	完整访问
上架成本	免审核，可随时更新	要通过 App Store 审核