Kako napraviti aplikaciju uz AI: praktičan vodič

Danas možete napraviti radnu aplikaciju uz AI bez pisanja koda: opišete šta želite običnim jezikom, AI alat za aplikacije napiše kod i pokrene ga u živom pregledu, a vi ga doterujete chatom dok ne radi kako treba. Zatim je objavite na javni URL. Dio koji i dalje traži vještinu jeste odlučiti šta graditi i jasno to opisati, a na to se ovaj vodič fokusira.

Šta zapravo znači „praviti aplikaciju uz AI”

Postoje tri vrlo različite vrste alata koji se nazivaju „AI za izradu aplikacija”:

Ovaj vodič govori o prvoj vrsti. Ako želite detaljnu razliku, pogledajte AI alat za aplikacije vs AI asistent za kodiranje.

Korak 1: Odlučite šta prva verzija radi

Najveći pojedinačni uzrok razočaravajućih rezultata jeste traženje svega odjednom. Prije nego što otvorite bilo koji alat, zapišite:

• Ko ga koristi. „Klijenti koji zakazuju šišanje” korisnije je od „korisnici”.
• Jedan posao koji mora da obavlja. Posao aplikacije za rezervacije je da omogući nekome da izabere termin i potvrdi ga. Recenzije, bodovi lojalnosti i blog mogu pričekati.
• Koje podatke čuva. Rezervacije, klijenti, usluge. Kada ih navedete, AI zna šta baza treba.
• Ko šta može da vidi. Može li svako vidjeti sve rezervacije ili samo vlasnik? To odlučuje treba li prijava i uloge.

Tri ili četiri rečenice koje pokrivaju ove tačke daju bolji prvi prompt od stranice s funkcijama.

Korak 2: Napišite prvi prompt

Dobar prvi prompt opisuje proizvod, a ne kod. Na primjer:

Napravi sajt za rezervacije za mali frizerski salon. Klijenti vide usluge (naziv, trajanje, cijena), biraju uslugu, biraju slobodan termin ove sedmice i unose ime, telefon i email. Vlasnik se prijavljuje da vidi današnje i buduće rezervacije i može jednu da otkaže. Čist, moderan izgled, dobro radi na telefonima.

Taj prompt imenuje korisnike, glavni tok, podatke i dozvole, bez spominjanja ijedne tehnologije. Alat bira razuman stack za vas; i dalje možete zatražiti određeni ako vam je stalo. Na Mythexu, na primjer, nove web aplikacije podrazumijevano koriste React i TypeScript, a možete zatražiti Next.js, običan statički sajt ili Python API.

Za više obrazaca koji rade pogledajte kako pisati promptove za AI alate za aplikacije.

Korak 3: Testirajte kao korisnik, zatim mijenjajte jednu stvar po jednu

Kada se prva verzija pojavi u pregledu, koristite je kako bi je koristili vaši korisnici: zakažite termin, osvježite stranicu, isprobajte na ekranu veličine telefona. Zatim tražite promjene u malim, konkretnim koracima:

• Dobro: „Kada je termin zauzet, sakrij ga drugim klijentima.”
• Manje dobro: „Učini zakazivanje boljim.”

Mali zahtjevi lakše se ispravno realizuju i lakše provjeravaju. Ako promjena pođe po zlu, većina alata dopušta vraćanje; Mythex čuva checkpoint-e na koje se možete vratiti.

Kada nešto pukne, opišite šta ste uradili, šta ste očekivali i šta se umjesto toga desilo. Zalijepite svaku poruku o grešci. To je obično dovoljno da AI nađe uzrok.

Korak 4: Dodajte prave podatke, prijavu i plaćanja

Prototip često počinje s uzorkom podataka. Prava aplikacija mora čuvati ono što ljudi unesu.

• Baza podataka. Zatražite to običnim riječima: „sačuvaj rezervacije u bazi podataka”. Mythex priključuje namjensku Postgres bazu projektu kada je aplikaciji potrebna; pogledajte šta je baza podataka ako vam je ideja nova.
• Prijava. „Dodaj registraciju i prijavu emailom i lozinkom; samo vlasnik smije vidjeti stranicu s rezervacijama.” Recite ko šta smije da vidi.
• Plaćanja. Većina aplikacija prima uplate preko Stripea. Trebat će vam Stripe nalog i njegovi API ključevi; AI povezuje naplatu. Naš vodič za dodavanje plaćanja pokriva korake.
• Email. Potvrde i resetovanje lozinke trebaju servis za slanje maila poput Resenda ili Postmarka. Ključevi idu u tajne projekta, a ne u chat.

Korak 5: Provjerite prije nego što pravi ljudi koriste aplikaciju

AI alati su dobri u pravljenju stvari koje rade; nisu automatski pažljivi. Prije nego što podijelite link:

1. Pokušajte vidjeti podatke koje ne smijete. Prijavite se kao jedan korisnik i pokušajte otvoriti stranicu drugog korisnika.
2. Testirajte na telefonu. Većina vaših posjetilaca bit će na telefonu.
3. Provjerite forme s lošim unosom: prazna polja, vrlo dug tekst, pogrešan oblik emaila.
4. Čuvajte tajne kao tajne. API ključevi pripadaju varijablama okruženja, nikada kodu stranice.

Naš sigurnosni kontrolni spisak za aplikacije napravljene uz AI detaljnije prolazi kroz ove stavke.

Korak 6: Objavite i dovedite ljude

Objava pretvara pregled u javnu aplikaciju na URL-u koji možete podijeliti. U Mythexu otvorite Publish, izaberete naziv i aplikacija je uživo na ime.mythex.app; na Pro planu možete povezati svoj domen. Hosting, baza i skladište fajlova koriste isti saldo kredita kao izrada, pa nema zasebnog servera za postavljanje.

Zatim dolazi dio koji vam nijedan alat ne može uraditi: pronaći prve korisnike. Kako lansirati aplikaciju i dobiti prve korisnike daje praktične ideje.

Šta AI alati za aplikacije rade dobro, a gdje zapinju

Dobro:

• Web stranice, landing stranice i portfolije
• Kontrolne table, admin paneli i interni alati
• CRUD aplikacije, tj. sve što je uglavnom forme, liste i zapisi
• MVP-ovi za testiranje ideje s pravim korisnicima
• Povezivanje s uobičajenim servisima poput Stripea, servisa za email i AI API-ja

Teže:

• Native mobilne aplikacije za App Store i Google Play (većina alata pravi web aplikacije koje rade na telefonima)
• Vrlo velik, složen sistem s više timova i strogim zahtjevima za usklađenost
• Zahtjevan rad u realnom vremenu ili visokih performansi, poput igara za više igrača ili obrade videa
• Sve gdje ne možete opisati šta znači „ispravno”

Za mnoge projekte praktičan put je da prvu verziju napravite uz AI, učite iz stvarnih korisnika i pozovete programera kasnije ako prerastete alat, zadržavajući kod ako vaš alat dopušta izvoz.

Izrada aplikacije uz Mythex

Mythex je AI alat za izradu aplikacija: opišete aplikaciju, on je pravi i pokreće u živom pregledu, dodaje bazu ili skladište fajlova kada ih aplikacija treba i objavljuje je na pravi URL. Možete početi besplatno, a preći na Pro kada želite sami uređivati kod, izvoziti ga, sinhronizovati GitHub ili koristiti prilagođeni domen.

Ako ne želite da počnete s praznog lista, pregledajte šablone ili AI alate po vrsti aplikacije, ili pratite brzi početak u dokumentaciji.

Ova stranica je dostupna i na arapskom.

Pitanja