Mobilappar

Bygg mobilanpassade webbappar i Proyecta. PWA:er fungerar redan idag; inbyggda iOS/Android-omslag via PWA Builder.

Proyecta bygger webbappar. Den snabbaste vägen till “en app i telefonen” ä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öder det) få push-notiser, offlinestöd och en helskärmsupplevelse.

För distribution via App Store, Google Play eller Microsoft Store paketerar du den publicerade PWA:en med ett verktyg som PWA Builder.

Vad du får direkt

Responsiv viewport-växlare i builder — växla mellan Desktop / Tablet / Mobile-förhandsvisningar medan du redigerar
Mobilanpassade AI-promptar — AI:n vet hur man bygger responsiva layouter när du ber om det
Mobilfliken i dashboarden — en dedikerad Mobile-panel med stegen Appearance, Test och Publish för att omvandla din app till en installerbar mobilapp
Push-notiser — se Push-notiser
Mobilt builder-gränssnitt — Proyecta fungerar på telefoner, så du kan bygga på språng

Fliken Mobile

Öppna dashboarden och växla till fliken Mobile för ett guidat flöde i tre steg:

Appearance — granska din apps ikon, namn och temafärg. Om mobilstödet inte är konfigurerat än klickar du på Set up mobile support så ordnar Proyecta det åt dig i ett enda steg — ingen prompt att skriva.
Test — skanna en QR-kod för att öppna din publicerade app i en riktig telefon (se Testa på mobil).
Publish to App Store — en steg-för-steg-genomgång för att paketera och skicka in till appbutikerna (se Publicera till appbutiker).

Webbapp-mallen levereras redan med ett web app manifest (site.webmanifest) och en service worker (sw.js), så grunden för en installerbar, offlinekapabel PWA finns på plats från den första bygget — fliken Mobile och AI:n anpassar det bara till just din app.

PWA-vägen

Den snabbaste vägen är knappen Set up mobile support i fliken Mobile. Om du föredrar att vara specifik kan du också fråga AI:n direkt:

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

Oavsett vilket alternativ du väljer konfigureras manifestet och service workern. När du har publicerat 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 inbyggd app från sin hemskärm

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

Gå djupare: inbyggda omslag

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

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

Se Publicera till appbutiker för detaljer.

Begränsningar att känna till

Apple kan avvisa rena WebView-appar som inte lägger till inbyggd funktionalitet. Tänk på det här innan du siktar på App Store.
Push-notiser på iOS kräver att användaren installerar PWA:en från Safari först (inte från ett omslag).
Kamera, GPS, kontakter fungerar alla via webb-API:er — enbart inbyggda API:er (HealthKit, ARKit) är inte tillgängliga från ett PWA-omslag.

Kommer snart

Inbyggda React Native / Expo-mallar för projekt som behöver riktiga inbyggda skal
Capacitor-integration som ett alternativt sätt att omsluta appar
Appbutikspubliceringsguide direkt i builder (ikoner, splash screens, butiksbeskrivningar)
Hantering av appbutiksmetadata synkroniserad med builder