Ionic 简介

Ionic 是一个开源 UI 工具包，用于使用 Web 技术（HTML、CSS 和 JavaScript）构建性能卓越、高质量的移动应用程序，并集成了 Angular、React 和 Vue 等热门框架。

通过 安装 Ionic 或遵循我们的 第一个应用程序教程 开始构建，以了解主要概念。

安装指南

逐步指南，帮助您设置系统并安装框架。

UI 组件

深入了解 Ionic 精美设计的 UI 组件库。

原生功能

集成原生设备插件，例如蓝牙、地图、HealthKit 等。

主题

了解如何轻松地自定义和修改 Ionic 应用程序的视觉设计，使其符合您的品牌。

概述

Ionic 侧重于应用程序的前端 UX 和 UI 交互 - UI 控件、交互、手势、动画。它易于学习，并且可以与其他库或框架集成，例如 Angular、React 或 Vue。或者，它可以作为独立库使用，无需任何前端框架，只需一个简单的 脚本包含。如果您想在深入研究之前了解更多关于 Ionic 的信息，我们 制作了一个视频 来引导您完成基础知识。

一个代码库，随处运行

Ionic 是唯一一个使 Web 开发人员能够从单个代码库为所有主要应用程序商店和移动 Web 构建应用程序的移动应用程序堆栈。并且使用 自适应样式，Ionic 应用程序在每台设备上都能像在家里一样看起来和感觉。

专注于性能

Ionic 旨在为最新的移动设备提供出色的性能和行为，并采用最佳实践，例如高效的硬件加速过渡和触控优化手势。

简洁、简单且功能强大的设计

Ionic 旨在为所有当前的移动设备和平台提供美观的工作和显示效果。借助现成的组件、排版和华丽的（但可扩展的）基本主题，该主题会适应每个平台，您将以风格构建。

原生和 Web 优化

Ionic 模拟原生应用程序 UI 指南并使用原生 SDK，将原生应用程序的 UI 标准和设备功能与开放 Web 的全部功能和灵活性结合在一起。Ionic 使用 Capacitor（或 Cordova）进行本地部署，或者作为渐进式 Web 应用程序在浏览器中运行。

目标

跨平台

构建和部署可在多个平台上运行的应用程序，例如原生 iOS、Android 和 Web 作为渐进式 Web 应用程序 - 所有这些都使用一个代码库。一次编写，随处运行。

基于 Web 标准

Ionic 建立在可靠的 标准化 Web 技术 之上：HTML、CSS 和 JavaScript，使用现代 Web API，例如自定义元素和 Shadow DOM。因此，Ionic 组件具有稳定的 API，不受单一平台供应商的支配。

精美设计

简洁、简单且功能强大。Ionic 旨在为所有平台提供开箱即用的美观工作和显示效果。从预先设计好的组件、排版、交互范式和华丽的（但可扩展的）基本主题开始。

简洁

Ionic 的设计简洁明了，因此创建应用程序既轻松愉快，又易于学习，任何具有 Web 开发技能的人都可以轻松使用。

框架兼容性

虽然 Ionic 的过去版本与 Angular 紧密耦合，但框架的 4.x 版本经过重新设计，可作为独立的 Web 组件 库使用，并集成了最新的 JavaScript 框架，例如 Angular。Ionic 可以成功地用于大多数前端框架中，包括 React 和 Vue，尽管某些框架需要一个 shim 来实现完整的 Web 组件支持。

JavaScript

将 Ionic 迁移到 Web 组件 的主要目标之一是消除对单个框架来托管组件的硬性要求。这使得核心组件可以在网页中使用一个脚本标签独立地运行。虽然使用框架对于更大的团队和更大的应用程序来说可能很棒，但现在即使在 WordPress 等环境中，也可以在单个页面中将 Ionic 作为独立库使用。

Angular

Angular 一直是 Ionic 强大的核心。虽然核心组件已编写为作为独立 Web 组件库使用，但 @ionic/angular 包使与 Angular 生态系统的集成变得轻而易举。@ionic/angular 包括 Angular 开发人员期望从 Ionic 2/3 获得的所有功能，并且与 Angular 的核心库集成，例如 Angular 路由器。

React

Ionic 现在正式支持流行的 React 库。Ionic React 使 React 开发人员能够使用其现有的 Web 技能构建针对 iOS、Android 和 Web 的应用程序。使用 @ionic/react，您可以使用所有核心 Ionic 组件，但感觉就像使用原生 React 组件一样。

Vue

Ionic 现在正式支持流行的 Vue 3 库。Ionic Vue 使 Vue 开发人员能够使用其现有的 Web 技能构建针对 iOS、Android 和 Web 的应用程序。使用 @ionic/vue，您可以使用所有核心 Ionic 组件，但感觉就像使用原生 Vue 组件一样。

未来支持

将在未来版本中考虑对其他框架的支持。

Ionic CLI

官方的 Ionic CLI 或命令行界面，是一个可以快速搭建 Ionic 应用程序并为 Ionic 开发人员提供大量有用命令的工具。除了安装和更新 Ionic 之外，CLI 还带有一个内置的开发服务器、构建和调试工具等等。如果您是 Appflow 成员，则可以使用 CLI 执行云构建和部署，并管理您的帐户。

Appflow

为了帮助在整个生命周期内构建、部署和管理 Ionic 应用程序，我们为生产应用程序提供了一项名为 Appflow 的商业服务，该服务 **与开源框架分离**。

Appflow 帮助开发人员和团队从中央仪表板编译原生应用程序构建并部署实时代码更新到 Ionic 应用程序。更多高级功能（例如直接发布到应用程序商店、工作流程自动化、单点登录 (SSO) 以及访问连接的服务和集成）提供可选的付费升级。

Appflow 需要一个 Ionic 帐户，并提供免费的“爱好者”计划，供那些有兴趣试用其某些功能的人使用。

生态系统

Ionic 由核心团队全天候积极开发和维护，其生态系统由国际开发者和贡献者社区引导，推动其发展和采用。无论大小，开发人员和公司都使用 Ionic 构建和发布在任何地方运行的出色应用程序。

加入社区

全球 200 多个国家/地区有数百万 Ionic 开发人员。以下是一些加入社区的方式。

• 论坛： 这是一个提问和分享想法的好地方。
• Twitter： 我们发布更新和分享来自 Ionic 社区的精彩内容。
• GitHub： 要报告错误或请求新功能，请在此创建问题。欢迎提交 PR！
• 内容创作： 撰写技术博客或与 Ionic 社区分享您的故事。

许可

Ionic UI 工具包是一个免费的开源项目，根据允许的 MIT 许可 发布。这意味着它可以在个人或商业项目中免费使用。MIT 与 jQuery 和 Ruby on Rails 等热门项目使用的许可证相同。

本文档内容（位于 ionic-docs 代码库中）根据 Apache 2 许可 许可。