Paano Gumawa ng Web App Gamit ang ChatGPT

Paano Gumawa ng Web App Gamit ang ChatGPT
Ang mga mambabasang tulad mo ay tumutulong sa pagsuporta sa MUO. Kapag bumili ka gamit ang mga link sa aming site, maaari kaming makakuha ng isang affiliate na komisyon. Magbasa pa.

Isa sa pinakamalaking pag-aangkin ng hype na nakapalibot sa ChatGPT ay maaari itong maging isang epektibong tool sa programming. Ang ideya ay napupunta sa mga sumusunod: inilalarawan mo kung ano ang gusto mo sa natural na wika; ang chatbot ay bumubuo ng code na gumagawa ng ganoon. Ngunit gaano ba talaga kahusay ang ChatGPT sa paggawa nito?





MAKEUSEOF VIDEO OF THE DAY MAG-SCROLL PARA MAGPATULOY SA NILALAMAN

Ano ang mas mahusay na paraan upang malaman kaysa sa paglalagay nito sa pagsubok? Hiniling namin sa ChatGPT na bumuo ng isang simpleng web app mula sa simula. Narito ang resulta ng aming pagsubok at ang mga hakbang na magagamit mo upang bumuo ng isang website mula sa simula gamit ang ChatGPT.





Hakbang 1: Pagbuo ng Blueprint para sa Iyong Web App

Tulad ng gagawin mo kapag gumagawa ng web app gamit ang anumang tool, kailangan mong ilatag ang blueprint kung ano ang gusto mong hitsura ng iyong app at ang mga hakbang na kakailanganin mo para buuin ito bago hayaan ang ChatGPT na patakbuhin ang palabas.





kung paano makahanap ng mga lumang mensahe sa iphone

Para sa aming unang gawain, hiniling namin sa ChatGPT na bumuo ng blueprint para sa isang simpleng chat app. Upang gawin ito, inilarawan namin ang mga kinakailangan para sa aming web app at pagkatapos ay hiniling sa chatbot na magdetalye ng isang plano para sa pagbuo ng app.

  ChatGPT prompt upang bumuo ng blueprint para sa web app

Pagkatapos gamitin ang prompt sa itaas, narito ang resulta na nakuha namin:



  Flowchart o blueprint ng web app na binuo ng chatgpt

Kailangan mong i-enable ang 'Show Me' plugin sa iyong ChatGPT account upang makabuo ng flowchart tulad ng sa amin sa itaas. Kaya mo i-install at gamitin ang mga plugin ng ChatGPT sa ilang hakbang lang, bagama't kakailanganin mo ng premium na subscription.

Kung wala ang plugin, makakakuha ka ng text-based na blueprint o isang ASCII-art flowchart. Ayos pa rin yun. Kahit na wala ang plugin, ang ChatGPT ay dapat pa ring magbigay ng malinaw na blueprint ng app tulad ng halimbawa sa ibaba.





hindi awtomatikong makita ng windows ang mga setting ng proxy ng network na ito.
  text-based na breakdown ng web app ng ChatGPT

Hakbang 2: Paghahati sa Blueprint sa Mas Maliit na Mga Module

Ngayong mayroon na kaming malaking larawan na inilatag, humingi kami ng tulong sa ChatGPT sa paghahati-hati ng app sa mas maliliit na bahagi na maaari naming bumuo ng hiwalay at pagkatapos ay isama upang mabuo ang kumpletong web app. Iminungkahi ng ChatGPT na hatiin ito sa tatlong bahagi:

  1. Module ng pagpaparehistro
  2. Module sa pag-login
  3. Module ng chat

Nagkaroon kami ng iba pang mga ideya, ngunit ang layunin dito ay hayaan ang ChatGPT na magpasya.





1. Pagbuo ng Bahagi ng Pagpaparehistro

Tumalon kami kaagad sa pagbuo ng bahagi ng pagpaparehistro. Hiniling namin sa ChatGPT na maglabas ng naaangkop na algorithm. Dito kami namagitan sa pamamagitan ng pagtukoy na kailangan lang namin ng username, email, at avatar ng user para sa pagpaparehistro. Narito ang prompt:

  Prompt para sa pagbuo ng bahagi ng pagpaparehistro

At narito ang resulta:

  Algorithm para sa pagpaparehistro ng user

Sa susunod, sinenyasan namin ang ChatGPT na buuin ang bahagi ng pagpaparehistro.

  prompt upang bumuo ng bahagi ng pagpaparehistro

Bagama't hindi namin isinama ang field ng password bilang bahagi ng proseso ng pagpaparehistro, ginawa ng ChatGPT ang tamang tawag sa pamamagitan ng pagsasama nito sa nabuong HTML code. Kinopya namin ang code nang walang anumang pagbabago, at narito ang hitsura nito sa isang browser.

kung paano mag-print ng isang direktoryo sa windows 10
  Ang pahina ng pagpaparehistro ay nabuo ng ChatGPT

Sa susunod, sinenyasan namin ang ChatGPT na buuin ang script ng pagpaparehistro ng PHP. Sa una, nag-prompt kami ng 'Sumulat ng PHP code para sa server-side logic para sa paghawak sa pagsusumite ng form.' Bagama't gumana nang maayos ang nabuong script, marami itong mga kahinaan.

Walang hashing ng password, walang error sa paghawak, at madaling kapitan ng SQL injection—ChatGPT lang ang gumawa ng pinakamababa. Ang pag-aayos nito ay medyo madali. Hiniling lang namin sa ChatGPT na 'tukuyin ang lahat ng mali sa code na kakagawa mo lang, at pagkatapos ay gamitin ang mga natukoy na punto upang i-optimize ang code.' Dahil doon, handa na ang aming script sa pagpaparehistro ng PHP.