O que são aplicativos da web progressivos e como instalá-los e usá-los no iPhone e iPad

Graças às tecnologias da web modernas, como HTML5, os aplicativos da web progressivos são executados em um navegador, não requerem distribuição separada, combinam os recursos dos aplicativos nativos com os benefícios de uma experiência móvel e permitem que você os mantenha na tela inicial sem complicações .de uma app store. O truque dos Progressive Web Apps (PWA) está na aparência: para o usuário, eles se parecem com qualquer aplicativo nativo tradicional, com modelos não muito diferentes de interação e navegação.

O PWA geralmente oferece a versão leve de um site da Web com algumas funcionalidades estendidas.

Com o Safari no iOS 11.3 e macOS 10.13.4 posterior, você pode aproveitar as vantagens dos PWAs. Os PWAs na plataforma iOS exigem recursos HTML5, como a especificação do Manifesto do Aplicativo da Web e service workers, para que possam usar scripts de segundo plano cruciais.

O desenvolvedor web móvel Maximiliano Firtman tem um Safari e seu suporte através das plataformas Apple, caso você tenha interesse.

Como instalar Progressive Web Apps no iPhone

Você pode abrir um PWA no seu iPhone, iPad ou iPod touch com iOS 11.3 simplesmente visitando seu URL no Safari. Observe que o Safari móvel não iniciará PWAs corretamente a menos que você habilite Trabalhadores de serviço sobre Recursos experimentais do WebKit sobre Configurações → Safari (Na verdade, ele ativa todos os recursos experimentais do Safari.)

Para colocar um atalho PWA na tela inicial, faça o seguinte:

1) Toque no botão Compartilhar no Safari para o PWA que você está usando.

dois) Toque no ícone rotulado Adicionar à tela inicial .

3) Aperte Adicionar no canto superior direito.

4) Agora nomeie seu PWA para se distinguir de sua contraparte nativa na tela inicial e na Pesquisa, em seguida, toque em Adicionar no canto superior direito.

Agora você pode iniciar o PWA a partir da tela inicial, tocando em seu ícone.

As versões PWA de aplicativos nativos geralmente têm “lite” no nome

Observe que os navegadores de terceiros disponíveis na App Store (incluindo Chrome, Firefox, Brave e Edge) não têm permissão para “instalar” PWAs e alguns deles não são compatíveis com Service Workers.

Remova um PWA da tela inicial como se fosse um aplicativo nativo

Devido às limitações da Apple, um PWA é lançado no Safari. Os PWAs podem ser removidos da mesma forma que você remove qualquer aplicativo nativo da tela inicial: pressione e segure até que os ícones comecem a se mover como se estivessem dançando e, em seguida, toque no pequeno “x” no canto superior esquerdo do ícone .

Por fim, confirme a operação pressionando o botão. Livrar-se de .

Dê uma olhada nesses aplicativos da web progressivos

Como os PWAs não são distribuídos por meio da Apps Store e não exigem nenhuma embalagem ou distribuição especial, saber o URL do PWA é crucial.

Para testar os PWAs em tela inteira, adicione-os à sua tela inicial:

Ou verifique outro …

Certifique-se de tocar manualmente em um link usando um iPhone ou iPad com iOS 11.3 ou posterior. Visitar, por exemplo, Twitter.com no Safari ou seguir um link nos resultados de pesquisa do Google pode carregar a versão móvel de um site em vez do PWA.

Se você não usar um PWA por algumas semanas ou mais, o iOS tentará liberar o armazenamento que seus arquivos ocupam. Se isso acontecer, o ícone permanecerá na tela inicial, mas o PWA será baixado novamente quando for inicializado porque o iOS não o armazena mais em cache.

Benefícios de aplicativos da web progressivos

Os PWAs podem trabalhar no modo offline e parecer virtualmente indistinguíveis dos aplicativos nativos. A captura de tela no topo da postagem mostra um PWA offline em execução em tela inteira em um iPad.

Você consegue dizer a diferença entre o aplicativo nativo do Twitter e a versão do PWA?

Os recursos de PWA no iOS incluem o seguinte:

  • Geolocalização
  • Câmera
  • Saída de áudio
  • Apple Pay
  • Sensores (magnetômetro, acelerômetro e giroscópio)
  • Síntese de voz (apenas com fones de ouvido conectados)
  • Os usuários corporativos podem receber atalhos PWA de sua empresa
  • WebAssembly, WebRTC, WebGL e muitos outros recursos experimentais

E uma vez que os PWAs podem ser hospedados em qualquer lugar, seus criadores podem ignorar a App Store e os clientes podem “instalá-los” sem a aprovação da Apple, diretamente do navegador Safari (isso pode ser uma faca de dois gumes, já que nenhum PWAs jamais passou por nenhum aplicativo Teste de qualidade da loja).

A melhor coisa sobre os PWAs é que eles se parecem com aplicativos nativos e são iniciados em um processo do Safari em tela inteira sem qualquer cromagem. Os PWAs aparecem no alternador de aplicativos e no Dock do seu iPad como qualquer aplicativo nativo normal da App Store.

Às vezes, um aplicativo nativo e sua contraparte PWA têm o mesmo ícone

Limitações de Progressive Web Apps no iOS

Os PWAs ainda estão em um estágio muito inicial e a implementação da Apple também não é de primeira. Para ilustrar meu ponto de vista, aqui estão os problemas e obstáculos que você pode encontrar ao usar os PWAs:

  • O estado do aplicativo é perdido entre as sessões
  • Tocar em um link inicia outra instância do Safari
  • A barra de status preta pode, em algum momento, ocultar as informações da barra de status do iOS
  • O armazenamento local em IndexedDB é limitado a 50 MB
  • Áudio WebRTS não é compatível
  • Sem autenticação de Face ID ou Touch ID
  • Sem suporte para Bluetooth ou iBeacon
  • Sem notificações push ou emblemas de ícone
  • Sem Web Push ou Sincronização em Segundo Plano
  • Sem integração com Siri
  • Sem suporte para ARKit
  • Sem reconhecimento de voz
  • Sem acesso às informações da bateria
  • Sem acesso a pagamentos no aplicativo
  • Sem acesso a caixas de diálogo de compartilhamento nativas
  • Não assine ou empacote
  • Sem navegação deslizante para trás
  • Sem atalhos de toque 3D para o ícone da tela inicial
  • PWAs inativos aparecem como telas brancas no alternador de aplicativos
  • Instalar o mesmo PWA novamente adiciona outro ícone à tela inicial
  • Sem suporte para os modos de multitarefa iOS Slide Over e Split View

Nenhuma integração com Siri é decepcionante, especialmente no contexto do recurso Atalhos do iOS 12. Mesmo que haja um ícone de PWA na tela inicial, o Siri o ignora e não pode ser solicitado a executar o aplicativo em sua tela inicial.

O maior problema é que os PWAs não armazenam estados entre as sessões. Sem um estado salvo corretamente, um usuário que sai de um PWA provavelmente o verá reiniciado quando retornar.

Isso torna os recursos comuns do PWA, como pedir ao usuário para validar um endereço de e-mail ou executar autenticação de dois fatores via SMS, não compatível com iOS. Além disso, muitos redirecionamentos de login baseados em OAuth abrem outra instância do Safari e nunca retornam ao PWA.

O aplicativo iOS nativo do Uber à esquerda e a versão PWA à direita

Outro problema que vale a pena mencionar: os PWAs não são executados em segundo plano, o que impede que muitos PWAs com foco em multimídia façam streaming ou reproduzam áudio em segundo plano. Dependendo da sua versão do iOS, você pode notar outros comportamentos estranhos e erros com os PWAs, como recarregar ao trocar de aplicativo.

Algumas das limitações mencionadas acima provavelmente serão corrigidas quando a plataforma da Web atingir recursos nativos puros, como digitalização de Face ID ou realidade aumentada via ARKit.

Aplicativos da web progressivos ≠ aplicativos nativos

Aqui está um pouco da história do PWA.

Depois que o iPhone original foi lançado em 2007, os entusiastas partiram para o jailbreak. A primeira App Store com aplicativos nativos de terceiros não chegaria até o ano seguinte, então Steve sugeriu que os desenvolvedores adotassem aplicativos da web porque o Safari no iPhone precisava de suporte.

Avance até hoje e agora temos Progressive Web Apps (obrigado Steve!).

Adicionar ‘Lite’ aos nomes de PWA os distingue dos aplicativos nativos da tela inicial …

Nem é preciso dizer, e quem pode culpá-los, realmente? Afinal, o conteúdo baseado na web é muito mais fácil de rastrear e indexar do que o conteúdo dentro do aplicativo.

… E em seus resultados de pesquisa no iOS

PWAs no iOS: ainda não está pronto para o horário nobre

Não há duas maneiras, os PWAs na plataforma iOS ainda não estão prontos para o horário nobre, especialmente considerando as limitações que não existem no Android.

Como não há convites ou avisos do Safari, o usuário deve descobrir um PWA e visitar seu URL no Safari, em seguida, clicar no ícone Compartilhar e escolher a ação Adicionar à tela inicial.

Isso é muito trabalhoso, especialmente sem uma indicação de que um site que você está visitando é um PWA.

Em comparação, é muito mais fácil tocar em banners de aplicativos no topo de um site e obter seu aplicativo nativo na App Store. Até que a Apple duplique o suporte ao PWA, o que duvido que eles façam com o gerador de dinheiro da App Store, haverá pouco envolvimento dos usuários do iPhone.

Simplificando, os PWAs no iOS atualmente oferecem baixo valor de negócios em comparação com os aplicativos nativos.

Em conclusão

As implicações dos PWAs para os usuários do iOS não são tão óbvias porque a Apple não sabe exatamente como usá-los. Não é preciso ser um cientista espacial para descobrir que a Apple prefere que você baixe aplicativos nativos da App Store. O fato de os PWAs no iOS terem funções mais limitadas devido ao ambiente Sandboxing da Apple, que no Android também não ajuda.

E por causa de tudo isso, os PWAs provavelmente não assumirão o controle dos aplicativos nativos tão cedo.

Se você não está satisfeito com o estado atual das coisas no que diz respeito ao suporte do iOS para PWAs, pode enviar solicitações de aprimoramento em.

Análise?

Se você gostou desse “como fazer”, passe para o seu apoio e deixe um comentário abaixo.

Fiquei preso? Não tem certeza de como fazer certas coisas no seu dispositivo Apple? Informe-nos via info@thetechmag.net e um tutorial futuro pode fornecer uma solução.

Envie suas próprias sugestões sobre como fazer isso via info@thetechmag.net .

O que são aplicativos da web progressivos e como instalá-los e usá-los no iPhone e iPad


A tecnologia é um mundo fascinante que eu gosto de explorar constantemente. Estou interessado em todos os tópicos, mas os telemóveis são os meus favoritos. Estou comprometido a trazer-vos as melhores notícias que posso encontrar todos os dias.

Francisco Terrinca

Fundador da thetechmag.net 

Deixe uma resposta

O seu endereço de email não será publicado. Campos obrigatórios marcados com *