Come creare un'app Web con ChatGPT

Come creare un'app Web con ChatGPT
I lettori come te aiutano a sostenere MUO. Quando effettui un acquisto utilizzando i link sul nostro sito, potremmo guadagnare una commissione di affiliazione. Per saperne di più.

Una delle maggiori affermazioni dell'hype che circonda ChatGPT è che può essere uno strumento di programmazione efficace. L'idea è la seguente: descrivi ciò che vuoi in linguaggio naturale; il chatbot genera codice che fa proprio questo. Ma quanto è bravo effettivamente ChatGPT a farlo?





MAKEUSEOF VIDEO DEL GIORNO SCORRI PER CONTINUARE CON I CONTENUTI

Quale modo migliore per scoprirlo che metterlo alla prova? Abbiamo chiesto a ChatGPT di creare da zero una semplice app web. Ecco il risultato del nostro test e i passaggi che puoi utilizzare per creare un sito Web da zero utilizzando ChatGPT.





Passaggio 1: generazione del progetto per la tua app Web

Proprio come faresti quando crei un'app Web con qualsiasi strumento, dovresti definire il progetto di come vuoi che appaia la tua app e i passaggi necessari per crearla prima di lasciare che ChatGPT esegua lo spettacolo.





Per il nostro primo compito, abbiamo chiesto a ChatGPT di sviluppare un progetto per una semplice app di chat. Per fare ciò, abbiamo descritto i requisiti per la nostra app web e poi abbiamo chiesto al chatbot di dettagliare un piano per lo sviluppo dell'app.

  ChatGPT richiede di sviluppare un progetto per l'app Web

Dopo aver usato il prompt sopra, ecco il risultato che abbiamo ottenuto:



  Diagramma di flusso o progetto dell'app Web sviluppata da chatgpt

Dovresti avere il plug-in 'Mostrami' abilitato sul tuo account ChatGPT per generare un diagramma di flusso come il nostro sopra. Puoi installare e utilizzare i plugin ChatGPT in pochi passaggi, anche se avrai bisogno di un abbonamento premium.

Senza il plug-in, otterrai un progetto basato su testo o un diagramma di flusso ASCII-art. Va ancora bene. Anche senza il plug-in, ChatGPT dovrebbe comunque fornire un chiaro progetto dell'app come nell'esempio seguente.





come rimuovere le righe in Word
  suddivisione testuale dell'app Web tramite ChatGPT

Passaggio 2: suddividere il progetto in moduli più piccoli

Ora che abbiamo delineato il quadro generale, abbiamo chiesto aiuto a ChatGPT per suddividere l'app in componenti più piccoli che possiamo sviluppare separatamente e quindi integrare per formare l'app Web completa. ChatGPT ha suggerito di suddividerlo in tre componenti:

  1. Modulo di registrazione
  2. Modulo di accesso
  3. Modulo chat

Avevamo altre idee, ma l'obiettivo qui è lasciare che ChatGPT chiami i colpi.





1. Creazione del componente di registrazione

Siamo passati subito alla creazione del componente di registrazione. Abbiamo chiesto a ChatGPT di elaborare un algoritmo appropriato. Qui siamo intervenuti specificando che ci serviva solo il nome utente, l'email e l'avatar dell'utente per la registrazione. Ecco la richiesta:

  Richiedi la creazione del componente di registrazione

Ed ecco il risultato:

  Algoritmo per la registrazione dell'utente

Successivamente, abbiamo chiesto a ChatGPT di creare il componente di registrazione.

  prompt per generare il componente di registrazione

Sebbene non abbiamo incluso il campo della password come parte del processo di registrazione, ChatGPT ha fatto la scelta giusta includendolo nel codice HTML generato. Abbiamo copiato il codice senza alcuna modifica ed ecco come appare su un browser.

  Pagina di registrazione generata da ChatGPT

Successivamente, abbiamo chiesto a ChatGPT di generare lo script di registrazione PHP. Inizialmente, abbiamo richiesto 'Scrivi un codice PHP per la logica lato server per la gestione dell'invio del modulo'. Sebbene lo script generato funzionasse correttamente, presentava molte vulnerabilità.

come convertire video in foto live

Non c'era hash delle password, nessuna gestione degli errori ed era incline a SQL injection: ChatGPT faceva solo il minimo indispensabile. Risolvere questo problema è stato relativamente facile. Abbiamo semplicemente chiesto a ChatGPT di 'identificare tutto ciò che non va nel codice che hai appena generato, quindi utilizzare i punti identificati per ottimizzare il codice'. Con ciò, il nostro script di registrazione PHP era pronto per l'uso.