Vytvoriť aplikáciu s Codexom: návod pre začiatočníkov
Autor: Mehdi Azizi
Aktualizované , 6 min
Vytvor svoj prvý projekt aplikácie s Codexom od OpenAI: priprav Expo, zadávaj presné prompty, testuj na iPhone a pochop kroky pred App Store.
Dá sa vytvoriť mobilná aplikácia s Codexom?
Áno. Codex, programovací agent od OpenAI, ti môže pomôcť postaviť aplikáciu: číta tvoj projekt, upravuje súbory a spúšťa príkazy. Pri aplikácii pre iPhone ho môžeš použiť v projekte React Native a Expo a potom výsledok otestovať na telefóne.
Codex pracuje na kóde. Zobrazenie na iPhone, kompiláciu distribuovateľnej verzie a odoslanie do Apple treba overiť samostatne. Tento návod ponúka prvý postup s jednoduchou funkciou, skôr než pridáš účty alebo platby.
1. Priprav si nápad dosť malý na začiatok
Skôr než čokoľvek nainštaluješ, napíš si tri riadky:
- Používateľ: komu aplikácia pomáha.
- Akcia: čo má v prvej verzii vedieť urobiť.
- Overenie: ako zistíš, že táto akcia funguje.
Vymyslený príklad, ktorý tu použijem: turista si pridáva veci z batohu do zoznamu a potom ich odškrtáva. Prvá verzia neobsahuje ani mapu, ani sociálnu sieť.
Ak tvoj popis stále znie ako „super appka s AI“, návod, ako nájsť nápad na aplikáciu, ti dá konkrétnejší východiskový bod. Potom môžeš použiť jednostranovú špecifikáciu.
2. Vytvor mobilný projekt a zobraz prvú obrazovku
Na tento postup si priprav Node.js vo verzii odporúčanej Expom, editor kódu a testovacie prostredie. Riaď sa oficiálnym postupom na vytvorenie projektu Expo: uvádza aktuálny príkaz aj upozornenia na kompatibilitu s Expo Go.
Zobraz si úvodný projekt skôr, než od Codexu budeš chcieť nejakú funkciu. Ak sa prázdny projekt nespustí, ťažko zistíš, či budúca chyba pochádza z inštalácie, alebo z vygenerovaného kódu.
Expo Go umožňuje testovať funkcie kompatibilné s jeho prostredím. Keď pridáš natívny kód, ktorý v ňom nie je zahrnutý, môžeš potrebovať iné testovacie prostredie a tento kód pri odoslaní prechádza kontrolou Apple, napríklad ITMS-90338 pri neverejných API. Nezamieňaj si tento náhľad s finálnou verziou pre App Store. Postup React Native a Expo vysvetľuje úlohu týchto nástrojov.
3. Daj Codexu správny priečinok
Vyber si rozhranie, ktoré ti vyhovuje: desktopovú aplikáciu, terminál alebo rozšírenie editora. Oficiálny úvod od OpenAI popisuje dostupné možnosti aj prihlásenie.
V desktopovej aplikácii otvor priečinok svojej appky a na vývoj vyber Codex. V termináli, po inštalácii CLI podľa oficiálnej dokumentácie, prejdi do toho istého priečinka a až potom spusti agenta:
cd mon-app
codex
mon-app tu predstavuje názov tvojho priečinka. Skontroluj ho, namiesto toho, aby si príkaz skopíroval v hocijakom adresári. Neotváraj celý počítač, keď stačí priečinok projektu.
Tvoja prvá požiadavka môže byť len na čítanie:
Prečítaj tento projekt bez úpravy súborov.
Vysvetli mi, kde sú obrazovky,
navigácia a dáta.
Uveď dostupné príkazy na
spustenie a overenie appky.
Som začiatočník: vysvetli technické pojmy,
ktoré používaš.
4. Postav jednu funkciu a pozri sa na výsledok
Požiadaj o obmedzenú zmenu:
Pridaj obrazovku na balenie turistického
batohu.
Používateľ môže zadať názov
veci, pridať ju do zoznamu a odškrtnúť ju.
Drž sa konvencií projektu a
použi lokálne dáta.
Nevytváraj účet, server ani
platbu.
Najprv vysvetli plán, potom vypíš
upravené súbory.
Over projekt jeho existujúcimi
príkazmi.
Daj mi zoznam akcií, ktoré mám otestovať na
telefóne.
Po zmene si pozri upravené súbory a zobraz appku. Požiadaj o vysvetlenie, ak nechápeš, prečo agent pridal nejakú službu alebo nahradil veľkú časť projektu.
Otestuj pridanie veci, prázdny vstup, odškrtnutie a otvorenie klávesnice. Na malej obrazovke musí tlačidlo zostať dostupné. Úspešný technický príkaz sám osebe nedokazuje, že sa tento postup dá reálne používať.
5. Opravuj na základe presných pozorovaní
„Nefunguje to“ necháva priveľa možností. Popíš akciu, očakávaný výsledok a to, čo sa naozaj stalo:
Na iPhone pridám „fľaša“, potom
appku zavriem a znova otvorím.
Zoznam je opäť prázdny. Chcem, aby sa veci
zachovali medzi dvoma otvoreniami.
Navrhni najjednoduchšiu opravu v
tomto projekte.
Uveď, ako overiť ukladanie a
vymazanie veci.
Pridaj užitočný screenshot alebo chybovú hlášku, bez súkromných údajov a tajných kľúčov. Ak zlyhá viac opráv, požiadaj Codex, aby vysvetlil pozorovanú príčinu, skôr než začneš odznova. Ulož si funkčnú verziu, aby si sa k nej mohol vrátiť.
6. Od prototypu k distribuovateľnej aplikácii
Keď je hlavná funkcia použiteľná, ďalšie rozhodnutia závisia od tvojich potrieb: lokálne alebo synchronizované dáta, povinné alebo voliteľné prihlásenie, bezplatná verzia alebo predplatné.
Každý doplnok prináša nové overovanie. Účet znamená otestovať prístup k dátam každého používateľa. Predplatné znamená otestovať nákup, obnovenie nákupu a prístup po vypršaní. Funkcia s plateným API znamená pochopiť, kde sa volanie vykonáva a kto platí za jeho používanie.
Pred týmito krokmi si prečítaj úskalia iOS appky vytvorenej s AI. Na distribúciu testovacej verzie použi návod na TestFlight. Na zverejnenie sa riaď postupom pre App Store.
Často kladené otázky
Pridá Codex automaticky AI do mojej aplikácie?
Nie. Použiť AI na písanie kódu neznamená, že finálna aplikácia obsahuje chatbota alebo volá nejaký model. Náš príklad môže fungovať s lokálnym zoznamom, bez AI v produkte.
Dá sa začať bez predplatného všetkých nástrojov?
Over si prístupy a limity svojho účtu v aktuálnych ponukách OpenAI. Začni jednou funkciou, skôr než začneš pridávať ďalšie služby. Návod vytvoriť aplikáciu zadarmo rozlišuje prototyp a poplatky za zverejnenie.
Codex alebo Claude Code na začiatok?
Porovnaj, ktorý postup dokážeš zvládnuť, a nie sľuby rýchlosti. Porovnanie Codex a Claude Code ponúka spoločné cvičenie, ktoré ti pomôže rozhodnúť sa.
Chceš vedieť, čo postaviť ďalej?
Bezplatná diagnostika ti pomôže zorientovať sa v projekte a vybrať ďalší krok, potom ti pošle môj checklist proti zamietnutiu od Apple. iOS Kit ti dá štartovací kód mojich appiek a postup v štyroch krokoch, od nápadu po App Store. Pre kompletnú metódu objav kurz tvorby iOS aplikácií. Ak staviaš s AI, stránka kurz vibe codingu sleduje rovnaký postup.