Lage en app med Codex: guide for nybegynnere
Av Mehdi Azizi
Oppdatert , 6 min
Lag ditt første app-prosjekt med Codex fra OpenAI: sett opp Expo, skriv tydelige prompter, test på iPhone og forstå stegene før App Store.
Kan man lage en mobilapp med Codex?
Ja. Codex, programmeringsagenten til OpenAI, kan hjelpe deg med å bygge en app ved å lese prosjektet ditt, endre filer og kjøre kommandoer. For en iPhone-app kan du bruke den i et React Native- og Expo-prosjekt, og så teste resultatet på telefonen din.
Codex jobber med koden. Visningen på iPhone, byggingen av en distribuerbar versjon og innsendingen til Apple er steg du må sjekke hver for seg. Denne guiden viser en første runde med én enkel funksjon, før du legger til kontoer eller betalinger.
1. Forbered en idé som er liten nok til å begynne med
Skriv tre linjer før du installerer noe som helst:
- Brukeren: hvem appen hjelper.
- Handlingen: hva brukeren skal kunne gjøre i den første versjonen.
- Sjekken: hvordan du vet at handlingen fungerer.
Fiktivt eksempel brukt her: en fjellvandrer legger tingene i sekken sin inn i en liste, og krysser dem av. Den første versjonen har verken kart eller sosialt nettverk.
Hvis beskrivelsen din fortsatt høres ut som «en kul app med AI», gir guiden for å finne en app-idé deg et mer konkret utgangspunkt. Etterpå kan du bruke kravspesifikasjonen på én side.
2. Opprett mobilprosjektet og vis en første skjerm
For å følge denne gjennomgangen trenger du Node.js i versjonen Expo anbefaler, en kodeeditor og et testmiljø. Følg den offisielle fremgangsmåten for å opprette et Expo-prosjekt: den gir deg gjeldende kommando og forholdsregler for kompatibilitet med Expo Go.
Vis startprosjektet før du ber Codex om en funksjon. Hvis det tomme prosjektet ikke starter, blir det vanskelig å vite om en senere feil kommer fra installasjonen eller fra den genererte koden.
Med Expo Go kan du teste funksjoner som er kompatible med miljøet. Når du legger til native kode som ikke er inkludert der, kan du trenge et annet testmiljø, og denne koden blir kontrollert av Apple ved opplasting, som ITMS-90338 for ikke-offentlige API-er. Ikke forveksle denne forhåndsvisningen med den endelige versjonen for App Store. Gjennomgangen om React Native og Expo forklarer hva disse verktøyene gjør.
3. Gi Codex riktig mappe
Velg den flaten som passer deg: skrivebordsapp, terminal eller editorutvidelse. OpenAIs offisielle kom-i-gang-guide beskriver de tilgjengelige alternativene og innloggingen.
I skrivebordsappen åpner du mappen til appen din og velger Codex for utviklingsarbeidet. I terminalen, etter at du har installert CLI-en etter den offisielle dokumentasjonen, går du til den samme mappen før du starter agenten:
cd mon-app
codex
mon-app står her for navnet på mappen din. Sjekk det i stedet for å kopiere kommandoen inn i en tilfeldig mappe. Ikke åpne hele datamaskinen når prosjektmappen holder.
Den første forespørselen din kan være skrivebeskyttet:
Les dette prosjektet uten å endre noen fil.
Forklar meg hvor skjermene, navigasjonen
og dataene ligger.
Oppgi hvilke kommandoer som finnes for
å starte og sjekke appen.
Jeg er nybegynner: forklar de tekniske
begrepene du bruker.
4. Bygg én funksjon, og se på resultatet
Be om en avgrenset endring:
Legg til en skjerm for å pakke en
fjelltursekk.
Brukeren kan skrive inn navnet på en
ting, legge den til i en liste og krysse den av.
Hold deg til konvensjonene i prosjektet og
bruk lokale data.
Ikke lag konto, server eller
betaling.
Forklar planen først, og list så opp
filene som er endret.
Sjekk prosjektet med de eksisterende
kommandoene.
Gi meg handlingene jeg skal teste på
telefonen.
Etter endringen ser du gjennom de endrede filene og viser appen. Be om en forklaring hvis du ikke forstår hvorfor agenten har lagt til en tjeneste eller byttet ut en stor del av prosjektet.
Test å legge til en ting, tom inndata, avkrysning og åpning av tastaturet. På en liten skjerm må knappen fortsatt være tilgjengelig. At en teknisk kommando går gjennom, beviser ikke alene at denne flyten er brukbar.
5. Rett feil med presise observasjoner
«Det funker ikke» åpner for for mange muligheter. Beskriv handlingen, forventet resultat og hva som faktisk skjedde:
På iPhonen min legger jeg til «vannflaske», så
lukker og åpner jeg appen igjen.
Listen er tom igjen. Jeg vil beholde
tingene mellom hver gang appen åpnes.
Foreslå den enkleste rettelsen i
dette prosjektet.
Forklar hvordan jeg sjekker lagringen og
slettingen av en ting.
Legg ved skjermbildet eller feilmeldingen som er relevant, uten private data eller hemmelige nøkler. Hvis flere rettelser feiler, be Codex forklare den observerte årsaken før du prøver på nytt. Lagre en versjon som fungerer, så du kan gå tilbake.
6. Gå fra prototype til distribuerbar app
Når hovedfunksjonen er brukbar, avhenger de neste valgene av behovet ditt: lokale eller synkroniserte data, obligatorisk eller valgfri innlogging, gratisversjon eller abonnement.
Hvert tillegg gir en ny ting å sjekke. En konto krever at du tester tilgangen til hver brukers data. Et abonnement krever at du tester kjøp, gjenoppretting og tilgang etter utløp. En funksjon som bruker et betalt API krever at du forstår hvor kallet kjøres og hvem som betaler for bruken.
Les om fallgruvene i en iOS-app laget med AI før disse stegene. For å distribuere en testversjon bruker du TestFlight-guiden. For publisering følger du App Store-gjennomgangen.
Ofte stilte spørsmål
Legger Codex automatisk til AI i appen min?
Nei. At du bruker AI til å skrive koden betyr ikke at den ferdige appen inneholder en chatbot eller kaller en modell. Eksempelet vårt kan fungere med en lokal liste, uten AI i produktet.
Kan man begynne uten abonnement på alle verktøyene?
Sjekk tilgangene og begrensningene på kontoen din i OpenAIs gjeldende planer. Start med én funksjon før du tar i bruk flere tjenester. Guiden lage en app gratis skiller mellom prototypen og publiseringskostnadene.
Codex eller Claude Code for nybegynnere?
Sammenlign hvilken gjennomgang du klarer å følge, heller enn løfter om fart. Sammenligningen av Codex og Claude Code gir deg en felles øvelse for å bestemme deg.
Vil du vite hva du skal bygge videre?
Den gratis diagnosen hjelper deg med å plassere prosjektet ditt og velge neste steg, og sender deg deretter sjekklisten min mot avvisning fra Apple. iOS Kit gir deg startkoden til appene mine og en gjennomgang i fire steg, fra idé til App Store. For hele metoden kan du sjekke ut kursløpet for å lage iOS-apper. Hvis du bygger med AI, følger siden om vibe coding-kurs samme løp.