【问题标题】:What exactly is the Ionic framework? [closed]Ionic 框架到底是什么? [关闭]
【发布时间】:2021-08-29 05:59:02
【问题描述】:

我知道使用 Ionic,您可以创建跨平台应用程序。这些可以在 Vue、React、Angular 等中创建。但是我想知道哪些依赖项负责什么。

在后台,正如我在package.json 中看到的那样,Ionic 框架使用电容器。如果您使用 Ionic CLI 运行命令 ionic start myApp tabs,则会创建一个新项目并安装各种依赖项,包括 Capacitor。

但是,我可以轻松地将 Capacitor 添加到现有的 Vue.js 项目中,并且还可以创建跨平台应用程序。

因此,我的猜测是,Ionic 只是 Capacitor 之上的一个附加抽象层,并实现了一些使用 Capacitor API 的组件,例如在不同平台上提供不同的样式。

【问题讨论】:

    标签: vue.js ionic-framework capacitor ionic-appflow


    【解决方案1】:

    请记住,Ionic 出现在 Capacitor 之前,并了解两者都来自同一个创造者。

    使用 Ionic,您可以使用相同的代码构建 Android、iOS、PWA、桌面。您还可以选择您喜欢的框架来与 Ionic 一起使用,例如 Angular、VueJS、React 等。

    电容器负责您的代码和设备功能之间的桥梁。

    优点:自定义动画、组件定制、Web 组件、与原生 iOS13 匹配的设计、iOS Segment 设计、可折叠标题、iOS 中的大标题、可折叠标题内的搜索栏、滑动关闭 Modals , 新的 iOS 菜单设计覆盖与更新的动画, iOS 中的刷新拉动图标, Material Design 刷新器, iOS 中的列表 Header, 开源动画实用程序, 免费和开源图标库, Back Button, Card, Segment, Split Pane, 封装样式,完全支持 Ivy Angular 的新渲染器等等...更多关于这个Article.

    Appflow 是 Ionic Team 提供的一项服务。

    【讨论】:

    • 感谢您的回答。如果有人不关心原生设计,那么你可以使用 Vuetify 作为 UI 库吗?这样做有什么缺点?
    • 你好@ValentinGavran!我没有看到很多缺点,你可以使用 Vuetify 作为 UI 库,而不是 Ionic,但我可以看到它只在 CSS 上更好。然而,Ionic 提供了大量的 Javascript UI 库。你可以在这个comparison查看它。
    【解决方案2】:

    正如@Everton-Costa 所说,Ionic 比电容器更重要,并且始终致力于提供多平台堆栈以通过 html5/浏览器功能和用于本机桥接的 Cordova 构建应用程序。在 Angular(N) 之后,Ionic 很早就开始使用 angularjs,现在它实际上与 Web 框架无关。 Ionic 具有出色的 UI 组件,可以在许多浏览器代理上很好地工作,并且在不同的屏幕尺寸等下表现良好。

    我将电容器视为类固醇上的cordova,它的插件/模块试图更加独立于平台(ios/android/web)。例如,您不必处理诸如 isAndroid()|| 之类的存储插件。 isIOS() 或 isDesktop() 来执行存储操作,模块自己为运行环境选择最佳策略。

    “Appflow”是使用 CI/CD 缓动的付费产品。

    【讨论】:

    • 感谢您的回答马克斯。但是,我确实需要有关 Appflow 的更详细说明。是否可以使用 Appflow 构建和发布任何 iOS 和 Android 应用程序,或者我的依赖项中是否需要 Ionic/Capacitor?
    • 阅读文档,似乎您可以将任何网络资源转换为 android/ios 原生,您不需要使用任何 Ionic UI 组件。我认为您最终将拥有一个包含两个平台代码的离子科尔多瓦或电容器项目。构建阶段都在云端。您可以尝试试用并检查是否适合您。
    猜你喜欢
    • 2010-11-06
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-03-16
    • 2017-01-04
    • 2013-04-20
    • 2011-02-27
    相关资源
    最近更新 更多