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 的用户的 3 倍。但随着时间的推移，用户也往往会因担心存储空间而卸载 Android 应用。

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

什么是 TWA？

在 Chrome 72 之前，如果 Android 开发者想要在其平台专用应用中显示网页内容，就必须使用 WebView，但 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，则创建基本 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 的 3 倍
  • Google Play 商店中的评分为 4.1

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

构建您自己的 TWA

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

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