Respostas interessantes marcadas com a tag

18 votos
Aceito

O que são Progressive Web Apps?

Progressive Web Apps são experiências que combinam o melhor da Web e o melhor dos aplicativos. Eles são úteis para os usuários desde a primeira visita em uma guia de navegador sem exigir ...
Arthur Menezes's user avatar
8 votos

O que são Progressive Web Apps?

As grandes empresas e entusiastas de tecnologia já percebem que o número de downloads de aplicativos para celular vem diminuindo a cada ano e diante desta situação surgiram os progressive web apps. Os ...
William Pereira's user avatar
7 votos

O que são Progressive Web Apps?

O que é exatamente Progressive Web App (PWA) ou Aplicação Web Progressiva? Essa parte você encontra na documentação: Apps progressivos para a Web São experiências que combinam o melhor da ...
Taisbevalle's user avatar
  • 9.174
5 votos

O que são Progressive Web Apps?

PWA são features de experiência que uma aplicação web pode fornecer para o usuário de modo que seja similar a de uma aplicação nativa. O fato da aplicação ser Progressiva é que a a medida que o ...
Lucas Lentz's user avatar
5 votos
Aceito

Qual a diferença do PWA e TWA (Trusted Web Activities)?

O ponto principal de um TWA é realmente estar disponível na Play Store (como um APK) e por isso precisa se conformar com suas regras, por outro lado ganha alguns direitos (mínimos) que antes não ...
Maniero's user avatar
  • 483mil
3 votos

Que tecnologias posso usar para criar um PWA

Acredito que depois que você ter um background satisfatório em relação ao javascript, você poderia focar em um framework para agilizar o desenvovlimento de um PWA. Minha opinião é usar VueJs pela ...
Matheus Felipe's user avatar
3 votos
Aceito

Que tecnologias posso usar para criar um PWA

Para criar um PWA, basicamente você precisa de HTML, JavaScript e CSS. Em linhas gerais, PWA é um Web App com um Service Worker implementado permitindo que você torne sua aplicação offline e consiga ...
Arthur Menezes's user avatar
2 votos

Position: fixed, usar ou não usar? Substitutos

Cara, realmente a palestra de 2013 já tá bem desatualizada. Não caga pra mim não, mas pode cagar pra palestra hahaha. O cenário era bem caótico em 2013. Nada funcionava com fixed em praticamente ...
Sérgio Lopes's user avatar
2 votos
Aceito

Escopo de service-worker?

Um arquivo que se encontra dentro de /statics/sw.js funcionará da mesma forma que um que está na raiz do projeto?? Não funcionará, ele apenas terá acesso aos eventos fetch que iniciam com /statics ...
David Schrammel's user avatar
2 votos
Aceito

Como evitar quebra de layout em um projeto PWA?

Tem um jeito de fazer que acho que pode te atender. Eu esqueci o nome dessa técnica, mas ela faz um "versionamento" da URL do arquivo CSS, isso faz com que o browser sempre faça o download do "novo" ...
hugocsl's user avatar
  • 66,8mil
2 votos
Aceito

Como identificar atualizações no servidor com Service Worker?

Pergunta interessante. Já tentou usar um timestamp no nome dos scripts? Isso ajudaria na hora que ocorre uma atualização. Dá uma olhada no https://developers.google.com/web/showcase/2015/service-...
Diego Guterres's user avatar
2 votos
Aceito

Como testar service worker localmente?

Service worker precisa de um ambiente seguro, e "localhost" na porta 80 é considerado um ambiente seguro. Caso você precise realizar um teste em um ambiente não seguro, pode ligar uma flag no chrome: ...
Ricardo Othuki's user avatar
2 votos
Aceito

Qual a interface evento que é recebido pelo evento beforeinstallprompt?

Em vez de any, use unknown ou never unknown Forçará você a afirmar explicitamente e com segurança que o tipo está correto. never É útil ao instanciar parâmetros de tipo genérico dos quais você não ...
Syzoth's user avatar
  • 100mil
1 voto

Liberar conexão não segura com Websocket

Se você utiliza https na web, é obrigatório que todos as demais conexões sejam seguras. Não há como contornar o problema do self-signed, já que o PWA não vai permitir tal comunicação. Uma solução que ...
Paulo Antoniassi's user avatar
1 voto

PWA - Como passar parâmetros para outra página estando offiline?

A forma que eu consegui contornar isso é passando os parâmetros via hash Ex: /pagina/#page=livro&id=1 function get_hash() { var GET = {}; try { var hash = window.location.hash....
Naldo Almeida's user avatar
1 voto

Existe a possibilidade de transformar uma aplicação construída com PHP em PWA?

Não, isto não faz sentido. PWA é uma aplicação de frontend, e PHP é usado no backend. Por outro lado, qualquer PWA feito corretamente se comunica com qualquer backend.
Maniero's user avatar
  • 483mil
1 voto
Aceito

Como saber se o pwa já foi instalado em outro domínio?

Você pode utilizar um cookie pra verificar se o botão já foi clicado e setar esse cookie em ambos os domínios com a ajuda de um iframe (uma vez que o cookie é único por domínio). Ou seja, você pode ...
Luis Grappi's user avatar
1 voto

os sites pwa funcionan no iphone como no android?

Sim amigo existem uma série de cuidados a ser tomados quando o PWA vai rodar no iOS. O primeiro é que para sava-lo como atalho na tela inicial vc precisa identificar qual é o browser de acesso para ...
hugocsl's user avatar
  • 66,8mil
1 voto

Manifest.json dinamico ? É possivel

Eu consegui resolver usando o exemplo do site https://medium.com/@alshakero/how-to-setup-your-web-app-manifest-dynamically-using-javascript-f7fbee899a61 var myDynamicManifest = { "name": "Your ...
Gabriel GMM's user avatar
1 voto

Que tecnologias posso usar para criar um PWA

Você pode utilizar por exemplo o ionic para criar o seu PWA e utilizar qualquer linguagem de programação WEB para criar uma API Rest no back-end. Com o Angular você poderá fazer integração com ...
Lucas Brogni's user avatar
  • 1.009
1 voto
Aceito

Limpar o histórico do `vue-router` quando carregar menu principal

Infelizmente (ou felizmente) não é possível alterar o histórico de navegação, por motivos de segurança, os browsers não o permitem. Caso queira buscar uma solução de contorno, pode tentar algo ...
Tobias Mesquita's user avatar
  • 23,1mil
1 voto
Aceito

Executar função js Service Worker mesmo com o navegador fechado ou minimizado

Service Worker é um Proxy, ele executa funções durante a requisição e então encerra. As API's Web-Push e Sync podem operar em "background" mesmo que o usuário não esteja na aplicação más, é ...
Lauro Moraes's user avatar
  • 3.976
1 voto
Aceito

Position: fixed, usar ou não usar? Substitutos

Vc pode trocar o fixed por position:sticky apesar do suporte dos browsers ainda não ser muito grande. Documentação: https://developer.mozilla.org/pt-BR/docs/Web/CSS/position Suporte dos Browsers: ...
hugocsl's user avatar
  • 66,8mil
1 voto

Logar utilizando dialógo nativo do Facebook a partir de um Progressive Web App

Olá! Os Intents são ativações de aplicativos nativos através de outro aplicativo nativo. Os WebIntents são ativações realizadas de um site para outros, sem que essa tenha que deixar o site em que a ...
Felipe Augusto's user avatar
1 voto
Aceito

PWA - Como usar o evento beforeinstallprompt?

Consegui resolver. O uso da função está correto, o que ocorre é que somente "entra" nesta função quando a instalação é efetuada quando surge a popup no navegador perguntando se o usuário deseja ...
Daniel Plácido's user avatar

Only top scored, non community-wiki answers of a minimum length are eligible