Hvernig þú byggir app með vibe coding: frá hugmynd að birtu appi

Til að byggja app með vibe coding skrifarðu einnar síðu lýsingu á fyrstu útgáfunni, gefur AI-smiðnum hana sem fyrsta fyrirmæli og stækkar síðan appið í litlum prófuðum skrefum: gögn, innskráningu, aðalverkflæðið, pólun, öryggisyfirferð og loks birting. Þessi leiðarvísir fylgir einu dæmi, bókunarappi fyrir lítið jógastúdíó, í gegnum hvert stig, með fyrirmælunum sem notuð voru á hverju skrefi.

Ef þú hefur aldrei byggt neitt á þennan hátt, byrjar vibe coding kennslan fyrir byrjendur minni. Fyrir almennara yfirlit sem er ekki bundið við vibe coding, sjá hvernig þú byggir app með AI.

Verkefnið

Ímyndaðu þér jógastúdíóeigandann Söru, sem heldur átta tíma á viku. Bókanir koma í gegnum WhatsApp; hún heldur pappírslista fyrir hvern tíma og bókar oft of marga. Hún vill:

• Að nemendur sjái stundatöfluna fyrir vikuna og bóki sæti.
• Að hver tími hafi takmarkaðan fjölda sæta.
• Lista fyrir hvern tíma sem hún getur skoðað við dyrnar.
• Að nemendur geti afbókað allt að tveimur klukkustundum fyrir tímann.

Það er öll fyrsta útgáfan. Engar greiðslur, engar áskriftir, engin app-verslun. Það kemur seinna, eða aldrei.

Skref 1: Skrifaðu einnar síðu lýsingu

Áður en þú opnar nokkurt verkfæri skaltu skrifa fyrstu útgáfuna niður í einföldu máli. Tíu mínútur hér sparar klukkustundir af fram og til baka. Gagnlegt form er:

• Hver notar hana: nemendur (bóka og afbóka), Sara (stýrir tímum og skoðar lista).
• Skjáir: stundatafla, tímasíða, bókanir mínar, stjórnun tíma, listi tíma fyrir stjórnanda.
• Gögn: tímar (nafn, kennari, upphafstími, lengd, fjöldi sæta), bókanir (nemandi, tími, staða), nemendur (nafn, netfang, símanúmer).
• Reglur: ekki hægt að bóka fullan tíma; ein bókun á nemanda fyrir hvern tíma; afbóka allt að tveimur klukkustundum fyrir; aðeins Sara sér stjórnunarsíðurnar.
• Ekki í v1: greiðslur, tímakort, biðlistar, áminningar.

Listinn „ekki í v1“ skiptir mestu máli. Hann heldur smíðinni innan seilingar. Leiðarvísirinn okkar um að skrifa kröfulýsingu fyrir vöru með AI fer lengra ef þú vilt ítarlegri lýsingu.

Skref 2: Veldu verkfæri sem nær yfir alla lykkjuna

Fyrir app með gagnagrunni, innskráningum og opinberri vefslóð skaltu nota AI-smið sem keyrir kóðann, tengir gagnagrunn og birtir, frekar en spjallaðstoðarmann sem afhendir þér skrár. Samanburður okkar á vibe coding verkfærum listar valkostina. Við notum Mythex hér því það nær yfir hvert skref á einum stað: spjall, lifandi forskoðun, raunverulegan gagnagrunn og skráageymslu, og birtingu með einum smelli.

Skref 3: Fyrsta fyrirmælið

Breyttu lýsingunni í eina málsgrein. Ekki líma allt skjalið í einu með öllum smáatriðum; gefðu kjarnann og bættu restinni við í skrefum.

Byggðu bókunarapp fyrir jógastúdíóið mitt. Nemendur skrá sig með nafni, netfangi og síma, sjá stundatöflu þessarar viku og bóka sæti í tíma. Hver tími hefur nafn, kennara, upphafstíma, lengd og fjölda sæta; fullur tími sýnir „Fullt“ og ekki er hægt að bóka hann. Nemendur sjá bókanir sínar og geta afbókað allt að tveimur klukkustundum fyrir tímann. Ég er stjórnandinn: ég get bætt við og breytt tímum og séð listann yfir hver er bókaður í hvern tíma. Rólegt, einfalt útlit sem virkar vel í símum.

Ef þú ert ekki viss um að verkfærið hafi skilið, biddu um áætlun fyrst. Í Mythex lýsir Áætlunar-hamurinn skjám og gögnum áður en kóði er skrifaður, og þú samþykkir hana.

Skref 4: Fáðu kjarnalykkjuna til að virka

Kjarnalykkjan er það sem appið er til fyrir: nemandi bókar tíma og Sara sér það. Prófaðu aðeins hana:

1. Skráðu þig sem nemandi, bókaðu tíma.
2. Opnaðu stjórnunarsýnina. Er bókunin þar?
3. Bókaðu sama tíma aftur. Það ætti að hafna því.
4. Stilltu fjölda sæta í tíma á 2, bókaðu hann frá tveimur nemendareikningum og reyndu þriðja.

Tvö vandamál birtast venjulega á þessu stigi. Stundataflan sýnir tíma í tímabelti þjónsins, ekki stúdíósins. Og „Fullt“-athugunin fer aðeins fram á síðunni, svo hraður tvísmellur býr til tvær bókanir.

Sýndu alla tíma í tímabelti stúdíósins, [Asia/Dubai], óháð því hvernig tæki gestsins er stillt.

Athugaðu fjölda sæta og tvítekning bókana á þjóninum þegar bókun er búin til, ekki aðeins í síðunni. Ef tvær beiðnir koma saman um síðasta sætið ætti aðeins önnur að heppnast.

Lagaðu kjarnalykkjuna áður en þú bætir einhverju við. Allt annað byggist á henni.

Skref 5: Bættu við hinum reglunum, eina í einu

Farðu nú yfir reglurnar í lýsingunni eina í einu:

Nemendur geta afbókað bókun allt að tveimur klukkustundum áður en tíminn byrjar. Eftir það skaltu fela afbókunarhnappinn og hafna afbókuninni á þjóninum með skýrum skilaboðum.

Aðeins aðgangurinn minn getur opnað stjórnunarsíðurnar. Gakktu úr skugga um að þetta sé athugað á þjóninum fyrir allar stjórnunaraðgerðir, ekki aðeins með því að fela valmyndina.

Eftir hverja reglu, prófaðu hana og haltu áfram aðeins þegar hún virkar. Ef breyting brýtur eitthvað skaltu snúa aftur á síðasta góða vistpunkt og prófa skýrari beiðni í stað þess að hlaða lagfæringum ofan á.

Skref 6: Pússaðu það sem raunverulegir notendur taka eftir

Raunverulegir notendur taka eftir litlu hlutunum. Stuttur listi fyrir app Söru:

• Tómar stöður: „Engir tímar í þessari viku ennþá“ í stað auðrar síðu.
• Staðfesting: „Þú ert bókuð/aður í Vinyasa, þriðjudag kl. 18:00“ eftir bókun.
• Útlit í síma: stórir hnappar, stundataflan læsileg á 375px skjá.
• Laus sæti: „3 sæti laus“ á hverju tímakorti, svo nemendur bóki fyrr.

Sýndu laus sæti á hverju tímakorti, t.d. „3 af 12 laus“. Eftir bókun skaltu sýna staðfestingu með nafni tímans, degi og tíma og hnappi á bókanir mínar.

Skref 7: Prófaðu eins og ókunnugur

Áður en einhver annar notar appið skaltu eyða hálftíma í að reyna að brjóta það:

Þú getur líka beðið AI um að fara yfir jaðartilvik:

Listaðu tíu hluti sem raunverulegur nemandi gæti gert sem gætu brotið bókun eða afbókun, prófaðu hvern og lagaðu það sem mistekst. Segðu mér hvað þú breyttir.

Skref 8: Öryggisyfirferð

Þetta app geymir nöfn, netföng og símanúmer, svo stutt öryggisyfirferð er þess virði. Helstu spurningarnar:

• Getur einn nemandi séð bókanir eða tengiliðaupplýsingar annars?
• Eru lyklar eða lykilorð í kóða sem keyrir í vafranum?
• Er skráningarformið varið gegn vélmennum?
• Er afrit af gögnunum til?

Síðan okkar um hvort vibe coding sé öruggt útskýrir hverja athugun og gefur fyrirmæli fyrir þær, og öryggislistinn fyrir AI-smíðuð öpp er lengri útgáfan.

Skref 9: Birtu

Þegar kjarnalykkjan, reglurnar og athuganirnar standast skaltu birta. Á Mythex er það einn smellur, og appið fær opinbera vefslóð með gagnagrunni og hýsingu þegar uppsett. Á Pro geturðu tengt þitt eigið lén, eins og book.sarasyoga.com; sjá hvernig þú tengir sérsniðið lén.

Áður en þú sendir hlekkinn út skaltu skoða birtu útgáfuna einu sinni enn. Bókaðu tíma úr símanum þínum. Framleiðsluútgáfan og forskoðunin eiga að haga sér eins, en staðfestu það.

Skref 10: Fyrstu notendur og næsta útgáfa

Gefðu hlekkinn fyrst fimm reglulegum nemendum, ekki öllum. Biddu þá um að bóka næsta tíma sinn í gegnum hann og segja þér hvað var ruglandi. Lagaðu síðan þrjú efstu atriðin sem þeir nefna.

Eftir nokkrar vikur af raunverulegri notkun skrifast v2-listi fyrir app eins og þetta nokkurn veginn af sjálfu sér: biðlisti fyrir fulla tíma, tölvupóstáminningar kvöldið áður og tímakort greidd á netinu. Hvert atriði fær sömu meðferð: lýstu því í nokkrum línum, settu fyrirmælin, prófaðu og birtu. Fyrir greiðslur sjá hvernig þú bætir greiðslum við appið þitt. Til að koma orðinu út, hvernig þú setur app af stað og færð fyrstu notendur.

Að breyta því í símaapp

Margir stúdíó vilja tákn á síma nemendanna. Á Mythex Pro getur birt appið orðið Android-app (skrá sem þú getur hlaðið upp í Google Play) og iPhone-app send í TestFlight með þínum eigin App Store Connect-lykli, án Mac. Símaappið opnar birta vefappið, svo í hvert sinn sem þú birtir uppfærslu hefur símaappið hana líka.

Það sem þú tekur með þér

Smíðin sjálf var stutti hlutinn. Það sem gerði appið nothæft var listinn „ekki í v1“ í lýsingunni, að prófa kjarnalykkjuna áður en nokkuð annað, reglur á þjóninum fyrir sæti og aðgang, og fimm raunverulegir notendur áður en fimmtíu. Þannig lítur vibe coding út þegar appið þarf að virka fyrir annað fólk.

Tilbúin/n að prófa þitt eigið? Skrifaðu einnar síðu lýsinguna þína og límdu síðan fyrstu málsgreinina inn í AI-smiðinn. Ef þú vilt sjá fleiri tegundir af öppum og fyrirmælin á bak við þau, lestu vibe coding dæmin.

Spurningar