vue3-quasar-estoque

Aplicação de Estoque desenvolvido utilizando o framework Vue.js 3, framework Quasar e a ferramenta open source Supabase.

Documentação do framework Quasar.

Iniciar a aplicação

Para rodar o aplicativo utilize o seguinte comando:

quasar dev

Ou para iniciar no modo PWA utiliza o seguinte comando:

quasar dev -m pwa

Caso o framework Quasar ainda não esteja instalado no seu computador, utilize o seguinte comando:

Obs: Você deve possuir o npm instalado na sua máquina.

npm install -g @quasar/cli

Dependências

Para instalar as dependências utilize o seguinte comando:

yarn

Buildar a aplicação

Para buildar o aplicativo no modo PWA e utilizar em produção utilize o seguinte comando:

quasar build -m pwa

Quasar

Verificar se existem novas atualizações de dependências do Quasar:

quasar upgrade

Instalar as novas atualizações de dependências do Quasar:

quasar upgrade -i

Geração do Ícone da Aplicação

O ícone pode ser gerado utilizando o Icon Genie CLI.

Para instalar globalmente no computador utilize o seguinte comando:

npm install -g @quasar/icongenie

Obs: Tamanho mínimo recomendado: 1024x2024.

Para criar um ícone você pode utilizar o site Canva.

Em seguida é só salvar o ícone da raiz do projeto.

E depois rodar o seguinte comando para gerar os novos ícones:

icongenie generate -m pwa -i ./icon.png

Em seguida, o HTML apresentado no resultado da execução do comando deve ser copiado e colado no arquivo index.html sobreescrevendo os ícones antigos.

Avaliar a qualidade do PWA

Qualidade do APP PWA: PWA BUILDER.

Tipo de Categorias utilizadas no Manifesto: Manifest Categories Types.

Criar um icone Maskable: Maskable.

Postar o APP na Google Play

Primeiro é necessário construir o APK da aplicação que pode ser realizado no site PWA BUILDER.

Após a avaliação do PWA, é necessário acessar o próxima página e selecionar a opção "Publish your PWA to stores".

Escolher a opção Android e pressionar o botão "Store Package".

Em seguida é necessário conferir as informações da aplicação e selecionar a opção "Generate".

Após a criação do APK, é necessário acessar o Google Play Console

Obs: Lembrar de atualizar a prop sha256_cert_fingerprints do asset links com a informações que está no Google Play Console em > Configuração > Integridade do app.