Crear una aplicació amb Codex: guia per començar
Per Mehdi Azizi
Actualitzat el , 6 min
Crea el teu primer projecte d'app amb Codex d'OpenAI: preparar Expo, enfocar els prompts, provar a l'iPhone i entendre els passos abans de l'App Store.
Es pot crear una aplicació mòbil amb Codex?
Sí. Codex, l'agent de programació d'OpenAI, et pot ajudar a construir una aplicació: llegeix el teu projecte, modifica fitxers i executa ordres. Per a una app d'iPhone, el pots fer servir en un projecte React Native i Expo, i després provar el resultat al teu telèfon.
Codex treballa sobre el codi. La visualització a l'iPhone, la compilació d'una versió distribuïble i l'enviament a Apple són passos que cal verificar per separat. Aquesta guia proposa un primer recorregut amb una funció senzilla, abans d'afegir comptes o pagaments.
1. Preparar una idea prou petita per començar
Escriu tres línies abans d'instal·lar res:
- L'usuari: a qui fa servei l'app.
- L'acció: què ha de poder fer a la primera versió.
- La verificació: com sabràs que aquesta acció funciona.
Exemple fictici que fem servir aquí: un excursionista afegeix els objectes de la seva motxilla a una llista i després els marca. La primera versió no té ni mapa ni xarxa social.
Si la teva descripció encara s'assembla a «una app increïble amb IA», la guia per trobar una idea d'aplicació et donarà un punt de partida més concret. Després pots fer servir el plec de condicions d'una pàgina.
2. Crear el projecte mòbil i mostrar una primera pantalla
Per seguir aquest recorregut, prepara Node.js en la versió que recomana Expo, un editor de codi i un entorn de proves. Segueix el procediment oficial per crear un projecte Expo: hi trobaràs l'ordre actual i les precaucions de compatibilitat amb Expo Go.
Mostra el projecte inicial abans de demanar cap funció a Codex. Si el projecte buit no arrenca, serà difícil saber si un error futur ve de la instal·lació o del codi generat.
Expo Go permet provar les funcions compatibles amb el seu entorn. Quan afegeixes codi natiu que no hi està inclòs, pot caldre un altre entorn de proves, i aquest codi passa un control d'Apple quan l'envies, com ITMS-90338 per a les API no públiques. No confonguis aquesta previsualització amb la versió final destinada a l'App Store. El recorregut React Native i Expo explica el paper d'aquestes eines.
3. Donar a Codex la carpeta correcta
Tria la superfície que et vagi bé: aplicació d'escriptori, terminal o extensió d'editor. La guia d'inici oficial d'OpenAI descriu les opcions disponibles i la connexió.
A l'aplicació d'escriptori, obre la carpeta de la teva app i selecciona Codex per a la feina de desenvolupament. Al terminal, després d'instal·lar la CLI segons la documentació oficial, situa't en aquesta mateixa carpeta abans de llançar l'agent:
cd mon-app
codex
mon-app representa aquí el nom de la teva carpeta. Comprova-ho en lloc de copiar l'ordre en un directori qualsevol. No obris tot l'ordinador quan n'hi ha prou amb la carpeta del projecte.
La teva primera petició pot ser només de lectura:
Llegeix aquest projecte sense modificar cap fitxer.
Explica'm on són les pantalles, la
navegació i les dades.
Indica les ordres disponibles per
arrencar i verificar l'app.
Soc principiant: explica els termes tècnics
que facis servir.
4. Construir una funció i després mirar el resultat
Demana un canvi limitat:
Afegeix una pantalla per preparar una motxilla
d'excursió.
L'usuari pot escriure el nom d'un
objecte, afegir-lo a una llista i marcar-lo.
Respecta les convencions del projecte i
fes servir dades locals.
No creïs cap compte, servidor ni
pagament.
Explica primer el pla i després llista els
fitxers modificats.
Verifica el projecte amb les seves ordres
existents.
Dona'm les accions que he de provar al meu
telèfon.
Després del canvi, mira els fitxers modificats i obre l'app. Demana una explicació si no entens per què l'agent ha afegit un servei o ha substituït una gran part del projecte.
Prova d'afegir un objecte, un camp buit, marcar-lo i obrir el teclat. En una pantalla petita, el botó ha de continuar sent accessible. Que una ordre tècnica funcioni no demostra per si sol que aquest recorregut sigui utilitzable.
5. Corregir amb observacions precises
«No funciona» deixa massa possibilitats. Descriu l'acció, el resultat esperat i el que ha passat de debò:
Al meu iPhone, afegeixo «cantimplora» i després
tanco i torno a obrir l'app.
La llista torna a estar buida. Vull conservar
els objectes entre dues obertures.
Proposa la correcció més senzilla en
aquest projecte.
Indica com verificar el desament i
l'eliminació d'un objecte.
Afegeix la captura o el missatge d'error útil, sense dades privades ni claus secretes. Si fallen diverses correccions, demana a Codex que expliqui la causa observada abans de tornar-hi. Desa una versió que funcioni per poder tornar enrere.
6. Passar del prototip a una aplicació distribuïble
Un cop la funció principal sigui utilitzable, les properes decisions depenen del que necessitis: dades locals o sincronitzades, inici de sessió obligatori o opcional, versió gratuïta o subscripció.
Cada afegit implica una nova verificació. Un compte obliga a provar l'accés a les dades de cada usuari. Una subscripció obliga a provar la compra, la restauració i l'accés després de la caducitat. Una funció que fa servir una API de pagament obliga a entendre on s'executa la crida i qui en paga l'ús.
Consulta els paranys d'una app iOS creada amb IA abans d'aquests passos. Per distribuir una versió de prova, fes servir la guia de TestFlight. Per a la publicació, segueix el recorregut App Store.
Preguntes freqüents
Codex afegeix automàticament una IA a la meva aplicació?
No. Fer servir una IA per escriure el codi no vol dir que l'aplicació final contingui un xatbot o cridi un model. El nostre exemple pot funcionar amb una llista local, sense IA al producte.
Es pot començar sense subscripció a totes les eines?
Comprova els accessos i els límits del teu compte a les ofertes actuals d'OpenAI. Comença amb una sola funció abans de multiplicar els serveis. La guia crear una aplicació gratis distingeix el prototip de les despeses de publicació.
Codex o Claude Code per començar?
Compara el recorregut que aconsegueixes seguir més que no pas una promesa de velocitat. La comparativa entre Codex i Claude Code proposa un exercici comú per decidir.
Vols saber què construir a continuació?
El diagnòstic gratuït t'ajuda a situar el teu projecte i a triar el pas següent, i després t'envia la meva checklist antirebuig d'Apple. L'iOS Kit et dona el codi de partida de les meves apps i un recorregut en quatre etapes, de la idea a l'App Store. Per al mètode complet, descobreix el recorregut de formació en creació d'apps iOS. Si construeixes amb IA, la pàgina formació en vibe coding segueix el mateix recorregut.