PWA Setup Instructions

Arquivos Criados

1. manifest.json - Configuração do PWA com metadados e ícones
2. service-worker.js - Service Worker para funcionalidade offline
3. icon.svg - Ícone SVG do aplicativo
4. generate-icons.html - Ferramenta para gerar ícones PNG

Gerar Ícones PNG

Para gerar os ícones PNG necessários (192x192 e 512x512):

Opção 1: Usar generate-icons.html

1. Abra generate-icons.html no navegador
2. Clique nos botões “Download” para salvar os ícones
3. Salve como icon-192.png e icon-512.png na raiz do projeto

Opção 2: Usar ferramentas online

• Acesse https://realfavicongenerator.net/ ou https://www.pwabuilder.com/imageGenerator
• Faça upload do icon.svg
• Gere e baixe os ícones nos tamanhos 192x192 e 512x512

Opção 3: Usar ImageMagick (linha de comando)

convert icon.svg -resize 192x192 icon-192.png
convert icon.svg -resize 512x512 icon-512.png

Configuração do Servidor

Certifique-se de que o servidor está configurado para:

• Servir arquivos com os MIME types corretos:
  • manifest.json como application/manifest+json
  • service-worker.js como application/javascript
  • icon.svg como image/svg+xml

Testar PWA

1. Abra o site no Chrome/Edge
2. Abra DevTools > Application > Manifest
3. Verifique se o manifest está carregado corretamente
4. Vá em Service Workers e verifique se está registrado
5. Teste a instalação usando o botão “Install” no navegador

Domínio Configurado

O manifest.json está configurado para: https://airesources.artesdosul.com/