Handledningar
Mellanliggande
Du kommer att lära dig
- Krav för mobilappar
- Generering av React Native
- Integration av inbyggda funktioner
- Docker-baserad testning
- Driftsättning i appbutiker
- Publicering i skaparekonomin
Bygg en mobilapplikation
Skapa produktionsklara iOS- och Android-appar på 25 minuter
Vill du nå användare på deras telefoner? I den här handledningen kommer du att bygga en komplett mobil träningsapp för iOS och Android. Se när Conductor planerar och Virtuoso bygger din React Native-app i riktiga Docker-containrar – med faktiska byggen och tester.
Vad vi ska bygga
En träningsapp med: träningsloggning, framstegsdiagram, push-notiser, integration med hälsokit, offline-stöd och social delning – produktionsklar för App Store och Google Play.
Förutsättningar
- Slutfört handledningen Kom igång
- Nxcode-konto (Lite eller Pro)
- Ingen erfarenhet av mobilutveckling krävs
Mobilutveckling med Nxcode
Nxcode genererar React Native-appar som körs inbyggt på iOS och Android. Här är vad som gör det annorlunda:
Riktig inbyggd kod
Inte en webbomslag – faktisk React Native som kompileras till inbyggda iOS- och Android-binärer.
Docker-testning
Din app byggs och körs i Docker. Om den inte kompileras fixar Virtuoso det automatiskt.
Inbyggda funktioner
Kamera, notiser, hälsokit, geolokalisering – allt fungerar direkt.
En kodbas
En enda kod för båda plattformarna, med plattformsspecifika optimeringar där det behövs.
Beskriv din mobilapp
Berätta för Conductor vad du vill ha. Var specifik gällande inbyggda funktioner:
Bygg en träningsapp för iOS och Android:
Kärnfunktioner:
- Träningsloggning med övningar, set, reps, vikter
- Konditionsträning med GPS för utomhuslöpning
- Framstegsdiagram som visar styrkeökningar över tid
- Vilotimer mellan set med notiser
- Träningshistorik och personliga rekord
Hälsointegration:
- Synkronisering med Apple Health / Google Fit
- Stegräkning och daglig aktivitet
- Puls under träning (om tillgängligt)
Sociala funktioner:
- Dela träningssammanfattningar på sociala medier
- Vänutmaningar och topplistor
- Gemenskapens träningsmallar
Offline-stöd:
- Fullständig offline-funktionalitet
- Synkronisera när du är online igen
Design:
- Mörkt läge som standard
- Stora, tryckvänliga knappar
- Smidiga animationerConductor planerar din mobilapp
För mobilappar skapar Conductor en plan som hanterar plattformsskillnader:
Fas 1: Grundläggande inställningar
- 1Initiera React Native med TypeScript
- 2Konfigurera navigering (flik + stack)
- 3Ställ in tillståndshantering (Redux)
- 4Skapa datalager med offline-fokus
Fas 2: Träningsfunktioner
- 1Bygg skärmar för träningsloggning
- 2Skapa övningsdatabas
- 3Implementera vilotimer med notiser
- 4Lägg till framstegsdiagram
Fas 3: Inbyggd integration
- 1Integration med Apple Health / Google Fit
- 2GPS-spårning för kondition
- 3Inställning av push-notiser
- 4Kamera för framstegsbilder
Fas 4: Socialt & Puts
- 1Integration av social delning
- 2Vänsystem och utmaningar
- 3Animationer och haptisk feedback
- 4Generering av tillgångar för appbutiker
Conductor
Jag planerar din träningsapp. Några snabba frågor: 1. Ska GPS-spårning fungera i bakgrunden under löprundor? 2. Vill du ha tillhörande appar för Apple Watch / Wear OS? 3. Ska träningsdata synkroniseras mellan enheter? 4. Någon specifik övningsdatabas (annars skapar jag en omfattande)?
User
Ja till bakgrunds-GPS. Inga klockappar för tillfället. Ja till synkronisering mellan enheter. Skapa en bra standarddatabas.
Conductor
Perfekt! Jag har skapat 18 uppgifter fördelade på 4 faser. Virtuoso kommer att bygga och testa på både iOS- och Android-simulatorer i Docker. Detta tar cirka 12-15 minuter. Startar nu!
Se mobilbyggen i Docker
Virtuoso kör riktiga mobilbyggen – inte bara kodgenerering:
JavaScript-paket skapat och validerat
Xcode bygger i Docker, fel upptäcks tidigt
Gradle-bygge med riktigt Android SDK
Appar startar och grundläggande flöden testas
Behörigheter för hälsokit, GPS och kamera verifieras
Till skillnad från verktyg som bara matar ut kod, bygger Nxcode faktiskt din app. Om React Native ger byggfel fixar Virtuoso dem automatiskt. Du får en fungerande app, inte ett trasigt projekt.
Integration av inbyggda funktioner
Virtuoso hanterar den komplexa inbyggda konfigurationen:
Apple Health / Google Fit
Läs steg, träning, puls. Skriv träningspass. Korrekt hantering av behörigheter.
GPS & Bakgrundsplats
Spåra utomhuslöpning även när appen är i bakgrunden. Batterioptimerad implementering.
Push-notiser
Lokala notiser för vilotimers. Fjärrnotiser för vänaktivitet.
Offline-fokus
SQLite för lokal lagring. Bakgrundssynkronisering när du är online. Konflikthantering ingår.
Testa din mobilapp
Flera sätt att testa innan inskick till appbutik:
Webbgranskning
Snabb förhandsvisning i webbläsaren. Bra för UI, men inga inbyggda funktioner.
Expo Go
Skanna QR-kod, testa på din telefon. De flesta funktioner fungerar.
Utvecklingsbygge
Fullständigt inbyggt bygge för att testa alla funktioner inklusive hälsokit.
TestFlight / Intern testning
Dela med betatestare innan offentlig lansering.
Driftsättning i appbutiker
Nxcode förenklar processen för att skicka in till appbutiker:
- Klicka på "Bygg för produktion"
- Signerad IPA (iOS) och AAB (Android) genereras
- Skärmbilder för appbutiker genereras automatiskt
- Integritetspolicy och listningstext skapas
- Ladda upp till App Store Connect / Google Play Console
Vad som ingår
- Kodsignering hanteras automatiskt
- Generering av skärmbilder för alla enhetsstorlekar
- Förslag på innehåll för listning i App Store
- Generator för integritetspolicy
- Versionshantering
Monetarisera din mobilapp
Förvandla din app till återkommande intäkter:
In-app-prenumerationer
Virtuoso kan lägga till prenumerationsnivåer (gratis, pro) med fakturering via App Store / Play Store.
Skaparekonomi
Lista på Nxcode-marknadsplatsen. Användare betalar via vår plattform, du behåller 70 %.
Direktförsäljning
Sälj premiumfunktioner direkt via ditt eget Stripe-konto.
Många träningsappar tar 9,99 USD/månad. Med 200 prenumeranter blir det 1 400 USD/månad (efter 70 % andel i skaparekonomin).
Vad du har byggt
- Produktionsklar React Native-app
- Inbyggt stöd för iOS och Android
- Integration av hälsokit och GPS
- Arkitektur med offline-fokus
- Push-notiser
- Byggen redo för appbutiker
Din mobilapp blev inte bara genererad – den byggdes, testades på iOS- och Android-simulatorer och verifierades att den faktiskt går att kompilera. Det är Nxcode-skillnaden.