Hoppa till innehåll

Mobilappar

Bygg mobilanpassade webbappar i Proyecta. PWA:er fungerar idag; native-omslag för iOS/Android via PWA Builder.

Proyecta bygger webbappar. Den snabbaste vägen till “en app på en telefon” är en responsiv webbapp — eventuellt förstärkt som en Progressive Web App (PWA) så att användare kan installera den på sin hemskärm och (på plattformar som stödjer det) få push-notiser, offline-stöd och en helskärmsupplevelse.

För native-distribution via App Store, Google Play eller Microsoft Store omsluter du den publicerade PWA:n med ett verktyg som PWA Builder.

  • Responsiv viewport-växlare i builder — växla mellan Desktop / Tablet / Mobile-förhandsvisningar under redigering
  • Mobilanpassade AI-prompter — AI:n vet hur man bygger responsiva layouter när du ber om det
  • Push-notiser via Proyecta SDK — se Push-notiser
  • Mobilt builder-gränssnitt — Proyecta fungerar själv på telefoner, så du kan bygga när du är på språng

För de flesta appar är en PWA rätt val:

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

AI:n konfigurerar manifestet och service workern. När du väl publicerar kan användare:

  • Öppna din app i valfri mobilwebbläsare
  • Trycka på webbläsarmenyn och välja Add to Home Screen (iOS) eller Install app (Android)
  • Starta den som en native-app från hemskärmen

PWA:er på iOS 16.4+ stödjer också Web Push, så notiser fungerar — se Push-notiser för konfiguration.

Om du behöver distribuera till App Store eller Google Play är den rekommenderade vägen att omsluta din publicerade PWA:

  1. Publicera till din *.proyecta.live-subdomän (eller en anpassad domän)
  2. Öppna pwabuilder.com och ange din URL
  3. Generera native-paket — Android (AAB), iOS (Xcode-projekt), Windows (MSIX)
  4. Skicka in till respektive butik

Se Publicera till appbutiker för mer information.

  • Apple kan avvisa rena WebView-appar som inte tillför native-funktionalitet. Tänk på detta innan du riktar in dig på App Store.
  • Push-notiser på iOS kräver att användaren först installerar PWA:n från Safari (inte från ett omslag).
  • Kamera, GPS, kontakter fungerar alla via webb-API:er — API:er som bara finns i native (HealthKit, ARKit) är inte tillgängliga från ett PWA-omslag.
  • Native React Native / Expo-mallar för projekt som behöver riktiga native-skal
  • Capacitor-integration som ett alternativt omslutningssätt
  • Publiceringsguide för appbutiker direkt i builder (ikoner, startskärmar, butikstext)
  • Hantering av appbutiksmetadata synkad med builder