What PWA Can Do Today - PWA hiện nay có thể làm được gì

Các tính năng PWA hiện có thể sử dụng

• PWA (Progressive Web App) là một website có thể được cài đặt trên thiết bị và mang lại trải nghiệm như ứng dụng.
• Ứng dụng này là một PWA, có thể cài đặt lên màn hình chính của thiết bị di động hoặc máy tính để bàn.
• Sau khi cài đặt, bạn có thể xem bản demo các tính năng bên dưới để biết những gì thiết bị của mình hỗ trợ.

Các tính năng

• Chụp media: Ứng dụng web có thể sử dụng camera và micro của thiết bị.
• Định vị địa lý: Người dùng có thể chia sẻ vị trí của mình với ứng dụng web.
• Thông báo: Ứng dụng web có thể hiển thị thông báo ngay cả khi ứng dụng không hoạt động.
• Chọn liên hệ: Có thể chọn danh bạ của người dùng.
• Chia sẻ web: Có thể gọi cơ chế chia sẻ mặc định của thiết bị và chia sẻ văn bản, URL hoặc tệp.
• Xác thực: Cho phép xác thực không cần mật khẩu thông qua cảm biến vân tay hoặc khóa bảo mật USB bên ngoài.
• Hệ thống tệp: Có thể truy cập hệ thống tệp trên thiết bị của người dùng.
• Phát hiện mã vạch: Có thể phát hiện mã vạch và mã QR trong hình ảnh.
• Phát hiện khuôn mặt: Có thể phát hiện khuôn mặt trong hình ảnh.
• Rung: Có thể làm thiết bị di động rung.
• Ghi âm: Có thể ghi âm và trực quan hóa âm thanh.
• Âm thanh: Có thể hiển thị điều khiển phát media trên màn hình khóa của thiết bị.
• Đồng bộ nền: Có thể trì hoãn tác vụ khi ngoại tuyến và chạy lại khi kết nối mạng được khôi phục.
• Vá nền: Có thể tải xuống các tệp lớn trong nền ngay cả khi ứng dụng không chạy.
• Capture Handle: Ứng dụng web chụp màn hình có thể giao tiếp đáng tin cậy với ứng dụng web bị chụp.
• Storage API: Ứng dụng web có thể lưu trữ bền vững dữ liệu có cấu trúc trong trình duyệt của người dùng.
• Bluetooth: Ứng dụng web có thể kết nối với thiết bị BLE và đọc hoặc ghi giá trị.
• NFC: Ứng dụng web có thể đọc và ghi thẻ NFC.
• Thực tế tăng cường/Thực tế ảo: Có thể đặt các đối tượng ảo vào thế giới thực.
• Thanh toán: Có thể thanh toán trên web bằng thẻ tín dụng, Apple Pay hoặc Google Pay.
• Wake Lock: Có thể ngăn màn hình bị mờ hoặc khóa khi ứng dụng cần tiếp tục chạy.
• Hướng: Cung cấp thông tin về hướng vật lý của thiết bị người dùng.
• Chuyển động: Cung cấp thông tin về tốc độ thay đổi vị trí và hướng của thiết bị người dùng.
• Thông tin mạng: Cung cấp thông tin về kết nối của thiết bị để ứng dụng web có thể điều chỉnh chức năng theo chất lượng mạng.
• Tổng hợp giọng nói: Chuyển văn bản thành giọng nói và cho phép chương trình đọc nội dung văn bản.
• Nhận dạng giọng nói: Có thể nhận diện ngữ cảnh lời nói từ đầu vào bằng giọng nói.
• Đa chạm: Có thể ghi nhận các thao tác chạm phức tạp.

Cách bật cảm biến

• Cách kích hoạt khi cảm biến chuyển động không dùng được trên thiết bị.
• iOS: Chỉ áp dụng cho iOS 12. Để thay đổi có hiệu lực, có thể cần xóa ứng dụng khỏi màn hình chính rồi thêm lại.
• Android: Mở trang này bằng trình duyệt Chrome trên Android, rồi trong menu chính nhấn vào 'Cảm biến chuyển động' để kích hoạt.

Ý kiến của GN⁺

• PWA là một công nghệ đổi mới, mang lại trải nghiệm tương tự ứng dụng native cho người dùng đồng thời cung cấp khả năng tiếp cận và tương thích rộng hơn nhờ sử dụng công nghệ web.
• Bài viết này giới thiệu nhiều tính năng PWA khác nhau; đặc biệt, các tính năng như chụp media, định vị địa lý và đồng bộ nền là những khả năng quan trọng có thể cải thiện đáng kể trải nghiệm người dùng trên thiết bị di động.
• Bằng cách cung cấp cách kích hoạt cảm biến, bài viết mang lại thông tin hữu ích giúp người dùng tận dụng tối đa mọi tính năng của PWA trên thiết bị của mình.

[pmc7777]

Mình rất mong chờ ngày PWA sẽ thay đổi thị trường kho ứng dụng di động!

[anjin225]

Sẽ tốt hơn nếu hỗ trợ url scheme nữa haha.. tiếc thật

[GN⁺]

Ý kiến trên Hacker News

• Một người dùng cho biết họ đang triển khai PWA (Progressive Web Apps) lên thiết bị iPad và Surface Go cho khách hàng thông qua Microsoft InTune; vào khoảng năm 2020 việc này giống như ác mộng, nhưng giờ đã trơn tru hơn nhiều. Họ nói một khách hàng đã chuyển từ iPad sang Surface Go và đề xuất một quy trình cải tiến, sử dụng thêm quản lý endpoint để khiến trải nghiệm PWA giống chế độ kiosk hơn. Hạn chế lớn nhất với họ là chất lượng camera hướng ra môi trường và mức độ truy cập vào các tính năng camera qua trình duyệt; iOS/Safari ban đầu rất yếu, nhưng hiện tại đã tốt hơn đáng kể. Giờ đây, qua Safari họ có thể quét môi trường 2k ở 30fps bằng camera sau của iPad, và việc quét mã vạch 2D cùng chụp tài liệu là khả thi 100%. Những tính năng này trước đây rất bất ổn khi demo sản phẩm, nhưng giờ họ không còn lo nữa. Họ suýt phải quay lại ứng dụng iOS native vì vấn đề camera, nhưng việc duy trì build chain native trong một môi trường 100% Microsoft lại là gánh nặng lớn. Trước đây họ từng ký enterprise IPA cho khách hàng suốt hàng chục năm, nhưng nay đã chuyển sang web/PWA và khẳng định nếu web biến mất thì họ sẽ tìm một nghề nghiệp và sở thích khác.
• Một người dùng khác nhận xét rằng mục tiêu cốt lõi của PWA là cung cấp ứng dụng đa nền tảng, nên thật đáng tiếc khi các website không làm nổi bật một cách rõ ràng những tính năng nào được hỗ trợ “phổ quát” trên iOS và Android. Họ cho rằng nếu một tính năng không dùng được trên tất cả/đa số nền tảng thì không công bằng khi nói nó thực sự khả dụng trong PWA.
• Một người dùng khác nữa chỉ ra rằng ngay cả trang demo của PWA cũng có lỗi UX dễ thấy trên iOS. Họ nhắc đến hiện tượng hoạt ảnh bị lặp khi vuốt từ hai mép màn hình để quay lại/tiến tới. Việc sửa lỗi này có thể đơn giản là tắt hoạt ảnh trượt của trang, nhưng có vẻ người làm site либо không nhận ra, либо không quan tâm. Họ cũng cho rằng Apple có một phần trách nhiệm và lý tưởng nhất là nên có một giao diện phù hợp mục đích hơn để phát hiện và tùy biến các cử chỉ vuốt native.
• Một người dùng phê phán việc một số thành viên cộng đồng Hacker News để lại những lời chỉ trích thô lỗ như thể chắc chắn người tạo ra trang web sẽ không bao giờ đọc được bình luận. Họ nói rằng việc chấp nhận bị chỉ trích khi đưa sản phẩm sáng tạo ra công chúng có thể là điều cần thiết, nhưng đó cũng là lý do những người ngoài cộng đồng này ghét việc tác phẩm của họ bị chia sẻ ở đây, hoặc ít nhất là từ chối đọc bình luận.
• Một người dùng nói họ hy vọng Firefox desktop sẽ gia nhập nhóm trình duyệt hỗ trợ PWA. Họ đang xây dựng một ứng dụng ưu tiên PWA, nhưng điều đó thường đồng nghĩa người dùng phải chạy một instance Chrome. Họ cho rằng nếu Firefox làm tích hợp PWA mượt hơn Chrome thì đó sẽ là lý do để họ giới thiệu ứng dụng.
• Một người dùng khác cho rằng vấn đề kỹ thuật chính cản trở việc chấp nhận PWA là thế giới frontend JS đang nghiện các framework frontend phá hỏng UX. Họ cũng nói app store mang lại giá trị cốt lõi mà PWA sẽ không bao giờ có được, và mức độ tin cậy này đặc biệt mạnh hơn trên iOS App Store.
• Một người dùng nhận xét rằng nếu site này là một bản demo nhằm thể hiện tốt khả năng của PWA, thì với họ nó đã thất bại. Họ chỉ ra các vấn đề như tải lâu, có quá nhiều tính năng/chức năng không mong muốn, và xảy ra điều hướng kép khi cố vuốt để quay lại.
• Một người dùng khác nói họ sẽ chờ đến khi PWA trên iOS có thể được đăng ký làm đích chia sẻ. Họ muốn khi bấm “chia sẻ” trên một trang web, ứng dụng sẽ xuất hiện trong share sheet như một app.
• Một người dùng cho rằng việc một GitHub repository chỉ có bug tracker mà không có source code là không ổn, và lập luận rằng nếu thực sự muốn quảng bá PWA thì nên cung cấp toàn bộ source code.
• Cuối cùng, một người dùng nói rằng nhiều tính năng của ứng dụng demo không hoạt động trên iOS 17, và mỉa mai rằng đó đúng là cách Apple mong muốn. Trong khi đó, họ đã dùng Eclipse Emulator PWA trên iOS vài ngày và thấy nó hoạt động rất tốt. Vấn đề duy nhất họ gặp cho đến nay là âm thanh bị giật khi giả lập SNES.