OYO Lite：TWA，兼具 Web 应用和 Android 应用的优点

一家酒店业初创公司如何构建一款依赖 Web 内容的 Android 应用，从而显著提高用户参与度并保持较小的文件大小

Ankit Jain
Michael Friesenhahn
Michael Friesenhahn
GitHub - Web开发指南

OYO Rooms 创立于 2013 年，已成为印度最大的酒店公司之一，在 80 多个国家的数百个城市拥有酒店。其成功部分归功于尽可能快速便捷地提供在线预订体验。

直到最近，OYO 团队为了实现这一目标，同时提供了一款渐进式 Web 应用 (PWA) 和一款 Android 应用。Android 应用的用户参与度明显更高：用户的转化率是使用 PWA 用户的三倍。但用户也往往会因为担心存储空间而随着时间推移卸载 Android 应用。

为了减少 Android 应用在用户设备上的占用空间，同时保留 Android 体验的优势，该团队决定转向可信 Web 活动 (TWA)。

什么是 TWA？

在 Chrome 72 之前，想要在平台特定应用中显示 Web 内容的 Android 开发者必须使用 WebView，但 WebView 存在一些明显的局限性：它不如 Chrome 快，并且不包含 Chrome 的所有 API 和功能。因此，如果您想要 WebView 的渲染引擎不支持的行为，您必须围绕它构建自己的浏览器——这绝非易事！

可信 Web 活动 (TWA) 通过直接在 Chrome 中显示 Web 内容来解决这些局限性。分解 TWA 的名称有助于解释其功能：- activity 是 Android 应用用户界面中的一个屏幕或视图。- TWA 使用 Chrome 来显示应用 activity 的 Web 内容。- TWA 的内容是可信的，因为它使用 Digital Asset Links 来验证创建 Android 应用和它所显示的 Web 内容是否为同一人。

为什么创建 TWA 而不是平台特定应用？

越来越多的 Android 应用正在从开发者自己的网站交付内容。TWA 承认了这一现实，提供了平台特定应用和 Web 应用两者的优点

  • 它们具有 Android 应用的所有预期功能，包括启动器图标、推送通知和全屏显示。
  • 它们提供 Chrome 的性能和功能。
  • 它们使用设备上安装的 Chrome 版本，因此始终具有最新的 API 和功能。
  • 与平台特定应用相比，它们占用的存储空间明显更少，这对于许多用户，尤其是那些使用低端设备的用户来说，是一个值得关注的问题。

在 Chrome 中运行也带来许多便利。例如，TWA 共享 Chrome 的存储空间，包括 Cookie、密码以及使用 Web Storage API 存储的任何内容。这种设置的一个好处是，用户可以在浏览器和 TWA 应用中保持登录状态。

构建 OYO Lite

OYO 团队希望为用户提供功能齐全的应用体验，而无需在设备存储空间上做出妥协，因此他们决定创建 OYO Lite，这是一款基于他们现有 PWA 构建的 TWA。

从 PWA 开始至关重要。用户期望从 Android 启动器运行的应用中获得功能齐全的体验，因此在 TWA 中提供的 Web 内容必须提供这种体验，包括

  • 快速的加载和响应时间
  • 在用户连接受限或无连接时具有可靠性
  • 统一的外观和风格（例如，通过提供启动画面和应用颜色）

如果您已经有一个 PWA，那么创建基本 TWA 的步骤旨在降低工作量，即使您以前从未为 Android 开发过。以下是 OYO 团队所做的

结果如下

运行中的 OYO Lite。

有关构建基本 TWA 的更详细演练，请查看 Peter McLachlan 和 Andre Bandarra 在 2019 年 Google I/O 大会上的 TWA 演讲。

要了解有关 OYO 团队如何创建 OYO Lite 的更多信息（包括深入了解他们为创建所有 Android 用户都可访问的启动画面而采用的方法），请查看 Ankit Jain 在 Medium 上发布的文章。

TWA 如何帮助 OYO 满足用户需求

通过将他们的大部分应用资源存储在 Chrome 的缓存中，OYO 团队成功将 OYO Lite 的初始下载大小降至 850 KB 的轻巧体积。这仅占他们 Android 应用大小的 7%！

这种小巧的体积，再加上可从 Google Play 商店下载的 Android 应用的便利性，显著提高了用户参与度

  • 转化率是 PWA 的三倍
  • 平均而言，登录用户数是 PWA 的三倍
  • 在 Google Play 商店获得 4.1 分的评分

除了面向用户的优势外，采用 TWA 还意味着该团队只有一个代码库，他们可以轻松更新该代码库，而无需等待用户下载最新版本的应用。

构建您自己的 TWA

OYO 的在线预订平台只是 TWA 的一个用例。对于许多当前构建为平台特定应用或网页的项目，从购物车和结账流程到常见问题解答和联系表单，TWA 都是一个非常合适的选择。

查看以下链接以开始使用 TWA