Ako vytvoriť webovú aplikáciu pomocou ChatGPT

Ako vytvoriť webovú aplikáciu pomocou ChatGPT
Čitatelia ako vy pomáhajú podporovať MUO. Keď uskutočníte nákup pomocou odkazov na našej stránke, môžeme získať pridruženú províziu. Čítaj viac.

Jedným z najväčších tvrdení o humbuku okolo ChatGPT je, že to môže byť efektívny programovací nástroj. Myšlienka je nasledovná: opíšete, čo chcete, v prirodzenom jazyku; chatbot generuje kód, ktorý to robí. Ale ako dobrý je v skutočnosti ChatGPT v tom?





VYUŽITIE VIDEA DŇA POKRAČUJTE V OBSAHU POKRAČOVANÍM

Aký lepší spôsob, ako to zistiť, ako to otestovať? Požiadali sme ChatGPT, aby vytvoril jednoduchú webovú aplikáciu od začiatku. Tu je výsledok nášho testu a kroky, ktoré môžete použiť na vytvorenie webovej stránky od začiatku pomocou ChatGPT.





Krok 1: Vytvorenie návrhu pre vašu webovú aplikáciu

Rovnako ako pri vytváraní webovej aplikácie pomocou akéhokoľvek nástroja by ste si mali načrtnúť plán toho, ako má vaša aplikácia vyzerať, a kroky, ktoré budete potrebovať na jej vytvorenie, kým necháte ChatGPT spustiť show.





Pre našu prvú úlohu sme požiadali ChatGPT, aby vyvinul návrh jednoduchej chatovacej aplikácie. Aby sme to urobili, opísali sme požiadavky na našu webovú aplikáciu a potom sme chatbota požiadali, aby podrobne opísal plán vývoja aplikácie.

ako komprimovať súbor videa v systéme Windows
  ChatGPT výzva na vývoj návrhu pre webovú aplikáciu

Po použití výzvy vyššie, tu je výsledok, ktorý sme dostali:



  Vývojový diagram alebo návrh webovej aplikácie vyvinutej spoločnosťou chatgpt

Na vygenerovanie vývojového diagramu, ako je ten náš vyššie, musíte mať vo svojom účte ChatGPT povolený doplnok „Show Me“. Môžeš nainštalovať a používať doplnky ChatGPT v niekoľkých krokoch, aj keď budete potrebovať prémiové predplatné.

Bez doplnku získate textový plán alebo vývojový diagram ASCII-art. To je ešte v poriadku. Aj bez doplnku by ChatGPT mal stále poskytovať jasný plán aplikácie, ako je príklad nižšie.





  textové členenie webovej aplikácie podľa ChatGPT

Krok 2: Rozdelenie plánu na menšie moduly

Teraz, keď máme pripravený celkový obraz, požiadali sme ChatGPT o pomoc pri rozdelení aplikácie na menšie komponenty, ktoré môžeme vyvinúť samostatne a potom ich integrovať do kompletnej webovej aplikácie. ChatGPT navrhol rozdeliť ho na tri zložky:

  1. Registračný modul
  2. Prihlasovací modul
  3. Chat modul

Mali sme iné nápady, ale cieľom je nechať ChatGPT, aby zavolal.





ako zobraziť odstránené správy v programe Messenger

1. Vytvorenie registračného komponentu

Skočili sme priamo do budovania registračnej zložky. Požiadali sme ChatGPT, aby nakreslil vhodný algoritmus. Tu sme zasiahli zadaním, že na registráciu potrebujeme iba používateľské meno používateľa, e-mail a avatar. Tu je výzva:

  Výzva na vytvorenie komponentu registrácie

A tu je výsledok:

  Algoritmus registrácie užívateľa

Ďalej sme vyzvali ChatGPT, aby vytvoril komponent registrácie.

  výzva na vygenerovanie registračného komponentu

Aj keď sme do registračného procesu nezahrnuli pole s heslom, ChatGPT urobil správne volanie tým, že ho zahrnul do vygenerovaného HTML kódu. Kód sme skopírovali bez akýchkoľvek úprav a takto vyzerá v prehliadači.

  Registračná stránka vygenerovaná službou ChatGPT

Ďalej sme vyzvali ChatGPT, aby vygeneroval registračný skript PHP. Najprv sme vyzvali 'Napíšte kód PHP pre logiku na strane servera na spracovanie odoslania formulára.' Hoci vygenerovaný skript fungoval dobre, mal veľa zraniteľností.

Neexistovalo žiadne hashovanie hesiel, žiadne spracovanie chýb a bol náchylný na vstrekovanie SQL – ChatGPT robil len nevyhnutné minimum. Oprava tohto problému bola pomerne jednoduchá. Jednoducho sme požiadali ChatGPT, aby 'identifikoval všetko nesprávne s kódom, ktorý ste práve vygenerovali, a potom použil identifikované body na optimalizáciu kódu.' Vďaka tomu bol náš registračný skript PHP pripravený.