PWA(Progressive Web App) PARA SISTEMAS SC9

Programação
#1

Boa tarde meus colegas DEVs, estou fazendo um projeto pessoal e gostaria de compartilhar com vcs.

Estou tentando aplicar dentro do SC o PWA(Progressive Web App).
Após algumas pesquisas compartilho o tutorial que foi melhor de aprender e que funcionou fora do SC, mais ainda não consegui trazer para dentro do SC.

Link do material de aprendizagem: https://developers.google.com/web/fundamentals/codelabs/your-first-pwapp?hl=pt-brp

Alguém já fez ou gostaria de compartilhar como podemos aplicarveste recurso nossos projetos.

Fontes do projeto para quem desejar baixar:
https://github.com/googlecodelabs/your-first-pwapp/archive/master.zip

2 Curtidas
#3

Não abandonei rsrsra

#4

Boa noite Adriano,

Já obteve algum resultado positivo?

#5

Eu estou muito curioso para ver isso funcionando…

#6

Olá bom dia, o método menos complicado foi usar um html antes da pagina de login com um serviceworker e um manifesto.json. Quanto ao serviceworker só não ativei o cache para funcionamento offline pois não funcionou muito bem com os arquivos do SC e tb pq expõe os caminhos absolutos dos arquivos baixados. Como exemplo código: https://www.pwabuilder.com/.
Mas estou fazendo sozinho, se quiser os fontes posso disponibilizar aqui para irmos aprimorando.

#7

Eu gostaria de ver uma grid em PWA, um formulário em PWA…
Não precisa enviar fontes, só liberar um link para eu testar as apps no mobile.

1 Curtida
#8

Bom dia sr Haroldo, vc ta sempre nos ajudando, será ficarei feliz em atender um pedido seu.

Nos meus testes não muda nada no formulário ou grid apenas na interface do navegador que se assemelha a um aplicativo, mas o comportamento mobile do SC fica o mesmo, assim como solicitado segue exemplo abaixo:

image
image1366×740 141 KB

#9

Eu gostaria de ver o comportamento em mobile, grids e formulários, mas tudo bem…

#10

20210120_145352
20210120_1453521080×2340 174 KB

#11

Esta co a aparência que o SC tem no mobile.

Comportamento PWA além de responsividade tem aparência de app mobile.

Ajuste o tamanho da tela até o minimo do browser, o comportamento é o mesmo no mobile, e dinamicamente gire o mobile.

#12

Então isto foi o melhor que eu consegui fazer
Mas tem outros pontos que não sei melhorar.
Mas acho que se já vier nativamente será muito mais.
Outro ponto é que não deu certo usar o cache offline pois expõe os caminhos da aplicação e não tem com criptografar.

Aproveitando, alguem saberia como pegar a data de criação do arquivo index.php ou uma variável do SC que diga a descrição e a data em que a versão foi criada dentro SC? Seria muito util para fazer fetch.