Cần tiêu chí gì để có thể cài đặt ứng dụng?

Pete LePage

Ứng dụng web tiến bộ (PWA) là các ứng dụng hiện đại, chất lượng cao được xây dựng bằng công nghệ web. PWA cung cấp các chức năng tương tự như ứng dụng iOS/Android/máy tính, đáng tin cậy ngay cả trong điều kiện mạng không ổn định và có thể cài đặt để giúp người dùng dễ dàng tìm thấy và sử dụng.

Hầu hết người dùng đều quen với việc cài đặt ứng dụng và các lợi ích của trải nghiệm cài đặt. Các ứng dụng đã cài đặt xuất hiện trên các nền tảng khởi chạy của hệ điều hành, chẳng hạn như thư mục Ứng dụng trên Mac OS X, trình đơn Bắt đầu trên Windows và màn hình chính trên Android và iOS. Các ứng dụng đã cài đặt cũng xuất hiện trong trình chuyển đổi hoạt động, công cụ tìm kiếm trên thiết bị như Spotlight và trong trang tính chia sẻ nội dung.

Hầu hết các trình duyệt đều cho người dùng biết rằng họ có thể cài đặt Ứng dụng web tiến bộ (PWA) khi ứng dụng đó đáp ứng một số tiêu chí nhất định. Các chỉ báo mẫu bao gồm nút Cài đặt trên thanh địa chỉ hoặc mục trong trình đơn Cài đặt trong trình đơn mục bổ sung.

Ảnh chụp màn hình thanh địa chỉ hiển thị chỉ báo cài đặt.
Chương trình khuyến mãi về lượt cài đặt do trình duyệt cung cấp (máy tính)
Ảnh chụp màn hình chương trình khuyến mãi cài đặt do trình duyệt cung cấp.
Chương trình khuyến mãi về lượt cài đặt do trình duyệt cung cấp (thiết bị di động)

Ngoài ra, khi đáp ứng các tiêu chí, nhiều trình duyệt sẽ kích hoạt sự kiện beforeinstallprompt, cho phép bạn cung cấp trải nghiệm người dùng tuỳ chỉnh trong ứng dụng sẽ kích hoạt quy trình cài đặt trong ứng dụng.

Tiêu chí cài đặt

Trong Chrome, Ứng dụng web tiến bộ phải đáp ứng các tiêu chí sau đây thì mới kích hoạt sự kiện beforeinstallprompt và hiển thị chương trình khuyến mãi cài đặt trong trình duyệt:

  • Ứng dụng web chưa được cài đặt
  • Đáp ứng phương pháp phỏng đoán mức độ tương tác của người dùng:
    • Người dùng cần phải nhấp hoặc nhấn vào trang ít nhất một lần (bất kỳ lúc nào, ngay cả trong lần tải trang trước đó)
    • Người dùng cần dành ít nhất 30 giây để xem trang (tại bất kỳ thời điểm nào)
  • Được phân phát qua HTTPS
  • Bao gồm tệp kê khai ứng dụng web, trong đó có:
    • short_name hoặc name
    • icons – phải bao gồm một biểu tượng có kích thước 192 px và 512 px
    • start_url
    • display – phải là một trong các giá trị fullscreen, standalone, minimal-ui hoặc window-controls-overlay
    • Không được có prefer_related_applications hoặc false

Các trình duyệt khác có tiêu chí cài đặt tương tự, mặc dù có thể có một số khác biệt nhỏ. Hãy truy cập vào các trang web tương ứng để biết thông tin đầy đủ: