Cách làm PWA giống ứng dụng hơn

Giả sử tạo ứng dụng Apple Podcasts dưới dạng PWA, bài viết giải thích các công nghệ web có thể dùng để triển khai từng tính năng

• Hỗ trợ ngoại tuyến: App Shell Model

• Nội dung ngoại tuyến: Workbox, Cache, IndexedDB, Persistent Storage

• Tải xuống trong nền: Background Fetch API

• Chia sẻ và liên kết với ứng dụng khác: Web Share / Web Share Target / Async Clipboard / Contact Picker / Get Installed Related Apps APIs

• Làm mới trong nền: Periodic Background Sync API

• Đồng bộ đám mây: Backoung Sync API

• Điều khiển bằng phím media phần cứng: Media Session API

• Thao tác nhanh trong menu ngữ cảnh: PWA App Manifest

• Hoạt động như ứng dụng mặc định cho URL scheme cụ thể: URL Protocol Handling

• Tích hợp với hệ thống tệp native: Native File System API, thư viện browser-nativefs

• Giao diện và cảm giác native: user-select, system-ui, prefers-color-scheme, overscroll-behavior và nhiều thuộc tính CSS khác

• Thanh tiêu đề tùy chỉnh: trình duyệt Edge đang đề xuất đặc tả Title Bar Customization

• Hoạt ảnh: Web Animations API

• Hiển thị nội dung bên ngoài ứng dụng (widget, gợi ý Siri, v.v.): Content Index API

• Widget điều khiển media trên màn hình khóa: Media Session API

• Thông báo đẩy: Push API, Notification Triggers API

• Gắn badge lên biểu tượng ứng dụng: Badging API

• Tiết kiệm năng lượng / ngăn vào chế độ ngủ: Screen Wake Lock API

• Để có thể xuất hiện trên app store: Android có thể làm được bằng container Trusted Web Activity