OYO Lite: một TWA với những ứng dụng Android và web hay nhất

Cách một công ty khởi nghiệp trong ngành khách sạn xây dựng một ứng dụng Android dựa trên nội dung web để tăng đáng kể mức độ tương tác của người dùng và giảm kích thước tệp

Ankit Jain
Ankit Jain
X
Michael Friesenhahn
Michael Friesenhahn
GitHub

Được thành lập vào năm 2013, OYO Rooms đã trở thành một trong những công ty khách sạn lớn nhất Ấn Độ, với các khách sạn ở hàng trăm thành phố tại hơn 80 quốc gia. Một phần thành công đó là nhờ việc mang đến trải nghiệm đặt phòng trực tuyến nhanh chóng và dễ dàng nhất có thể.

Cho đến gần đây, nhóm OYO đã cung cấp cả Ứng dụng web tiến bộ (PWA) và ứng dụng Android để đạt được mục tiêu đó. Ứng dụng Android có mức độ tương tác cao hơn đáng kể: người dùng chuyển đổi thường xuyên gấp 3 lần so với những người dùng PWA. Tuy nhiên, theo thời gian, người dùng cũng có xu hướng gỡ cài đặt ứng dụng Android vì lo ngại về dung lượng lưu trữ.

Để giảm mức sử dụng của ứng dụng Android trên thiết bị của người dùng mà vẫn giữ được các lợi ích của trải nghiệm Android, nhóm đã quyết định chuyển sang Hoạt động web đáng tin cậy (TWA).

TWA là gì?

Trước Chrome 72, những nhà phát triển Android muốn hiển thị nội dung web trong các ứng dụng dành riêng cho nền tảng của họ phải sử dụng WebView. WebView có một số hạn chế đáng kể: không nhanh bằng Chrome và không bao gồm tất cả các API và tính năng của Chrome. Vì vậy, nếu muốn có hành vi mà công cụ kết xuất của WebView không hỗ trợ, bạn phải xây dựng trình duyệt của riêng mình xung quanh hành vi đó – điều này không hề đơn giản!

Hoạt động web đáng tin cậy (TWA) giải quyết những hạn chế đó bằng cách hiển thị nội dung web ngay trong Chrome. Việc phân tích tên TWA giúp giải thích các tính năng của TWA: – Hoạt động là một màn hình hoặc thành phần hiển thị trong giao diện người dùng của ứng dụng Android. – TWA sử dụng Chrome để hiển thị nội dung web cho các hoạt động của ứng dụng. – Nội dung của TWA là đáng tin cậy vì nội dung này sử dụng Đường liên kết đến tài sản kỹ thuật số để xác minh rằng cùng một người đã tạo ứng dụng Android và nội dung web mà ứng dụng đó đang hiển thị.

Tại sao bạn nên tạo TWA thay vì ứng dụng dành riêng cho nền tảng?

Ngày càng có nhiều ứng dụng Android phân phối nội dung từ trang web của chính nhà phát triển. TWA thừa nhận thực tế đó bằng cách cung cấp những điều tốt nhất của thế giới ứng dụng web và nền tảng cụ thể:

  • Các ứng dụng này có tất cả chức năng dự kiến của ứng dụng Android, bao gồm biểu tượng trình chạy, thông báo đẩy và màn hình toàn màn hình.
  • Các phiên bản này cung cấp hiệu suất và tính năng của Chrome.
  • Các ứng dụng này sử dụng phiên bản Chrome được cài đặt trên thiết bị, vì vậy, chúng luôn có các API và tính năng mới nhất.
  • Ứng dụng đa nền tảng sử dụng ít bộ nhớ hơn đáng kể so với ứng dụng dành riêng cho nền tảng. Đây là vấn đề khiến nhiều người dùng lo ngại, đặc biệt là những người dùng có thiết bị cấp thấp.

Việc chạy trong Chrome cũng có một số lợi ích hữu ích. Ví dụ: TWA chia sẻ bộ nhớ của Chrome, bao gồm cả cookie, mật khẩu và mọi thứ được lưu trữ bằng API Bộ nhớ web. Một lợi ích của chế độ thiết lập này là người dùng luôn đăng nhập trên trình duyệt và ứng dụng TWA.

Xây dựng OYO Lite

Nhóm OYO muốn mang đến cho người dùng trải nghiệm ứng dụng đầy đủ tính năng mà không phải đánh đổi dung lượng lưu trữ thiết bị. Vì vậy, họ quyết định tạo OYO Lite, một TWA được xây dựng dựa trên PWA hiện có.

Bạn cần bắt đầu bằng một PWA. Người dùng mong đợi trải nghiệm đầy đủ tính năng trong ứng dụng mà họ chạy từ trình chạy Android, vì vậy, nội dung web được phân phát trong TWA phải cung cấp trải nghiệm đó, bao gồm:

  • Thời gian tải và phản hồi nhanh
  • Độ tin cậy khi người dùng có kết nối hạn chế hoặc không có kết nối
  • Giao diện đồng nhất (ví dụ: cung cấp màn hình chờ và màu ứng dụng)

Nếu bạn đã có một PWA, các bước tạo một TWA cơ bản được thiết kế để bạn không tốn nhiều công sức, ngay cả khi bạn chưa từng phát triển ứng dụng cho Android. Dưới đây là những việc mà nhóm OYO đã làm:

Và đây là kết quả:

OYO Lite đang hoạt động.

Để biết hướng dẫn chi tiết hơn về cách tạo một TWA cơ bản, hãy xem bài nói chuyện về TWA của Peter McLachlan và Andre Bandarra tại Google I/O 2019.

Để tìm hiểu thêm về cách nhóm OYO tạo OYO Lite, bao gồm cả việc tìm hiểu sâu về phương pháp tạo màn hình chờ mà tất cả người dùng Android đều có thể truy cập, hãy xem bài đăng của Ankit Jain trên Medium.

Cách TWA giúp OYO đáp ứng nhu cầu của người dùng

Bằng cách lưu trữ hầu hết các thành phần ứng dụng trong bộ nhớ đệm của Chrome, nhóm OYO đã có thể giảm kích thước tải xuống ban đầu của OYO Lite xuống còn 850 KB. Đó chỉ là 7% kích thước của ứng dụng Android!

Mức sử dụng tài nguyên nhỏ kết hợp với các tiện ích của một ứng dụng Android có thể tải xuống từ Cửa hàng Google Play đã giúp tăng đáng kể mức độ tương tác của người dùng:

  • Tỷ lệ chuyển đổi cao hơn gấp ba lần so với tỷ lệ của PWA
  • Trung bình, số người dùng đăng nhập nhiều hơn gấp 3 lần so với PWA
  • Điểm xếp hạng 4,1 trên Cửa hàng Google Play

Ngoài các lợi ích dành cho người dùng, việc sử dụng TWA có nghĩa là nhóm chỉ có một cơ sở mã mà họ có thể dễ dàng cập nhật mà không phải chờ người dùng tải phiên bản ứng dụng mới nhất xuống.

Tạo TWA của riêng bạn

Nền tảng đặt phòng trực tuyến của OYO chỉ là một trường hợp sử dụng cho TWA. Các ứng dụng này có thể phù hợp với nhiều dự án hiện được xây dựng dưới dạng ứng dụng hoặc trang web dành riêng cho nền tảng, từ giỏ hàng và quy trình thanh toán đến Câu hỏi thường gặp và biểu mẫu liên hệ.

Hãy xem các đường liên kết sau để bắt đầu sử dụng TWA: