Seleziona le tue preferenze relative ai cookie

Utilizziamo cookie essenziali e strumenti simili necessari per fornire il nostro sito e i nostri servizi. Utilizziamo i cookie prestazionali per raccogliere statistiche anonime in modo da poter capire come i clienti utilizzano il nostro sito e apportare miglioramenti. I cookie essenziali non possono essere disattivati, ma puoi fare clic su \"Personalizza\" o \"Rifiuta\" per rifiutare i cookie prestazionali.

Se sei d'accordo, AWS e le terze parti approvate utilizzeranno i cookie anche per fornire utili funzionalità del sito, ricordare le tue preferenze e visualizzare contenuti pertinenti, inclusa la pubblicità pertinente. Per continuare senza accettare questi cookie, fai clic su \"Continua\" o \"Rifiuta\". Per effettuare scelte più dettagliate o saperne di più, fai clic su \"Personalizza\".

Tutorial: generare un'app utilizzando l'intelligenza artificiale

Modalità Focus
Tutorial: generare un'app utilizzando l'intelligenza artificiale - AWS App Studio

Le traduzioni sono generate tramite traduzione automatica. In caso di conflitto tra il contenuto di una traduzione e la versione originale in Inglese, quest'ultima prevarrà.

Le traduzioni sono generate tramite traduzione automatica. In caso di conflitto tra il contenuto di una traduzione e la versione originale in Inglese, quest'ultima prevarrà.

AWS App Studio contiene funzionalità di intelligenza artificiale generativa in tutto il servizio per velocizzare la creazione di applicazioni. In questo tutorial, imparerai come generare un'app usando l'intelligenza artificiale descrivendola usando il linguaggio naturale.

Usare l'intelligenza artificiale per generare un'app è un ottimo modo per iniziare a creare, perché molte delle risorse dell'app sono create per te. In genere è molto più semplice iniziare a creare da un'app generata con risorse esistenti piuttosto che iniziare da un'app vuota.

Nota

Puoi visualizzare il post sul blog Crea applicazioni di livello aziendale con linguaggio naturale usando AWS App Studio (anteprima) per visualizzare una procedura dettagliata simile che include immagini. Il post del blog contiene anche informazioni sull'impostazione e la configurazione delle risorse relative agli amministratori, ma se lo desideri puoi passare alla parte sulla creazione di applicazioni.

Quando App Studio genera un'app con intelligenza artificiale, crea l'app con le seguenti risorse personalizzate per l'app che hai descritto:

  • Pagine e componenti: i componenti sono gli elementi costitutivi dell'interfaccia utente dell'applicazione. Rappresentano elementi visivi come tabelle, moduli e pulsanti. Ogni componente ha il proprio set di proprietà ed è possibile personalizzare un componente in base a requisiti specifici. Le pagine sono i contenitori per i componenti.

  • Automazioni: le automazioni vengono utilizzate per definire la logica e i flussi di lavoro che regolano il comportamento dell'applicazione. Ad esempio, puoi utilizzare le automazioni per creare, aggiornare, leggere o eliminare righe in una tabella di dati o per interagire con oggetti in un bucket Amazon S3. Puoi anche usarle per gestire attività come la convalida dei dati, le notifiche o le integrazioni con altri sistemi.

  • Entità: i dati sono le informazioni che alimentano l'applicazione. L'app generata crea entità simili alle tabelle. Le entità rappresentano i diversi tipi di dati che è necessario archiviare e utilizzare, ad esempio clienti, prodotti o ordini. Puoi connettere questi modelli di dati a una varietà di fonti di dati, inclusi AWS servizi ed esterne APIs, utilizzando i connettori di App Studio.

Prerequisiti

Prima di iniziare, esamina e completa i seguenti prerequisiti:

Fase 1: creazione di un'applicazione

Il primo passaggio per generare un'app consiste nel descrivere l'app che desideri creare all'assistente AI in App Studio. Puoi esaminare l'applicazione che verrà generata e iterare come desideri prima di generarla.

Per generare la tua app utilizzando l'intelligenza artificiale
  1. Accedi ad App Studio.

  2. Nella barra di navigazione a sinistra, scegli Builder hub e scegli + Crea app.

  3. Scegli Genera un'app con AI.

  4. Nel campo Nome app, fornisci un nome per la tua app.

  5. Nella finestra di dialogo Seleziona fonti di dati, scegli Ignora.

  6. Puoi iniziare a definire l'app che desideri generare descrivendola nella casella di testo o scegliendo Personalizza in un prompt di esempio. Dopo aver descritto l'app, App Studio genera i requisiti e i dettagli dell'app da esaminare. Ciò include casi d'uso, flussi di utenti e modelli di dati.

  7. Usa la casella di testo per iterare con l'app secondo necessità fino a soddisfare i requisiti e i dettagli.

  8. Quando sei pronto per generare l'app e iniziare a creare, scegli Genera app.

  9. Facoltativamente, puoi visualizzare un breve video che spiega come navigare nella tua nuova app.

  10. Scegli Modifica app per accedere all'ambiente di sviluppo della tua app.

Passaggio 2: esplora la tua nuova applicazione

Nell'ambiente di sviluppo, troverai le seguenti risorse:

  • Una tela che puoi usare per visualizzare o modificare la tua applicazione. L'area di disegno cambia a seconda della risorsa selezionata.

  • Schede di navigazione nella parte superiore dell'area di disegno. Le schede sono descritte nell'elenco seguente:

    • Pagine: dove utilizzi pagine e componenti per progettare l'interfaccia utente dell'app.

    • Automazioni: dove utilizzi le azioni nelle automazioni per definire la logica di business della tua app.

    • Dati: dove definisci le entità, i relativi campi, i dati di esempio e le azioni sui dati per definire i modelli di dati della tua app.

    • Impostazioni dell'app: dove definisci le impostazioni per la tua app, inclusi i ruoli dell'app, che utilizzi per definire la visibilità delle pagine basata sui ruoli per gli utenti finali.

  • Un menu di navigazione sul lato sinistro, che contiene risorse in base alla scheda che stai visualizzando.

  • Un menu a destra che elenca le risorse e le proprietà per le risorse selezionate nelle schede Pagine e Automazioni.

  • Una console di debug che mostra avvisi ed errori nella parte inferiore del generatore. Potrebbero esserci degli errori nell'app generata. Ciò è probabilmente dovuto alle automazioni che richiedono un connettore configurato per eseguire azioni, come l'invio di un'e-mail con Amazon Simple Email Service.

  • Una finestra di chat Ask AI per ottenere assistenza contestuale dall'assistente AI Builder.

Diamo un'occhiata più da vicino alle schede Pages, Automations e Data.

Esplora pagine e componenti

La scheda Pagine mostra le pagine e i relativi componenti che sono stati generati per te.

Ogni pagina rappresenta una schermata dell'interfaccia utente (UI) dell'applicazione con cui gli utenti interagiranno. In queste pagine, puoi trovare vari componenti (come tabelle, moduli e pulsanti) per creare il layout e la funzionalità desiderati.

Dedica del tempo alla visualizzazione delle pagine e dei relativi componenti utilizzando il menu di navigazione a sinistra. Quando selezioni una pagina o un componente, puoi scegliere Proprietà nel menu a destra.

Esplora le automazioni e le azioni

La scheda Automazioni mostra le automazioni e le relative azioni che sono state generate per te.

Le automazioni definiscono la logica aziendale della tua app, come la creazione, la visualizzazione, l'aggiornamento o l'eliminazione di immissioni di dati, l'invio di e-mail o persino l'invocazione di funzioni APIs Lambda.

Prenditi del tempo per visualizzare le automazioni utilizzando il menu di navigazione a sinistra. Quando scegli un'automazione, puoi visualizzarne le proprietà nel menu Proprietà a destra. Un'automazione contiene le seguenti risorse:

  • Le automazioni sono costituite da azioni individuali, che sono gli elementi costitutivi della logica di business dell'app. Puoi visualizzare le azioni di un'automazione nel menu di navigazione a sinistra o nell'area di disegno di un'automazione selezionata. Quando si seleziona un'azione, è possibile visualizzarne le proprietà nel menu Proprietà a destra.

  • I parametri di automazione sono il modo in cui i dati vengono passati a un'automazione. I parametri fungono da segnaposto che vengono sostituiti con valori effettivi quando viene eseguita l'automazione. Ciò consente di utilizzare la stessa automazione con input diversi ogni volta.

  • L'output dell'automazione è il luogo in cui si configura il risultato di un'automazione. Per impostazione predefinita, un'automazione non ha alcun output, quindi per utilizzare il risultato di un'automazione in componenti o altre automazioni, è necessario definirli qui.

Per ulteriori informazioni, consulta Concetti di automazione.

Esplora i dati con le entità

La scheda Dati mostra le entità che sono state generate per te.

Le entità rappresentano tabelle che contengono i dati dell'applicazione, simili alle tabelle di un database. Invece di connettere l'interfaccia utente (UI) e le automazioni dell'applicazione direttamente alle fonti di dati, si connettono innanzitutto alle entità. Le entità fungono da intermediari tra la fonte di dati effettiva e l'app App Studio. Ciò fornisce un unico posto per gestire e accedere ai dati.

Prenditi del tempo per visualizzare le entità che sono state generate scegliendole dal menu di navigazione a sinistra. Puoi esaminare i seguenti dettagli:

  • La scheda Configurazione mostra il nome dell'entità e i relativi campi, che rappresentano le colonne dell'entità.

  • La scheda Azioni sui dati mostra le azioni sui dati che sono state generate con l'entità. I componenti e le automazioni possono utilizzare le azioni sui dati per recuperare dati dall'entità.

  • La scheda Dati di esempio mostra dati di esempio, che puoi utilizzare per testare l'app nell'ambiente di sviluppo (che non comunica con servizi esterni). Per ulteriori informazioni sugli ambienti, consultaAmbienti applicativi.

  • La scheda Connessione mostra informazioni sulle fonti di dati esterne a cui l'entità è connessa. App Studio fornisce una soluzione di archiviazione dati gestita che utilizza una tabella DynamoDB. Per ulteriori informazioni, consulta Entità di dati gestite in AWS App Studio.

Passaggio 3: Visualizza l'anteprima dell'applicazione

Puoi vedere in anteprima un'applicazione in App Studio per vedere come appare agli utenti. Puoi anche testarne la funzionalità utilizzandola e controllando i log in un pannello di debug.

L'ambiente di anteprima dell'applicazione non supporta la visualizzazione di dati in tempo reale o la connessione a risorse esterne tramite connettori, come sorgenti di dati. È invece possibile utilizzare dati di esempio e output simulati per testare la funzionalità.

Per visualizzare in anteprima l'app per il test
  1. Nell'angolo in alto a destra dell'app builder, scegli Anteprima.

  2. Interagisci con le pagine della tua app.

Passaggi successivi

Ora che hai creato la tua prima app, ecco alcuni passaggi successivi:

PrivacyCondizioni del sitoPreferenze cookie
© 2025, Amazon Web Services, Inc. o società affiliate. Tutti i diritti riservati.