OYO Lite：集最佳 Web 和 Android 应用于一体的 TWA

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

Ankit Jain
Ankit Jain
X
Michael Friesenhahn
Michael Friesenhahn
GitHub

OYO Rooms 成立于 2013 年，现已成为印度最大的酒店管理公司之一，在 80 多个国家/地区的数百个城市拥有酒店。这在一定程度上得益于他们尽可能简化了在线预订流程。

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

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

什么是 TWA？

在 Chrome 72 之前，希望在其平台专用应用中显示 Web 内容的 Android 开发者必须使用 WebView，后者存在一些有意义的限制：速度不如 Chrome，并且未包含 Chrome 的所有 API 和功能。因此，如果您想要实现 WebView 的渲染引擎不支持的行为，就必须围绕它构建自己的浏览器，这并非易事！

Trusted Web Activity (TWA) 通过直接在 Chrome 中显示 Web 内容来解决这些限制。拆解 TWA 名称有助于说明其功能： - activity 是 Android 应用界面中的一项屏幕或视图。- TWA 使用 Chrome 为应用的 activity 显示网页内容。 - 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，那么即使您之前从未针对 Android 进行过开发，创建基本 TWA 的步骤也非常简单。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 的 3 倍
  • Google Play 商店中的评分为 4.1

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

构建自己的 TWA

OYO 的线上预订平台只是 TWA 的一个应用场景。 它们非常适合目前以平台专用应用或网页形式构建的许多项目，从购物车和结账流程到常见问题解答和联系表单都适用。

请访问以下链接，开始使用 TWA：