Ứng dụng web tiến bộ (PWA) về cơ bản là phiên bản nhẹ của ứng dụng đầy đủ thực tế. Nếu bạn cài ứng dụng này trong Chrome cho Android, các cài đặt PWA tương lai sẽ giống cài ứng dụng bản địa.
Điều này là vì Google đang triển khai giao diện cài đặt PWA mới trông rất giống giao diện Play Store.
Cài đặt PWA hiện tại trong Chrome
Hiện tại, nếu bạn mở trang web được hỗ trợ trong Chrome trên Android, bạn sẽ thấy một biểu ngữ nhỏ ở dưới yêu cầu thêm ứng dụng vào màn hình chính. Đây là cách bạn hiện cài đặt ứng dụng web tiến bộ trong Chrome trên Android.
Giao diện cài đặt này không trông hay cảm giác như giao diện cài ứng dụng bản địa.
Giao diện cài đặt PWA mới trong Chrome cho Android
Như Chrome Developers thông báo trên Twitter, Google đang mang giao diện cài đặt phong phú hơn cho ứng dụng web tiến bộ đến Chrome trên Android.
Giao diện này trông rất giống những gì bạn thấy trong Google Play Store chính thức. Có tên ứng dụng, mô tả nhỏ, một số ảnh chụp màn hình, và thậm chí nút Cài đặt.
Giao diện PWA mới trông như thế nào
Vì giao diện mới này vừa được triển khai, không có nhiều ứng dụng dùng giao diện người dùng mới này. Twitter là ứng dụng đầu tiên dùng giao diện cài đặt này cho ứng dụng web tiến bộ của mình.
Trong giao diện cài đặt mới này, bạn giờ có mô tả nhỏ về ứng dụng, một vài ảnh chụp màn hình ứng dụng bạn sắp cài đặt, và nút Cài đặt ở góc trên bên phải của lời nhắc.
Nhấn nút này cài PWA trên điện thoại; điều này cho cảm giác gần như giống như cài ứng dụng Play Store.
Cách dùng giao diện mới cho ứng dụng của bạn
Nếu bạn là nhà phát triển, bạn cần thêm hai thành viên vào manifest để dùng giao diện cài đặt mới này. Thêm thành viên description và screenshots vào file manifest, và Chrome cho Android sẽ dùng giao diện mới cho cài đặt ứng dụng web tiến bộ của bạn.
Hãy nhớ những điều sau khi thêm hình ảnh cho ứng dụng:
- Chiều rộng và cao hình ảnh phải ít nhất 320px, và tối đa 3840px.
- Ảnh chụp màn hình phải có cùng tỷ lệ khung hình.
- Ảnh chụp màn hình phải dùng định dạng file JPG hoặc PNG.
- Kích thước tối đa không thể lớn gấp đôi kích thước tối thiểu.
Sau khi làm thay đổi yêu cầu cho file, cài đặt ứng dụng web tiến bộ của bạn sẽ trông rất giống cài ứng dụng bản địa.
Giao diện cài đặt phong phú hơn cho PWA trong Chrome
Nhà phát triển ứng dụng web tiến bộ giờ có thể làm ứng dụng dùng lời nhắc cài đặt phong phú hơn trong Chrome trên Android. Điều này sẽ khuyến khích nhiều người hơn cài ứng dụng của bạn trên điện thoại.
Nếu bạn là người dùng cuối, bạn giờ có thể xem thêm chi tiết về PWA trước khi cài trên điện thoại.