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

Ứng dụng web tiến bộ (PWA) là những ứng dụng hiện đại, chất lượng cao được xây dựng bằng công nghệ web. PWA có các chức năng tương tự như ứng dụng di động và ứng dụng dành cho 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à những lợi ích của trải nghiệm đã cài đặt. Các ứng dụng đã cài đặt sẽ xuất hiện trên các giao diện khởi chạy của hệ điều hành, chẳng hạn như thư mục Ứng dụng trên macOS 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ác công cụ tìm kiếm trên thiết bị (chẳng hạn như Spotlight) và trong các trang 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 Ứng dụng web tiến bộ (PWA) của bạn có thể cài đặt khi đáp ứng một số tiêu chí nhất định. Ví dụ về các chỉ báo bao gồm nút Cài đặt trong thanh địa chỉ hoặc mục Cài đặt trong trình đơn tràn.

Ảnh cận cảnh nút Cài đặt trong thanh URL trên máy tính.
Ưu đãi cài đặt do trình duyệt cung cấp (máy tính)
Ảnh cận cảnh về biểu ngữ ở cuối màn hình di động, nhắc người dùng "Thêm Airhorner vào Màn hình chính".
Ưu đãi cài đặt do trình duyệt cung cấp (thiết bị di động)

Ngoài ra, khi đáp ứng 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 một 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 của bạn.

Tiêu chí cài đặt

Trong Chrome, Ứng dụng web tiến bộ của bạn 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 các phương pháp suy nghiệm về mức độ tương tác của người dùng:
    • Người dùng cần nhấp hoặc nhấn vào trang ít nhất một lần, vào bất kỳ thời điểm nào, ngay cả trong lần tải trang trước đó.
    • Người dùng phải dành ít nhất 30 giây để xem trang, bất cứ lúc nào.
  • Được phân phát qua HTTPS.
  • Bao gồm một tệp kê khai ứng dụng web có chứa:
    • short_name hoặc name
    • icons – phải có biểu tượng 192px và 512px
    • start_url
    • display – phải là một trong các giá trị fullscreen, standalone, minimal-ui hoặc window-controls-overlay
    • prefer_related_applications không được xuất hiện hoặc phải là false

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