Apps Webview / PWA
Na Cadrant, constrói estas apps no separador Aplicação móvel, opção « Webview / PWA ». É uma única app web mobile-first, que se distribui de duas formas — como PWA, nas lojas, ou ambas:
- PWA — publica uma URL, e os seus utilizadores instalam a app a partir do navegador, sem passar por uma loja.
- WebView — a mesma app, empacotada num shell nativo e enviada para a App Store e para o Google Play.
O que obtém
- UI mobile-first gerada para ecrãs de toque e formatos de telemóvel.
- Pré-visualização em moldura de telemóvel dentro da Cadrant (os mesmos separadores de uma app web: preview, editor, código, data).
- Uma URL gratuita da Cadrant, ou o seu próprio domínio, com HTTPS incluído.
- Backend Supabase: auth, base de dados, storage e Edge Functions.
- Sincronização com GitHub e histórico de versões.
1. PWA: instalar a partir do navegador
Uma PWA (Progressive Web App) é uma app web que os seus utilizadores instalam no telemóvel diretamente a partir do navegador. É a forma mais simples de pôr um produto mobile nas mãos das pessoas: publica uma URL, e essa URL é a app.
Como uma PWA chega aos seus utilizadores
- Abrem a sua URL no telemóvel, em qualquer navegador.
- Tocam em « Adicionar ao ecrã principal » no menu do navegador.
- A app ganha o seu próprio ícone e abre em ecrã inteiro, sem a interface do navegador.
- A cada publicação, todos recebem a nova versão de imediato — nada para descarregar, nada para aprovar.
Publicar
No cabeçalho do projeto, abra Publicar e escolha um slug ou ligue um domínio próprio. Partilhe o link e está online. Detalhes sobre slug e domínios: Publicar o seu projeto.
O que uma PWA não consegue fazer
- As APIs do dispositivo são limitadas em relação a uma app nativa — em especial câmara e notificações push, e o iOS restringe-as mais do que o Android.
- Não está na App Store: ninguém a vai encontrar a pesquisar na loja. Para isso, passe à parte 2.
Fluxo de trabalho PWA
Construir e pré-visualizar
Itere na moldura de telemóvel até a navegação e os fluxos principais funcionarem.Publicar a URL
Escolha um slug ou um domínio próprio e partilhe o link.Testar a instalação
Abra a URL num telemóvel real e adicione-a ao ecrã principal para verificar o ícone, o splash e o ecrã inteiro.
2. WebView: publicar nas lojas
Uma app WebView é a sua app web publicada, empacotada num shell nativo e enviada para a App Store e para o Google Play. É o mesmo projeto que a sua PWA — a diferença é que esta ganha uma ficha na loja. Escolha este caminho quando as pessoas precisarem de encontrar e instalar a app a partir da loja em vez de um link.
Pré-requisitos para publicar: o plano Starter, uma conta Expo (gratuita), uma conta Apple Developer (US$ 99/ano) para a App Store e uma conta de programador Google Play (US$ 25 uma única vez) para o Google Play.
Como funciona
- A Cadrant gera um shell Expo mínimo cujo único ecrã é uma WebView nativa a apontar para a sua URL publicada.
- Os builds iOS e Android correm na sua conta Expo, e o Expo envia-os para a sua conta do App Store Connect e para o seu Play Console.
- Os utilizadores instalam-na a partir da loja como qualquer outra app.
O que muda em relação à PWA
- Encontrável: a sua app tem ficha, ícone e nome que as pessoas podem pesquisar.
- Passa por revisão: a Apple analisa o binário antes de publicar e a cada build; a Google analisa as releases de produção no Play.
- O conteúdo continua a atualizar-se de imediato: o shell carrega a sua URL em direto, por isso publicar muda o que os utilizadores veem sem enviar um novo build.
Publicar
Os dois fluxos são idênticos aos de uma app nativa: os builds correm na sua conta Expo, e o Expo envia o binário iOS para a sua conta do App Store Connect e o app bundle Android para o seu Play Console. Passo a passo, por plataforma — iOS: Publicar no App Store Connect. Android: Publicar no Google Play.
Fluxo de trabalho WebView
Ligue a sua conta Expo
Crie uma conta Expo gratuita e cole um token de acesso em Integrações. O plano gratuito cobre 15 builds iOS e 15 Android por mês, e os builds correm na sua conta.Publicar: o build corre na sua conta Expo
A Cadrant guia-o pela configuração da loja — login Apple e certificado no iOS, criação da app e convite da conta de serviço no Google Play —, inicia o build na sua conta Expo, e o Expo envia-o para o App Store Connect ou para o seu Play Console.Testar num dispositivo real
No iOS, instale este binário exato pelo TestFlight. No Android, faça o rollout da release em rascunho para os testers internos no Play Console. É aqui que vê a app tal como os seus utilizadores a vão receber, não como uma pré-visualização.Publicar nas lojas
Finalize as fichas no App Store Connect e no Play Console — capturas, descrição, privacidade —, envie a versão para a revisão da Apple e lance a versão Android a partir do teste interno.
Veja também
- Apps móveis nativas — APIs nativas completas, quando o navegador não basta.
- Publicar o seu projeto — slug e domínios personalizados.
- Publicar no App Store Connect — fluxo Apple Developer, build e upload.
- Publicar no Google Play — configuração do Play Console, chave de upload e rollout no Teste interno.