|
|
The Easiest Way for Web Developers to Build Mobile Apps
https://dev.to/ionic/the-easiest-way-for-web-developers-to-build-mobile-apps-1ih8
以下是百度翻译的译文
Web 开发人员构建移动应用程序的最简单方法
对于有兴趣构建移动应用程序的网络开发人员来说,现在有很多选择。开发人员可以在React Native、NativeScript、Cordova、Ionic Framework 和 Capacitor 等项目之间进行选择。
考虑到大量的选项,对于一个寻找熟悉的基于 web 的开发体验的 web 开发人员来说,什么是最合适的并不总是清楚的。
有了这一点,我想证明 Capacitor(可以选择使用 Ionic framework 等以移动为中心的 UI 框架)是 web 开发人员构建移动应用程序的最自然、最简单的方式。
"Electron for Mobile"
Electron 是一种非常流行的解决方案,用于使用标准 web 技术构建跨平台桌面应用程序。Web 开发人员可以使用他们用于 Web 应用程序的标准 HTML、CSS 和 JavaScript,包括任何流行的库,如 React/Angular/Vue、Tailwind 或 Material UI,并将这些应用程序变成强大的桌面应用程序。
这个简单的公式使 Electron 成为最受欢迎的跨平台工具包之一。如今,Electron 为许多流行的应用程序供电,如 Slack 和 VS Code。
如果你发现自己在问“除了移动应用程序,什么是 Electron 的模拟?”答案是电容器(Capacitor)。
与 Electron 一样,Capacitor 采用了在浏览器中运行的标准 web 应用程序,并通过访问强大的本机 API 和原生 UI(如 Camera 和 Filesystem)对其进行了扩展。这些 API 适用于 iOS、Android、Web 和 Electron。
Electron 通过 Chromium 捆绑在“web视图”中,而 Capacitor 使用 iOS 和 Android 上提供的标准嵌入式 web 视图本地控件。这意味着电容器(Capacitor)不会像 Electron 那样出现膨胀问题。
净效应(结果)是电容器(Capacitor)实际上是一种 “移动电子(Electron for Mobile)”。
React Native 或 Flutter 呢?
你可能会问自己:为什么 React Native(或Flutter)不是 “移动电子(Electron for Mobile)” 呢?
原因是 React Native 和 Flutter 没有使用标准的网络浏览器环境来运行应用程序。相反,它们是对系统 UI 控件和 API 的抽象,以提供构建应用程序的“类似网络”的体验,而不是真正的网络环境。两者都需要专门为每个平台编写的代码,并且不能使用特定于 web 的库或代码。
这一点很重要,因为这意味着网络开发人员构建移动应用程序的最短路径是电容器(Capacitor),不用说。
【后面还有一些图片和代码示例等内容,不再翻译。感兴趣者请查看原文。】
|
|