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 体验的优势，该团队决定采用 Trusted Web Activity (TWA)。

什么是 TWA？

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

可信 Web Activity (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 团队希望为其用户提供功能齐全的应用体验，同时又不牺牲设备存储空间，因此他们决定打造基于现有 PWA 构建的 TWA OYO Lite。

从 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：