What PWA Can Do Today - O que os PWAs podem fazer hoje

Recursos de PWA disponíveis agora

• PWA (Progressive Web App) é um site que pode ser instalado no dispositivo e oferece uma experiência semelhante à de um app.
• Este app é um PWA e pode ser instalado na tela inicial de dispositivos móveis ou no desktop.
• Depois da instalação, confira as demonstrações abaixo para ver quais recursos são compatíveis com o seu dispositivo.

Recursos

• Captura de mídia: o app web pode usar a câmera e o microfone do dispositivo.
• Geolocalização: o usuário pode compartilhar sua localização com o app web.
• Notificações: o app web pode exibir notificações mesmo quando o app não está ativo.
• Seleção de contatos: é possível selecionar os contatos do usuário.
• Compartilhamento via web: é possível acionar o mecanismo de compartilhamento padrão do dispositivo e compartilhar texto, URL ou arquivos.
• Autenticação: permite autenticação sem senha por meio de leitor de impressão digital ou chave de segurança USB externa.
• Sistema de arquivos: é possível acessar o sistema de arquivos do dispositivo do usuário.
• Detecção de código de barras: é possível detectar códigos de barras e QR codes em imagens.
• Detecção facial: é possível detectar rostos em imagens.
• Vibração: é possível fazer o dispositivo móvel vibrar.
• Gravação de áudio: é possível gravar e visualizar áudio.
• Áudio: é possível exibir controles de reprodução de mídia na tela de bloqueio do dispositivo.
• Sincronização em segundo plano: é possível adiar tarefas enquanto estiver offline para executá-las quando a conexão de rede for restaurada.
• Fetch em segundo plano: é possível baixar arquivos grandes em segundo plano mesmo quando o app não estiver em execução.
• Capture Handle: permite que um app web de captura de tela se comunique com confiabilidade com o app web capturado.
• API de armazenamento: o app web pode armazenar dados estruturados de forma persistente no navegador do usuário.
• Bluetooth: o app web pode se conectar a dispositivos BLE e ler ou gravar valores.
• NFC: o app web pode ler e gravar tags NFC.
• Realidade aumentada/realidade virtual: é possível posicionar objetos virtuais no mundo real.
• Pagamentos: é possível realizar pagamentos na web usando cartão de crédito, Apple Pay ou Google Pay.
• Wake Lock: pode impedir que a tela escureça ou bloqueie quando o app precisar continuar em execução.
• Orientação: fornece informações sobre a orientação física do dispositivo do usuário.
• Movimento: fornece informações sobre a velocidade das mudanças de posição e orientação do dispositivo do usuário.
• Informações de rede: fornece informações sobre a conexão do dispositivo para que o app web possa ajustar recursos de acordo com a qualidade da rede.
• Síntese de voz: converte texto em fala e permite que o programa leia o conteúdo em voz alta.
• Reconhecimento de voz: permite reconhecer contexto de fala a partir da entrada de voz.
• Multitoque: é possível capturar gestos de toque complexos.

Como ativar sensores

• Como ativar quando os sensores de movimento não puderem ser usados no dispositivo.
• iOS: aplica-se apenas ao iOS 12. Pode ser necessário remover o app da tela inicial e adicioná-lo novamente para que as mudanças entrem em vigor.
• Android: abra este site no navegador Chrome para Android e, no menu principal, toque em 'Sensores de movimento' para ativá-los.

Opinião do GN⁺

• PWA é uma tecnologia inovadora que oferece aos usuários uma experiência semelhante à de apps nativos, ao mesmo tempo em que proporciona maior acessibilidade e compatibilidade usando tecnologias web.
• Este artigo apresenta vários recursos de PWA, e especialmente captura de mídia, geolocalização e sincronização em segundo plano são recursos importantes que podem melhorar bastante a experiência móvel do usuário.
• Ao fornecer a forma de ativar sensores, traz informações úteis para ajudar o usuário a aproveitar ao máximo todos os recursos de PWA em seu dispositivo.

[pmc7777]

Estou muito animado para o dia em que os PWAs vão mudar o mercado das lojas de aplicativos móveis!

[anjin225]

Seria ainda melhor se desse suporte a url scheme haha.. uma pena

[GN⁺]

Opiniões no Hacker News

• Um usuário mencionou que está distribuindo PWAs (Progressive Web Apps) para iPads e dispositivos Surface Go de clientes por meio do Microsoft InTune, e que isso era um pesadelo por volta de 2020, mas hoje está muito mais tranquilo. Disse que um cliente sugeriu um processo melhorado no qual migrou do iPad para o Surface Go e, com gerenciamento adicional de endpoints, fez a experiência da PWA parecer um modo quiosque. Para eles, a maior limitação era a qualidade da câmera voltada para o ambiente e o nível de acesso às funções da câmera via navegador; no início, iOS/Safari era muito fraco nisso, mas hoje melhorou bastante. Agora, conseguem obter varredura de ambiente em 2k a 30fps com a câmera traseira do iPad via Safari, e leitura de código de barras 2D e captura de documentos são 100% viáveis. Esses recursos antes eram muito instáveis em demos de produto, mas agora já não preocupam mais. Disseram que quase voltaram para um app nativo de iOS por causa dos problemas com câmera, mas manter a cadeia de build nativa em um ambiente 100% Microsoft que não era iOS era um grande fardo. No passado, assinaram IPAs corporativos para clientes por muito tempo, mas agora migraram para web/PWA e afirmaram que, se a web desaparecer, vão procurar outra carreira e outros hobbies.
• Outro usuário comentou que, como o objetivo central de uma PWA é oferecer um app multiplataforma, é uma pena que o site não destaque de forma visível quais recursos são suportados de maneira "universal" em iOS e Android. Argumentou que, se um recurso não pode ser usado em todas ou na maioria das plataformas, não é justo dizer que ele está realmente disponível em uma PWA.
• Outro usuário apontou que até o site de demonstração da PWA tem bugs de UX perceptíveis no iOS. Mencionou um problema de animação duplicada ao deslizar a partir das laterais da tela para voltar/avançar. Disse que corrigir isso talvez fosse tão simples quanto desativar a animação de deslizamento da página, mas que o criador do site ou não percebeu isso, ou não se importou. Afirmou que a Apple também tem parte da culpa e que, idealmente, deveria haver uma interface mais adequada para detectar e personalizar gestos nativos de deslizar.
• Um usuário criticou parte da comunidade do Hacker News por deixar críticas rudes como se fosse certo que o criador do site não fosse ver os comentários. Observou que aceitar críticas por colocar algo no mundo pode ser necessário, mas que é por isso que pessoas de fora dessa comunidade odeiam que seus trabalhos sejam compartilhados aqui, ou ao menos se recusam a ler os comentários.
• Um usuário disse que espera que o Firefox Desktop se junte aos navegadores que suportam PWA. Segundo ele, está criando apps com prioridade para PWA, mas isso normalmente significa exigir que o usuário execute uma instância do Chrome. Argumentou que, se o Firefox tornasse a integração de PWA mais fluida do que o Chrome, isso seria um motivo para recomendar seus apps.
• Outro usuário afirmou que o principal problema técnico que impede a adoção de PWA é que o mundo de frontend em JS está viciado em frameworks que destroem a UX. Também comentou que as app stores oferecem um valor central que as PWAs nunca poderão ter, e que a credibilidade é especialmente mais forte na App Store do iOS.
• Um usuário comentou que, se este site é uma demo para mostrar bem o potencial das PWAs, para ele foi um fracasso. Apontou problemas como carregamento lento, muitos recursos/funcionalidades que ele não queria e navegação dupla ao tentar voltar com gesto de deslizar.
• Outro usuário disse que vai esperar até que PWAs no iOS possam ser registradas como destino de compartilhamento. Ele quer que, ao clicar em "compartilhar" em uma página web, ela apareça como app na folha de compartilhamento.
• Um usuário comentou que não gosta de ver um repositório no GitHub com apenas bug tracker e sem código-fonte, e argumentou que, se a intenção é realmente promover PWAs, o código-fonte completo deveria ser disponibilizado.
• Por fim, outro usuário comentou que vários recursos do app de demonstração não funcionam no iOS 17, ironizando que isso é exatamente como a Apple quer. Por outro lado, disse que usou o Eclipse Emulator PWA no iOS por alguns dias e ele funcionou muito bem. Até agora, o único problema que encontrou foi o áudio falhando ao emular SNES.