Aplicações Web instaláveis

[andjao 2]

Boa tarde,

 

Ao entrar no site da https://www.pokedex.org ou do https://dev.opera.com, dá para instalar o site como app no Chrome para Android, ele até aparece na galeria de apps, e tem a opção de desinstalar, então o site meio que vira um aplicativo, gostaria de saber como faço para deixar meu site assim, para instalar meu site no meu Android.

 

Já tentei de tudo, já estou usando o arquivo manifest.json em meu site http://marchi.esy.es, mais só dá para criar a atalho na tela inicial, fica igual um app, até abre como um app, mais não instala.

[andjao 2]

Alguem?

[rikaschmitt 54]

Cara, não adianta ficar replicando seu post para chamar alguém.

Se ninguém comentou ainda, é porque não sabemos como fazer isso.

 

Na verdade tu já tentou procurar no Google alguma coisa sobre isso? Não tenho muito conhecimento em aplicativos mobile, mas se você quer transformar seu site em um app, no mínimo você vai ter que programar alguma coisa na linguagem mobile... pelo menos para "criar" o app e "chamar" o site dentro dele.

 

:P

[andjao 2]

1 minuto atrás, rikaschmitt disse:

Cara, não adianta ficar replicando seu post para chamar alguém.

Se ninguém comentou ainda, é porque não sabemos como fazer isso.

 

Na verdade tu já tentou procurar no Google alguma coisa sobre isso? Não tenho muito conhecimento em aplicativos mobile, mas se você quer transformar seu site em um app, no mínimo você vai ter que programar alguma coisa na linguagem mobile... pelo menos para "criar" o app e "chamar" o site dentro dele.

 

:P

Já fiz alguns procedimentos, digamos que ja fiz tudo que vi e não obtive resultado ainda, até ja dei uma olha aqui:

https://imasters.com.br/desenvolvimento/como-criar-seu-primeiro-progressive-web-app-do-zero

 

Mais vlw pelos avisos, vou ficar no aguardo

[Marlon Pacheco 132]

Cara,

 

Tu tá confundindo os apps para Chrome com apps para Android.

Pra realmente instalar algo no Android tu vai precisar da APK, enquanto no Chrome tu só vai empacotar "todo" o teu site em um diretório do PC. São conceitos bem diferentes.

O que tu pode fazer é "converter" a aplicação web para mobile.

Phonegap é uma boa opção.

Espero ter ajudado.

[Pita 53]

Em 2017-6-10 at 11:35, Marlon Pacheco disse:

Cara,

 

Tu tá confundindo os apps para Chrome com apps para Android.

Pra realmente instalar algo no Android tu vai precisar da APK, enquanto no Chrome tu só vai empacotar "todo" o teu site em um diretório do PC. São conceitos bem diferentes.

O que tu pode fazer é "converter" a aplicação web para mobile.

Phonegap é uma boa opção.

Espero ter ajudado.

Olá Marlon Pacheco

 

Na verdade ele está falando de Progressive Web Apps, é uma forma de construção de sites com algumas técnicas especificas onde o celular(e seu navegador) reconhecem e tratam o site como um aplicativo, permitindo que o site seja instalado(alguns recursos do celular são copiados para o celular inclusive)

 

Mais alguns links que podem ajudar:

https://medium.com/tableless/introdução-aos-progressive-web-apps-ad47ba24cddb

https://developers.google.com/web/progressive-web-apps/

 

[Vinicius Cainelli 17]

https://developers.google.com/web/progressive-web-apps

https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/

https://developers.google.com/web/fundamentals/getting-started/codelabs/offline/

[AnthraxisBR 56]

Tem um mecanismo que é basicamente um navegador fechado, igual é feito com chromium em sistemas desenvolvidos pra web, mas que devem rodar com o 'instalavel', eu não sei exatamente como funciona, mas é basicamente um navegador modificado pra rodar só o seu site, o site da http://bandamaldita.com.br possui uma parada dessa.

[Marlon Pacheco 132]

15 horas atrás, Pita disse:

Olá Marlon Pacheco

 

Na verdade ele está falando de Progressive Web Apps, é uma forma de construção de sites com algumas técnicas especificas onde o celular(e seu navegador) reconhecem e tratam o site como um aplicativo, permitindo que o site seja instalado(alguns recursos do celular são copiados para o celular inclusive)

 

Mais alguns links que podem ajudar:

https://medium.com/tableless/introdução-aos-progressive-web-apps-ad47ba24cddb

https://developers.google.com/web/progressive-web-apps/

 

@Pita, buenas.

 

A confusão q eu fiz foi sobre o Chrome (não atentei para o fato de ele estar falando do Android). Mas mesmo assim ainda não vi um PWA que seja instalado de fato no device.

Como você disse, PWA utiliza de recursos do device através do navegador e isso não é o que o @andjao está procurando.

 

@andjao, fiz os testes nos 2 sites que você comentou, mas nenhum deles aparece na tela de aplicativos para desinstalar, são apenas atalhos na tela inicial do dispositivo.

 

Admito que posso estar errado, pois já tem algum tempo que não me envolvo diretamente em projetos do tipo, mas tento me manter atualizado qto a essas novidades.

Se houver mesmo uma maneira de instalar um app através do navegador, eu gostaria de saber, de vdd.

Em tempo, um ótimo artigo do Sérgio Lopes, da Caelum: https://imasters.com.br/desenvolvimento/progressive-web-apps-palavra-chave-e-web-nao-app/

E uma galeria de PWA: https://pwa.rocks/

[Pita 53]

Olá @Marlon Pacheco, mas o PWA é isso mesmo, ele apenas cria o icone na tela inicial, não tem uma real instalação. Como falei, o que existe é criar o site de forma especial, informando recursos como JS e imagens que devem ficar em cache para ser acessado mesmo o celular estando offline, etc...

[andjao 2]

Caras, ele realmente instala, entra no meu site. https://marchi.ml pelo chrome do android, e espera um pouco, ele vai aparecer um pop-up do próprio navegador, e vai pedir para instalar no celular, quando forem ver, o meu site virou um app no cell de vcs, eu consegui transformar meu site em um Progressive Web App, o legal que ele usa Service Worker, ai da para usar offline. Detalher, só funciona se o site for em HTTPS, (com certificado SSL).

[Marlon Pacheco 132]

11 minutos atrás, andjao disse:

Caras, ele realmente instala, entra no meu site. https://marchi.ml pelo chrome do android, e espera um pouco, ele vai aparecer um pop-up do próprio navegador, e vai pedir para instalar no celular, quando forem ver, o meu site virou um app no cell de vcs, eu consegui transformar meu site em um Progressive Web App, o legal que ele usa Service Worker, ai da para usar offline. Detalher, só funciona se o site for em HTTPS, (com certificado SSL).

 

Nenhum popup. Já publicou a alteração?

[Vinicius Cainelli 17]

Vamos lá.

Sobre os dois exemplos que você citou, pokedex e opera dev.
Nenhum deles instala um App nativo para Android no seu dispositivo, os dois são PWA's, o que fazem é criar um atalho no seu home screen, usando o Google Chrome como base.

Aqui o print de quando abro eles no meu chrome no android 



 

Pode conferir, os dois, assim como outras dezenas de apps, estão nessa lista: https://pwa.rocks/
Já o seu, não vai aparecer, pois isso quem decide é o Google, baseado na quantidade de acessos que as pessoas fazem ao seu site.

Quanto ao parecer com um app, quem fez se preocupou em criar animações baseadas nas animações do android.
Você pode ver isso no app que o Sergio Lopes publicou no github: https://github.com/sergiolopes/shopping

[Pita 53]

57 minutos atrás, Vinicius Cainelli disse:

Vamos lá.

Sobre os dois exemplos que você citou, pokedex e opera dev.
Nenhum deles instala um App nativo para Android no seu dispositivo, os dois são PWA's, o que fazem é criar um atalho no seu home screen, usando o Google Chrome como base.

Aqui o print de quando abro eles no meu chrome no android 



 

Pode conferir, os dois, assim como outras dezenas de apps, estão nessa lista: https://pwa.rocks/
Já o seu, não vai aparecer, pois isso quem decide é o Google, baseado na quantidade de acessos que as pessoas fazem ao seu site.

Quanto ao parecer com um app, quem fez se preocupou em criar animações baseadas nas animações do android.
Você pode ver isso no app que o Sergio Lopes publicou no github: https://github.com/sergiolopes/shopping

 

Olá @Vinicius Cainelli, isso não tem nada haver com o Google autorizar ou não, isso tem haver como você faz o seu site, existe uma série de regras, como por exemplo, usar https, utilizar worker, etc, quando seguir esses padrões do PWA que será disponibilizada a opção de instalação.

 

Digo que não tem relação com o Google porque o PWA permite no Android, IOS, WindowsPhone, Windows10(sim, desktop), etc, então não depende de aprovação da Google nem do volume de acessos

[Vinicius Cainelli 17]

9 minutos atrás, Pita disse:

 

Olá @Vinicius Cainelli, isso não tem nada haver com o Google autorizar ou não, isso tem haver como você faz o seu site, existe uma série de regras, como por exemplo, usar https, utilizar worker, etc, quando seguir esses padrões do PWA que será disponibilizada a opção de instalação.

 

Digo que não tem relação com o Google porque o PWA permite no Android, IOS, WindowsPhone, Windows10(sim, desktop), etc, então não depende de aprovação da Google nem do volume de acessos

Querido, não disse que precisa ser autorizado, e sim mostrado automaticamente.

Exato, qualquer um pode fazer isso, mas para que o navegador mostre de forma automática, quem decide é o Google, (to falando só quando usa o Chrome, não posso falar dos outros).

Sacou?
 

[andjao 2]

meu site, não não ta mais funcionando service worker, não ta dando mais para instalar, e nem esta aparecendo o banner para instalar, alguem pode verificar?

 

site: marchi.ml

[andjao 2]

Da um monte de erro, no console do chrome, que nem sei que erros são, ja pesquisei no google, mais não consegui solucioná-los