Δημιουργία εφαρμογής με Codex: οδηγός για αρχάριους
Από Mehdi Azizi
Ενημερώθηκε στις , 6 λ.
Φτιάξε την πρώτη σου εφαρμογή με το Codex της OpenAI: στήσε το Expo, γράψε σωστά prompts, δοκίμασε στο iPhone και μάθε τα βήματα πριν το App Store.
Μπορείς να φτιάξεις εφαρμογή για κινητό με το Codex;
Ναι. Το Codex, ο πράκτορας προγραμματισμού (agent) της OpenAI, μπορεί να σε βοηθήσει να φτιάξεις μια εφαρμογή: διαβάζει το project σου, τροποποιεί αρχεία και εκτελεί εντολές. Για μια εφαρμογή iPhone, μπορείς να το χρησιμοποιήσεις σε ένα project React Native και Expo και μετά να δοκιμάσεις το αποτέλεσμα στο κινητό σου.
Το Codex δουλεύει πάνω στον κώδικα. Η εμφάνιση στο iPhone, το build μιας έκδοσης προς διανομή και η υποβολή στην Apple είναι βήματα που πρέπει να ελέγξεις ξεχωριστά. Αυτός ο οδηγός προτείνει μια πρώτη διαδρομή με μια απλή λειτουργία, πριν προσθέσεις λογαριασμούς ή πληρωμές.
1. Ετοίμασε μια ιδέα αρκετά μικρή για να ξεκινήσεις
Γράψε τρεις γραμμές πριν εγκαταστήσεις οτιδήποτε:
- Ο χρήστης: ποιον εξυπηρετεί η εφαρμογή.
- Η ενέργεια: τι πρέπει να μπορεί να κάνει στην πρώτη έκδοση.
- Ο έλεγχος: πώς θα ξέρεις ότι αυτή η ενέργεια λειτουργεί.
Φανταστικό παράδειγμα που χρησιμοποιούμε εδώ: ένας πεζοπόρος προσθέτει τα αντικείμενα του σακιδίου του σε μια λίστα και μετά τα τσεκάρει. Η πρώτη έκδοση δεν έχει ούτε χάρτη ούτε κοινωνικό δίκτυο.
Αν η περιγραφή σου μοιάζει ακόμα με «μια τέλεια εφαρμογή με AI», ο οδηγός για να βρεις ιδέα για εφαρμογή θα σου δώσει ένα πιο συγκεκριμένο σημείο εκκίνησης. Μετά μπορείς να χρησιμοποιήσεις τις προδιαγραφές μίας σελίδας.
2. Δημιούργησε το project και εμφάνισε μια πρώτη οθόνη
Για να ακολουθήσεις αυτή τη διαδρομή, ετοίμασε το Node.js στην έκδοση που προτείνει το Expo, έναν επεξεργαστή κώδικα και ένα περιβάλλον δοκιμών. Ακολούθησε την επίσημη διαδικασία δημιουργίας project Expo: περιγράφει την τρέχουσα εντολή και τις προφυλάξεις συμβατότητας με το Expo Go.
Εμφάνισε το αρχικό project πριν ζητήσεις οποιαδήποτε λειτουργία από το Codex. Αν το κενό project δεν ξεκινά, θα είναι δύσκολο να καταλάβεις αν ένα μελλοντικό σφάλμα προέρχεται από την εγκατάσταση ή από τον κώδικα που δημιουργήθηκε.
Το Expo Go σού επιτρέπει να δοκιμάσεις τις λειτουργίες που είναι συμβατές με το περιβάλλον του. Όταν προσθέτεις native κώδικα που δεν περιλαμβάνεται σε αυτό, μπορεί να χρειαστεί άλλο περιβάλλον δοκιμών, και αυτός ο κώδικας περνά από έλεγχο της Apple κατά την αποστολή, όπως το ITMS-90338 για τα μη δημόσια API. Μη μπερδεύεις αυτή την προεπισκόπηση με την τελική έκδοση για το App Store. Η διαδρομή React Native και Expo εξηγεί τον ρόλο αυτών των εργαλείων.
3. Δώσε στο Codex τον σωστό φάκελο
Διάλεξε το περιβάλλον που σου ταιριάζει: εφαρμογή υπολογιστή, τερματικό ή επέκταση editor. Ο επίσημος οδηγός εκκίνησης της OpenAI περιγράφει τις διαθέσιμες επιλογές και τη σύνδεση.
Στην εφαρμογή υπολογιστή, άνοιξε τον φάκελο της εφαρμογής σου και επίλεξε το Codex για τη δουλειά ανάπτυξης. Στο τερματικό, αφού εγκαταστήσεις το CLI σύμφωνα με την επίσημη τεκμηρίωση, μπες στον ίδιο φάκελο πριν ξεκινήσεις τον agent:
cd mon-app
codex
Το mon-app εδώ αντιστοιχεί στο όνομα του φακέλου σου. Έλεγξέ το αντί να αντιγράψεις την εντολή σε έναν τυχαίο κατάλογο. Μην ανοίγεις ολόκληρο τον υπολογιστή σου όταν αρκεί ο φάκελος του project.
Το πρώτο σου αίτημα μπορεί να είναι μόνο ανάγνωση:
Διάβασε αυτό το project χωρίς να αλλάξεις κανένα αρχείο.
Εξήγησέ μου πού βρίσκονται οι οθόνες, η
πλοήγηση και τα δεδομένα.
Πες μου ποιες εντολές υπάρχουν για να
ξεκινήσω και να ελέγξω την εφαρμογή.
Είμαι αρχάριος: εξήγησε τους τεχνικούς όρους
που χρησιμοποιείς.
4. Φτιάξε μία λειτουργία και μετά δες το αποτέλεσμα
Ζήτα μια περιορισμένη αλλαγή:
Πρόσθεσε μια οθόνη για να ετοιμάζω σακίδιο
πεζοπορίας.
Ο χρήστης μπορεί να γράψει το όνομα ενός
αντικειμένου, να το προσθέσει σε λίστα και να το τσεκάρει.
Μείνε στις συμβάσεις του project και
χρησιμοποίησε τοπικά δεδομένα.
Μη δημιουργήσεις λογαριασμό, server ή
πληρωμή.
Εξήγησε πρώτα το πλάνο και μετά απαρίθμησε τα
αρχεία που άλλαξες.
Έλεγξε το project με τις υπάρχουσες
εντολές του.
Δώσε μου τις ενέργειες που πρέπει να δοκιμάσω στο κινητό μου.
Μετά την αλλαγή, κοίτα τα αρχεία που τροποποιήθηκαν και άνοιξε την εφαρμογή. Ζήτα εξήγηση αν δεν καταλαβαίνεις γιατί ο agent πρόσθεσε μια υπηρεσία ή αντικατέστησε μεγάλο μέρος του project.
Δοκίμασε την προσθήκη αντικειμένου, μια κενή καταχώριση, το τσεκάρισμα και το άνοιγμα του πληκτρολογίου. Σε μικρή οθόνη, το κουμπί πρέπει να παραμένει προσβάσιμο. Μια τεχνική εντολή που πέτυχε δεν αποδεικνύει από μόνη της ότι αυτή η διαδρομή είναι χρηστική.
5. Διόρθωσε με ακριβείς παρατηρήσεις
Το «Δεν δουλεύει» αφήνει πάρα πολλές πιθανότητες. Περιέγραψε την ενέργεια, το αναμενόμενο αποτέλεσμα και τι έγινε στην πραγματικότητα:
Στο iPhone μου, προσθέτω «παγούρι», μετά
κλείνω και ξανανοίγω την εφαρμογή.
Η λίστα αδειάζει. Θέλω να κρατιούνται
τα αντικείμενα ανάμεσα σε δύο ανοίγματα.
Πρότεινε την πιο απλή διόρθωση σε
αυτό το project.
Πες μου πώς να ελέγξω την αποθήκευση και
τη διαγραφή ενός αντικειμένου.
Πρόσθεσε το χρήσιμο στιγμιότυπο οθόνης ή μήνυμα σφάλματος, χωρίς προσωπικά δεδομένα ή μυστικά κλειδιά. Αν αποτύχουν αρκετές διορθώσεις, ζήτα από το Codex να εξηγήσει την αιτία που παρατηρεί πριν ξαναπροσπαθήσεις. Κράτα αντίγραφο μιας έκδοσης που λειτουργεί για να μπορείς να γυρίσεις πίσω.
6. Από το πρωτότυπο σε εφαρμογή προς διανομή
Μόλις η βασική λειτουργία γίνει χρηστική, οι επόμενες επιλογές εξαρτώνται από τις ανάγκες σου: τοπικά ή συγχρονισμένα δεδομένα, υποχρεωτική ή προαιρετική σύνδεση, δωρεάν έκδοση ή συνδρομή.
Κάθε προσθήκη φέρνει νέο έλεγχο. Ένας λογαριασμός απαιτεί να δοκιμάσεις την πρόσβαση στα δεδομένα κάθε χρήστη. Μια συνδρομή απαιτεί να δοκιμάσεις την αγορά, την επαναφορά και την πρόσβαση μετά τη λήξη. Μια λειτουργία που χρησιμοποιεί API επί πληρωμή απαιτεί να καταλάβεις πού εκτελείται η κλήση και ποιος πληρώνει τη χρήση της.
Διάβασε τις παγίδες μιας εφαρμογής iOS φτιαγμένης με AI πριν από αυτά τα βήματα. Για να διανείμεις έκδοση δοκιμών, χρησιμοποίησε τον οδηγό TestFlight. Για τη δημοσίευση, ακολούθησε τη διαδρομή App Store.
Συχνές ερωτήσεις
Προσθέτει το Codex αυτόματα AI στην εφαρμογή μου;
Όχι. Το ότι χρησιμοποιείς AI για να γράψεις τον κώδικα δεν σημαίνει ότι η τελική εφαρμογή περιέχει chatbot ή καλεί κάποιο μοντέλο. Το παράδειγμά μας μπορεί να λειτουργεί με μια τοπική λίστα, χωρίς AI στο προϊόν.
Μπορώ να ξεκινήσω χωρίς συνδρομή σε όλα τα εργαλεία;
Έλεγξε τις προσβάσεις και τα όρια του λογαριασμού σου στα τρέχοντα πακέτα της OpenAI. Ξεκίνα με μία μόνο λειτουργία πριν πολλαπλασιάσεις τις υπηρεσίες. Ο οδηγός φτιάξε εφαρμογή δωρεάν ξεχωρίζει το πρωτότυπο από τα έξοδα δημοσίευσης.
Codex ή Claude Code για αρχάριους;
Σύγκρινε τη διαδρομή που καταφέρνεις να ακολουθήσεις, όχι μια υπόσχεση ταχύτητας. Η σύγκριση Codex και Claude Code προτείνει μια κοινή άσκηση για να αποφασίσεις.
Θέλεις να μάθεις τι να φτιάξεις μετά;
Ο δωρεάν διαγνωστικός έλεγχος σε βοηθά να δεις πού βρίσκεται το project σου και να επιλέξεις το επόμενο βήμα, και μετά σου στέλνει τη checklist μου κατά των απορρίψεων της Apple. Το iOS Kit σού δίνει τον αρχικό κώδικα των εφαρμογών μου και μια διαδρομή σε τέσσερα βήματα, από την ιδέα μέχρι το App Store. Για την πλήρη μέθοδο, δες τη διαδρομή εκπαίδευσης στη δημιουργία εφαρμογών iOS. Αν φτιάχνεις με AI, η σελίδα εκπαίδευση vibe coding ακολουθεί την ίδια διαδρομή.