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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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-...
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 ...
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
...
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" ...
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: ...
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 ...
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 ...
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....
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.
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 ...
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 ...
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 ...
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 ...
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 ...
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, é ...
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: ...
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 ...
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 ...
Only top scored, non community-wiki answers of a minimum length are eligible
Tags relacionadas
pwa × 42javascript × 20
service-worker × 7
php × 4
html × 4
android × 4
aplicação-web × 4
vue.js × 4
mobile × 4
progressive-web-apps × 3
css × 2
asp.net-core × 2
vue-router × 2
c# × 1
html5 × 1
json × 1
angular × 1
wordpress × 1
typescript × 1
query × 1
codeigniter × 1
web-service × 1
firebase × 1
ios × 1
react-native × 1