从头开始离子化：什么是离子化？

您是否对移动应用程序编码感兴趣，但没有编程和开发iOS和Android应用程序的专业知识或经验？好吧，让我向您介绍Ionic框架，它使您可以编写一次应用程序并将其发布到任何移动平台。

那么，什么是离子？

简而言之，Ionic是一个免费的框架，可让您通过一个代码库构建适用于iOS，Android和Windows Phone的移动应用程序。换句话说，Ionic是用于跨平台移动开发的工具。

Ionic由一家名为Drifty Co的科技初创公司于2012年成立，如今已成为构建跨平台（混合）移动应用程序的全球顶级开源框架。

离子的工作原理

Ionic使您能够使用Web技术和语言（例如HTML，CSS，JavaScript，Angular和TypeScript）开发移动应用程序。因此，可以将Ionic视为用于创建混合移动应用程序的前端软件开发套件（SDK）。这样，Ionic提供了模仿每个移动平台的本机外观，感觉和功能的组件集合。这些组件的示例包括按钮，选项卡，菜单，列表，卡片，模式等等。

除了为移动应用程序提供样式和“外观”的这些组件之外，Ionic还提供了适当的行为，例如导航和手势（例如，滑动，旋转和捏紧事件），仅举几例。 Ionic还包括称为Ionicons的图标集合。所有这些组件都是您在构建Ionic应用程序时使用的元素，以及Cordova和PhoneGap插件，我们将在稍后介绍。

入门有多难？

开始使用Ionic确实并不难。 Ionic随附了可帮助您设置，构建和运行Ionic项目的工具，这就是Ionic命令行界面（CLI）。所有前端库和CLI都是开源项目，因此在开发应用程序时可以免费使用它们。

为什么要使用离子？

开发本机应用程序很困难。仅开发Android应用程序就需要您学习如何使用Android Studio的IDE（集成开发环境）并了解Java或Kotlin编程语言。您还需要了解特定于Android的概念，例如活动和意图，并使用自定义XML语法创建应用程序UI。

对于iOS，您需要使用Xcode IDE（仅适用于Mac）以及Apple的Objective-C或Swift编程语言。更不用说所有许多Mac专用的SDK和概念！最重要的是，如果您还决定为Windows Phone进行构建，则还需要学习如何使用Visual Studio的IDE，以及如何使用C＃或Visual Basic等编写代码。

因此，如果要将应用程序发布到多个平台，则必须用三种不同的语言重写相同的功能！以这种方式开发应用程序不仅需要学习许多不同的语言和工具，还意味着您最终需要为两种或三种不同的编程语言和移动平台重新编码相同的逻辑。当您需要进行任何更改时，也需要进行同样的工作。在本地开发应用程序需要大量时间，金钱和技能。因此，拥有适用于所有三个平台的单一代码库不是很好吗？

那就是爱奥尼进来的地方！

混合应用

混合应用利用每个平台的库或用户界面组件（如按钮，列表等）的优势。这些组件之一就是webview，它是显示网页的视图。这是可以运行Web应用程序的本机移动应用程序组件。因此，您可以使用HTML，CSS和JavaScript编写应用程序，并使用网络视图进行显示。

之所以将它们称为混合应用程序是因为它们混合使用了本机代码和HTML，CSS和JavaScript。通过许多框架，可以轻松创建在Web视图中运行Web应用程序的应用程序。最受欢迎的是Apache Cordova ，通常可以通过其最受欢迎的发行版：PhoneGap进行访问。 Cordova是一个开源项目，Adobe拥有的PhoneGap基于Cordova，并在其之上提供其他功能和服务。

Ionic使用Apache Cordova项目来构建和运行本机应用程序。

离子和科尔多瓦

科尔多瓦充当Ionic本机代码的桥梁。它将HTML，JavaScript和CSS编译为本机应用程序，使它们可以在Android，iOS和Windows Phone设备上本机运行。

如果您只是简单地以编写网站的方式编写网络应用程序，然后将其与Cordova打包为移动应用程序，则最终结果将是看起来像网站的应用程序。用户将注意到样式和用户交互与“常规”移动应用程序不同。

这是Ionic提供的缺少的东西-本机的外观和感觉。 Ionic包括一组具有与本机组件相同的外观和感觉的组件，这些组件针对每个平台使用适当的样式和行为，如前所述。因此，您可以使用HTML，CSS和JavaScript编写应用程序，但是您的应用程序看起来像本机应用程序，而不是网页。

Cordova还提供了200多个插件，您可以在Ionic项目中使用这些插件，使您能够访问本机设备API，例如电话的摄像头，地理位置，陀螺仪等。您可以使用它们来增强应用程序的功能。

离子和角

可能您不想仅使用原始JavaScript，HTML和CSS创建Web应用程序。相反，您可能会使用Angular之类的Web框架。 Angular是一个非常受欢迎的框架，它使构建响应式Web应用程序变得容易。现在，Ionic将Angular的功能带入了移动编码！

通过提供丰富的组件库以及将Angular TypeScript代码编译到一堆Vanilla JavaScript，HTML和CSS中的工具，Ionic使得使用Angular框架编写移动应用成为可能，然后Apache Cordova可以将其捆绑到本机移动应用程序。

快速说明上述内容的图表如下所示：

结论

对于希望进入开发移动应用程序世界的任何人，我强烈建议并鼓励您尝试Ionic，因为它为您提供了从单一代码库开发跨平台移动应用程序的机会。

该框架得到了良好的支持，并且在过去的几年中一直在不断发展和壮大，并且一直在变得越来越好。

翻译自: https://code.tutsplus.com/tutorials/ionic-from-scratch-what-is-ionic--cms-29323