Izrada aplikacije s Codexom: vodič za početnike

Može li se mobilna aplikacija napraviti s Codexom?

Može. Codex, OpenAI-jev agent za programiranje, može ti pomoći izgraditi aplikaciju: čita tvoj projekt, mijenja datoteke i pokreće naredbe. Za iPhone aplikaciju možeš ga koristiti u React Native i Expo projektu, a zatim rezultat testirati na svom telefonu.

Codex radi na kodu. Prikaz na iPhoneu, kompajliranje verzije spremne za distribuciju i slanje Appleu koraci su koje treba provjeriti zasebno. Ovaj vodič predlaže prvi put s jednostavnom funkcijom, prije nego što dodaš korisničke račune ili plaćanja.

1. Pripremi ideju dovoljno malu za početak

Napiši tri retka prije nego što išta instaliraš:

• Korisnik: kome aplikacija pomaže.
• Radnja: što korisnik mora moći napraviti u prvoj verziji.
• Provjera: kako ćeš znati da ta radnja radi.

Izmišljeni primjer koji ovdje koristim: planinar dodaje stvari iz svog ruksaka na popis, a zatim ih označava kvačicom. Prva verzija nema ni kartu ni društvenu mrežu.

Ako tvoj opis još uvijek zvuči kao „super aplikacija s AI-jem", vodič za pronalazak ideje za aplikaciju dat će ti konkretnije polazište. Nakon toga možeš iskoristiti specifikaciju na jednoj stranici.

2. Napravi mobilni projekt i prikaži prvi ekran

Za ovaj put pripremi Node.js u verziji koju preporučuje Expo, uređivač koda i okruženje za testiranje. Prati službeni postupak za izradu Expo projekta: u njemu su aktualna naredba i napomene o kompatibilnosti s Expo Go.

Prikaži početni projekt prije nego što od Codexa zatražiš ikakvu funkciju. Ako se prazni projekt ne pokreće, teško ćeš znati dolazi li neka buduća greška od instalacije ili od generiranog koda.

Expo Go omogućuje testiranje funkcija kompatibilnih s njegovim okruženjem. Kad dodaš nativni kod koji u njemu nije uključen, možda će ti trebati drugo okruženje za testiranje, a taj kod prolazi Appleovu provjeru pri slanju, kao ITMS-90338 za nejavne API-je. Ne miješaj ovaj pregled s finalnom verzijom namijenjenom App Storeu. Put React Native i Expo objašnjava ulogu tih alata.

3. Daj Codexu pravu mapu

Odaberi sučelje koje ti odgovara: desktop aplikaciju, terminal ili proširenje za uređivač. Službeni OpenAI-jev vodič za početak opisuje dostupne opcije i prijavu.

U desktop aplikaciji otvori mapu svoje aplikacije i odaberi Codex za razvojni rad. U terminalu, nakon što instaliraš CLI prema službenoj dokumentaciji, uđi u tu istu mapu prije pokretanja agenta:

cd mon-app
codex

mon-app ovdje predstavlja naziv tvoje mape. Provjeri ga umjesto da naredbu kopiraš u bilo koji direktorij. Ne otvaraj cijelo računalo kad je mapa projekta dovoljna.

Tvoj prvi zahtjev može biti samo za čitanje:

Pročitaj ovaj projekt bez mijenjanja datoteka.
Objasni mi gdje se nalaze ekrani,
navigacija i podaci.
Navedi dostupne naredbe za
pokretanje i provjeru aplikacije.
Početnik sam: objasni tehničke pojmove
koje koristiš.

4. Izgradi jednu funkciju, pa pogledaj rezultat

Zatraži ograničenu promjenu:

Dodaj ekran za pripremu planinarskog
ruksaka.
Korisnik može upisati naziv
stvari, dodati je na popis i označiti je.
Drži se konvencija projekta i
koristi lokalne podatke.
Nemoj raditi korisnički račun, poslužitelj ni
plaćanje.
Prvo objasni plan, a zatim navedi
izmijenjene datoteke.
Provjeri projekt njegovim postojećim
naredbama.
Daj mi radnje koje trebam testirati na
telefonu.

Nakon promjene pogledaj izmijenjene datoteke i pokreni aplikaciju. Zatraži objašnjenje ako ne razumiješ zašto je agent dodao neki servis ili zamijenio velik dio projekta.

Testiraj dodavanje stvari, prazan unos, označavanje i otvaranje tipkovnice. Na malom ekranu gumb mora ostati dostupan. Uspješna tehnička naredba sama po sebi ne dokazuje da je ovaj tijek upotrebljiv.

5. Ispravljaj uz precizna zapažanja

„Ne radi" ostavlja previše mogućnosti. Opiši radnju, očekivani rezultat i ono što se stvarno dogodilo:

Na iPhoneu dodam „bočica za vodu", zatim
zatvorim i ponovno otvorim aplikaciju.
Popis je opet prazan. Želim da se stvari
sačuvaju između dva otvaranja.
Predloži najjednostavniji ispravak u
ovom projektu.
Reci mi kako provjeriti spremanje i
brisanje stvari.

Dodaj korisnu snimku zaslona ili poruku o grešci, bez privatnih podataka i tajnih ključeva. Ako više ispravaka ne uspije, zamoli Codex da objasni uočeni uzrok prije novog pokušaja. Spremi verziju koja radi kako bi se mogao vratiti na nju.

6. Od prototipa do aplikacije spremne za distribuciju

Kad je glavna funkcija upotrebljiva, sljedeći izbori ovise o tvojim potrebama: lokalni ili sinkronizirani podaci, obavezna ili neobavezna prijava, besplatna verzija ili pretplata.

Svaki dodatak donosi novu provjeru. Kod korisničkog računa moraš testirati pristup podacima svakog korisnika. Kod pretplate moraš testirati kupnju, vraćanje kupnje i pristup nakon isteka. Funkcija koja koristi plaćeni API traži da razumiješ gdje se poziv izvršava i tko plaća njegovo korištenje.

Prije tih koraka pročitaj zamke iOS aplikacije napravljene s AI-jem. Za distribuciju testne verzije koristi TestFlight vodič. Za objavu prati put do App Storea.

Česta pitanja

Dodaje li Codex automatski AI u moju aplikaciju?

Ne. Korištenje AI-ja za pisanje koda ne znači da finalna aplikacija sadrži chatbot ili poziva neki model. Naš primjer može raditi s lokalnim popisom, bez AI-ja u proizvodu.

Može li se početi bez pretplate na sve alate?

Provjeri pristupe i ograničenja svog računa u aktualnim OpenAI-jevim paketima. Počni s jednom funkcijom prije nego što počneš gomilati servise. Vodič besplatna izrada aplikacije razlikuje prototip od troškova objave.

Codex ili Claude Code za početak?

Usporedi tijek koji uspijevaš pratiti, a ne obećanja o brzini. Usporedba Codexa i Claude Codea predlaže zajedničku vježbu za odluku.

Želiš znati što dalje graditi?

Besplatna dijagnostika pomaže ti procijeniti gdje je tvoj projekt i odabrati sljedeći korak, a zatim ti šalje moju checklistu protiv Appleovih odbijanja. iOS Kit daje ti početni kod mojih aplikacija i put u četiri koraka, od ideje do App Storea. Za cijelu metodu pogledaj program edukacije za izradu iOS aplikacija. Ako gradiš s AI-jem, stranica edukacija za vibe coding prati isti put.