Este é app de exercício usando ionic, angular, @angular/pwa e firebase, para criação de um app todo simples.
Para demonstração foi usado o firebase hosting por possuir https default.
- CRUD TODO
- Utilização offline
- Sincronização de dados com rede disponível
- Resgate de localização (cidade) via api
- Push notification
- Verificação de atualizações
Para utilizar o recurso de geolocalização (resgatar as cidade do usuário) adicione uma chave de api google (geolocation) no arquivo environments/environment.prod.ts, na propriedade google_api_key.
Caso não seja informada uma chave válida, o app tentará resgatar a cidade através de uma pi utilizando o IPv4 do usuário.
Para gerar um build com este projeto é preciso ter o ambiente ionic em sua máquina.
Siga estes passos
- npm i -g @ionic/cli;
- npm i
- ionic build --prod
Os artefatos de saída estarão na pasta ./www, basta adicionar este conteúdo a um servidor com ssl.
Para fins de continuar este estudo, ainda serão implementadas
- Forma de sincronização com background sync
- Melhor uso do indexedDB
- Melhor verificação de erros e calls de acordo com o suporte do Browser
- Melhoria da usabilidade
- Adição de melhores icones
- Substituíção da API TODO
OBS: Troca de api TODO.
Até o momento foi utilizada a API GO do projeto TODOBackend que é bastante útil para um estudo inicial, mas conforme avançamos em PWA vemos que o backend precisa estar apto a trabalhar com sincronização da melhor forma possível.