Ionic：一套代码做 iOS、Android 与桌面的框架

Ionic 是用 Web 技术做跨平台 App 的框架，5 万多 stars。它基于 Web Components，可用 React、Vue、Angular 或原生 JS 写，一套代码跑 iOS、Android、桌面和 PWA，并通过 Capacitor 调用摄像头、定位等原生能力。

它解决什么问题

想一套代码覆盖 iOS / Android / 桌面，原生开发成本高、团队又不熟多门语言。

H5 页面能看，但要上架应用商店、调硬件能力，纯前端就不够了。

核心能力

它不是纯网页方案

Ionic 的定位是「App 形态」：你在浏览器里预览，但最终要通过 Capacitor 打包成可上架的原生应用，才能调用硬件、进应用商店。纯做网站不需要它。

授权上核心框架 MIT 完全开源免费、可商用；Appflow 云构建、企业支持与部分高级组件是付费商业服务，按需选购，不影响核心使用。

同类工具怎么选

谁适合用

• 要一套代码覆盖 iOS / Android / 桌面的创业或中小团队
• 熟悉 Web 技术、不想学多门原生语言的开发者
• 需要调用摄像头、定位等原生能力、又要上架商店的产品

怎么开始

1. 用 Ionic CLI 创建项目，选择 React / Vue / Angular 模板。
2. 用内置 iOS / Material 组件搭界面，框架自动套用对应外观。
3. 集成 Capacitor，添加各平台（npx cap add ios / android）。
4. 调原生能力时引入 @capacitor/* 插件并配置权限。
5. 用 Capacitor 打包，再走各应用商店上架流程。

常见问题

纯网页项目适合吗？
不适合。Ionic 面向 App 形态，纯网站用普通前端框架即可，无需引入它。

核心要付费吗？
核心框架 MIT 开源免费、可商用；Appflow 云构建与企业支持是付费商业服务。

和 React Native 比？
Ionic 用 Web 技术、上手快；RN 更接近原生、性能上限更高但学习曲线陡。

授权与合规

Ionic 核心框架采用 MIT 协议，可免费用于商业与闭源 App；Appflow 云构建、企业支持与高级组件为付费商业服务，按需选购。 官网：ionicframework.com。