Apps Mobile

Crie web apps otimizados para mobile no Proyecta. PWAs funcionam hoje; wrappers nativos para iOS/Android via PWA Builder.

O Proyecta cria web apps. O caminho mais rápido para “um app no celular” é um web app responsivo — opcionalmente aprimorado como um Progressive Web App (PWA) para que os usuários possam instalá-lo na tela inicial e, em plataformas compatíveis, receber notificações push, suporte offline e uma experiência em tela cheia.

Para distribuição nativa pela App Store, Google Play ou Microsoft Store, você empacota o PWA publicado usando uma ferramenta como o PWA Builder.

O que você tem desde o início

• Alternador de viewport responsivo no builder — alterne entre as visualizações Desktop / Tablet / Mobile enquanto edita
• Prompts de IA com foco em mobile — a IA sabe como criar layouts responsivos quando você pede
• Aba Mobile no dashboard — um painel Mobile dedicado com as etapas Appearance, Test e Publish para transformar seu app em um app mobile instalável
• Notificações push — veja Push Notifications
• Interface do builder no mobile — o próprio Proyecta funciona em celulares, então você pode criar onde estiver

A aba Mobile

Abra o dashboard e acesse a aba Mobile para um fluxo guiado em três etapas:

• Appearance — revise o ícone, o nome e a cor do tema do seu app. Se o suporte mobile ainda não estiver configurado, clique em Set up mobile support e o Proyecta faz tudo por você em uma única etapa — sem precisar escrever nenhum prompt.
• Test — escaneie um QR code para abrir seu app publicado em um celular real (veja Test on Mobile).
• Publish to App Store — um passo a passo para empacotar e enviar seu app às lojas (veja Publish to App Stores).

O template de webapp já inclui um web app manifest (site.webmanifest) e um service worker (sw.js), então a base para um PWA instalável e com suporte offline já está pronta desde o primeiro build — a aba Mobile e a IA apenas adaptam tudo ao seu app.

O caminho pelo PWA

O caminho mais rápido é o botão Set up mobile support na aba Mobile. Se preferir ser mais específico, você também pode pedir diretamente à IA:

Add PWA support to my app:
- Web app manifest with name, icons, theme color
- Service worker with offline cache for the app shell
- Service worker with update toast on new version

De qualquer forma, o manifest e o service worker serão configurados. Após publicar, os usuários podem:

• Abrir seu app em qualquer navegador mobile
• Tocar no menu do navegador e escolher Add to Home Screen (iOS) ou Install app (Android)
• Abrir o app como um app nativo a partir da tela inicial

PWAs no iOS 16.4+ também suportam Web Push, então as notificações funcionam — veja Push Notifications para configurar.

Indo além: wrappers nativos

Se você precisar publicar na App Store ou no Google Play, o caminho recomendado é empacotar seu PWA publicado:

1. Publique no seu subdomínio *.proyecta.live (ou em um domínio personalizado)
2. Acesse pwabuilder.com e insira sua URL
3. Gere os pacotes nativos — Android (AAB), iOS (projeto Xcode), Windows (MSIX)
4. Envie para a loja correspondente

Veja Publish to App Stores para mais detalhes.

Limitações importantes

• A Apple pode rejeitar apps que sejam apenas WebView e não adicionem funcionalidades nativas. Considere isso antes de publicar na App Store.
• Notificações push no iOS exigem que o usuário instale o PWA pelo Safari primeiro (não por um wrapper).
• Câmera, GPS e contatos funcionam via APIs web — APIs exclusivamente nativas (HealthKit, ARKit) não são acessíveis a partir de um wrapper PWA.

Em breve

• Templates nativos com React Native / Expo para projetos que precisam de shells verdadeiramente nativos
• Integração com Capacitor como alternativa de empacotamento
• Assistente de publicação nas lojas dentro do builder (ícones, splash screens, textos para a listagem)
• Gerenciamento de metadados das lojas sincronizado com o builder