混合应用程序是什么 - 分步快速指南

您想要创建一个应用程序，但预算很紧张，而且截止日期是昨天。有人告诉你：“做一个混合动力！”。但这在实践中意味着什么？

这是了解、决定和开始混合应用程序世界的快速指南。无需拐弯抹角。

这是什么？

混合应用程序是您只需编程一次的应用程序，即可在 iPhone (iOS) 和 Android 上运行。 这就像说英语：您学习一门语言并可以在美国、英国和澳大利亚进行交流。 在Native开发中，你必须分别学习“iOnes”和“Androideiro”。

3 项主要技术（“三巨头”）

如果您今天要做混合动力，请选择其中之一。忽略其余的。

1. React Native（元/Facebook）：

   • 语言：JavaScript / [TypeScript4。
   • 原样：使用本机组件。您看到的按钮是实际的手机按钮。
   • 谁使用它：Instagram、Uber、Airbnb。
   • 结论：如果您已经了解 Web 开发，这是最佳选择。

2. Flutter（谷歌）：

   • 语言：Dart。
   • 照原样：逐像素绘制屏幕（就像游戏一样）。
   • 谁使用它：Google Pay、Nubank、宝马。
   • 结论：更好的视觉性能和跨平台的一致性。学习曲线稍高（新语言）。

3. 离子/电容器：

   • 语言：HTML、CSS、JS（纯 Web）。
   • 它是怎样的：在应用程序“外壳”内运行网站。
   • 结论：开发速度最快，但在较旧的手机上性能可能较低。非常适合内部企业应用程序。

逐步开始（Hello World）

假设您选择了 React Native（最流行的）。

第 1 步：安装

您需要在计算机上安装 Node.js。 打开终端并输入： 0

（我们使用 Expo，这是一个使初始配置变得更加容易的工具）。

第 2 步：运行应用程序

输入文件夹：1 转弯：2

屏幕上将出现一个二维码。

第三步：手机查看

从手机上的 App Store 或 Play Store 下载“Expo Go”应用程序。 扫描二维码。 准备好！该应用程序正在您的手机上运行。 🪄

第 4 步：编辑

在代码编辑器 (VS Code) 中打开文件 3。 将文本“打开 App.js...”更改为“Hello Hybrid World！”。 节省。 看手机。文本立即更改（快速刷新）。

混合动力的优点（“猫跳”）

• 成本：您向 1 名开发人员支付费用，而不是 2 名。
• 维护：您是否更改了品牌颜色？更改一行代码，反映在两个应用程序中。
• 无线更新 (OTA)：使用 CodePush 等工具，您可以更新混合应用程序，而用户无需前往商店下载更新（用于小修复）。

结论

混合开发使应用程序创建民主化。如今，两人初创公司可以通过向所有用户提供高质量的应用程序来与大公司竞争。

立即下载 Expo 或 Flutter 并制作您的第一个“Hello World”。未来是混合的。

另请阅读

• 【什么是混合应用-结合真实案例一步一步5
• [什么是混合应用程序 - 使用清单一步一步6
• 【应用中的电池消耗：比较和快速指南7
• [应用程序中的微交互：完整指南8
• [Vale A Pena App - 清单快速指南9
• 【应用中的电池消耗：与真实案例的比较10