Vytvoření aplikace s Codexem: návod pro začátečníky
Autor: Mehdi Azizi
Aktualizováno , 6 min
Vytvoř první aplikaci s Codexem od OpenAI: připrav Expo, formuluj prompty, testuj na iPhonu a pochop kroky před App Store.
Dá se s Codexem vytvořit mobilní aplikace?
Ano. Codex, programovací agent od OpenAI, ti může pomoct postavit aplikaci: čte tvůj projekt, upravuje soubory a spouští příkazy. U aplikace pro iPhone ho můžeš použít v projektu React Native a Expo a výsledek pak otestovat na telefonu.
Codex pracuje s kódem. Zobrazení na iPhonu, sestavení distribuovatelné verze a odeslání Applu jsou kroky, které musíš ověřit zvlášť. Tenhle návod tě provede první cestou s jednoduchou funkcí, ještě než přidáš účty nebo platby.
1. Připrav si nápad, který je dost malý na začátek
Než cokoliv nainstaluješ, napiš si tři řádky:
- Uživatel: komu aplikace pomáhá.
- Akce: co musí v první verzi zvládnout.
- Ověření: jak poznáš, že ta akce funguje.
Smyšlený příklad, který tu používám: turista si přidává věci z batohu do seznamu a pak je odškrtává. První verze nemá mapu ani sociální síť.
Pokud tvůj popis pořád zní jako „super appka s AI“, návod, jak najít nápad na aplikaci ti dá konkrétnější výchozí bod. Potom můžeš použít jednostránkové zadání.
2. Vytvoř mobilní projekt a zobraz první obrazovku
Na tuhle cestu si připrav Node.js ve verzi, kterou doporučuje Expo, editor kódu a testovací prostředí. Postupuj podle oficiálního návodu na vytvoření projektu Expo: najdeš tam aktuální příkaz i upozornění na kompatibilitu s Expo Go.
Než po Codexu chceš nějakou funkci, zobraz si výchozí projekt. Když se prázdný projekt nespustí, těžko pak poznáš, jestli budoucí chyba pochází z instalace, nebo z vygenerovaného kódu.
Expo Go umožňuje testovat funkce kompatibilní s jeho prostředím. Když přidáš nativní kód, který v něm není, můžeš potřebovat jiné testovací prostředí a tenhle kód projde při odeslání kontrolou Applu, třeba ITMS-90338 u neveřejných API. Nepleť si tenhle náhled s finální verzí pro App Store. Cesta React Native a Expo vysvětluje, k čemu tyhle nástroje slouží.
3. Dej Codexu správnou složku
Vyber si rozhraní, které ti vyhovuje: desktopovou aplikaci, terminál nebo rozšíření editoru. Oficiální úvod od OpenAI popisuje dostupné možnosti a přihlášení.
V desktopové aplikaci otevři složku své appky a pro vývojovou práci vyber Codex. V terminálu si nejdřív nainstaluj CLI podle oficiální dokumentace, přesuň se do stejné složky a teprve pak spusť agenta:
cd mon-app
codex
mon-app tu znamená název tvé složky. Zkontroluj ho, místo abys příkaz kopíroval do libovolného adresáře. Neotevírej celý počítač, když stačí složka projektu.
Tvůj první požadavek může být jen pro čtení:
Přečti si tento projekt a neměň žádný soubor.
Vysvětli mi, kde jsou obrazovky,
navigace a data.
Uveď dostupné příkazy pro
spuštění a ověření appky.
Jsem začátečník: vysvětli technické pojmy,
které používáš.
4. Postav jednu funkci a pak se podívej na výsledek
Požádej o omezenou změnu:
Přidej obrazovku pro balení batohu
na túru.
Uživatel může zadat název
věci, přidat ji do seznamu a odškrtnout ji.
Drž se konvencí projektu a
používej lokální data.
Nevytvářej účet, server ani
platby.
Nejdřív vysvětli plán, pak vypiš
upravené soubory.
Ověř projekt jeho stávajícími
příkazy.
Dej mi seznam akcí, které mám otestovat
na telefonu.
Po změně si projdi upravené soubory a spusť appku. Požádej o vysvětlení, pokud nechápeš, proč agent přidal nějakou službu nebo nahradil velkou část projektu.
Otestuj přidání věci, prázdný vstup, odškrtnutí a otevření klávesnice. Na malé obrazovce musí tlačítko zůstat dostupné. Úspěšně proběhlý technický příkaz sám o sobě nedokazuje, že je tahle cesta použitelná.
5. Opravuj podle přesných pozorování
„Nefunguje to“ nechává otevřeno příliš mnoho možností. Popiš akci, očekávaný výsledek a to, co se skutečně stalo:
Na iPhonu přidám „láhev“, pak
appku zavřu a znovu otevřu.
Seznam je zase prázdný. Chci, aby věci
zůstaly uložené mezi otevřeními.
Navrhni nejjednodušší opravu v
tomto projektu.
Uveď, jak ověřit ukládání a
smazání věci.
Přidej užitečný screenshot nebo chybovou hlášku, bez soukromých údajů a tajných klíčů. Pokud selže několik oprav, požádej Codex, ať vysvětlí pozorovanou příčinu, než začneš znovu. Ulož si funkční verzi, abys se k ní mohl vrátit.
6. Přechod od prototypu k distribuovatelné aplikaci
Jakmile je hlavní funkce použitelná, další rozhodnutí závisí na tom, co potřebuješ: lokální, nebo synchronizovaná data, povinné, nebo volitelné přihlášení, bezplatná verze, nebo předplatné.
Každý přídavek znamená nové ověřování. U účtu musíš otestovat přístup k datům každého uživatele. U předplatného musíš otestovat nákup, obnovení a přístup po vypršení. U funkce, která volá placené API, musíš pochopit, kde se volání provádí a kdo za jeho používání platí.
Než se do těchhle kroků pustíš, projdi si pasti iOS appky vytvořené s AI. Na distribuci testovací verze použij návod k TestFlightu. Pro zveřejnění postupuj podle cesty do App Store.
Časté dotazy
Přidá Codex do mé aplikace automaticky AI?
Ne. To, že kód píše AI, neznamená, že finální aplikace obsahuje chatbota nebo volá nějaký model. Náš příklad může fungovat s lokálním seznamem, bez AI v produktu.
Dá se začít bez předplatného všech nástrojů?
Ověř si přístupy a limity svého účtu v aktuálních nabídkách OpenAI. Začni jednou funkcí, než začneš přidávat další služby. Návod vytvořit aplikaci zdarma odlišuje prototyp od poplatků za zveřejnění.
Codex, nebo Claude Code pro začátek?
Porovnávej podle toho, jakou cestu dokážeš zvládnout, ne podle slibované rychlosti. Srovnání Codexu a Claude Code nabízí společné cvičení, které ti pomůže rozhodnout.
Chceš vědět, co postavit dál?
Bezplatná diagnostika ti pomůže zařadit tvůj projekt a vybrat další krok, a pak ti pošle můj checklist proti zamítnutí od Applu. iOS Kit ti dá startovní kód mých appek a cestu ve čtyřech krocích, od nápadu až po App Store. Pro kompletní metodu se podívej na vzdělávací cestu k tvorbě iOS appek. Pokud stavíš s AI, stránka kurz vibe codingu sleduje stejnou cestu.