Como tornar PWAs mais parecidos com apps
(web.dev)Partindo da hipótese de criar o app Apple Podcasts como um PWA, explicação das tecnologias web que poderiam ser usadas para implementar cada recurso
-
Suporte offline: App Shell Model
-
Conteúdo offline: Workbox, Cache, IndexedDB, Persistent Storage
-
Downloads em segundo plano: Background Fetch API
-
Compartilhamento e integração com outros apps: Web Share / Web Share Target / Async Clipboard / Contact Picker / Get Installed Related Apps APIs
-
Atualização em segundo plano: Periodic Background Sync API
-
Sincronização na nuvem: Background Sync API
-
Controle por teclas de mídia do hardware: Media Session API
-
Ações rápidas no menu de contexto: PWA App Manifest
-
Atuar como app padrão para determinados esquemas de URL: URL Protocol Handling
-
Integração com o sistema de arquivos nativo: Native File System API, biblioteca browser-nativefs
-
Aparência e comportamento nativos: user-select, system-ui, prefers-color-scheme, overscroll-behavior e várias propriedades CSS
-
Barra de título personalizada: o navegador Edge está propondo a especificação Title Bar Customization
-
Animações: Web Animations API
-
Exibir conteúdo fora do app (widgets, sugestões da Siri etc.): Content Index API
-
Widget de controle de mídia na tela de bloqueio: Media Session API
-
Notificações push: Push API, Notification Triggers API
-
Colocar badge no ícone do app: Badging API
-
Economia de energia / evitar entrar em modo de suspensão: Screen Wake Lock API
-
Torná-lo visível na app store: no Android, isso é possível com um contêiner Trusted Web Activity
Ainda não há comentários.