Introduzione al Generatore di app Lightning

Obiettivi di apprendimento

Al completamento di questa unità, sarai in grado di:

• Comprendere in che modo il Lightning App Builder (Generatore di app Lightning) può aiutarti a creare app interattive e pagine personalizzate per Lightning Experience e l'app mobile.
  
• Comprendere il layout dell'interfaccia utente del Lightning App Builder (Generatore di app Lightning).
  
• Descrivere la differenza tra una pagina Lightning e un componente Lightning
  

Presentazione del Lighting App Builder (Generatore di app Lightning)

I tuoi utenti sono molto impegnati. Devono concludere trattative, fornire un'assistenza di altissimo livello e svolgere attività di marketing con clienti potenziali e acquisiti. Creando le pagine personalizzate, puoi mettere a disposizione dei tuoi utenti le informazioni più importanti e un'interfaccia semplice con cui aggiornare e aggiungere i record.

Il Lightning App Builder (Generatore di app Lightning) è uno strumento point-and-click che semplifica la creazione delle pagine personalizzate per l'app mobile Salesforce e Lightning Experience, offrendo agli utenti quello di cui hanno bisogno in un unico posto.

Ma non è tutto. Quando modifichi un'app Lightning nell'App Manager (Gestore app) in Setup (Imposta), accedi al Lightning App Builder (Generatore di app Lightning) in cui puoi gestire le impostazioni dell'app. Puoi aggiornare l'immagine aziendale, la navigazione e le opzioni dell'app e gestire le pagine Lightning assegnate a tale app, tutto nel Lightning App Builder (Generatore di app Lightning).

In questo modulo scoprirai come creare pagine Lightning.

Come funziona il Lightning App Builder (Generatore di app Lightning)

Con il Lightning App Builder (Generatore di app Lightning) puoi creare:

• App a pagina singola che aumentando i dettagli diventano pagine standard.
  
• App in formato di cruscotto digitale, ad esempio app che monitorano i principali clienti potenziali o lead per le vendite del trimestre.
  
• App specifiche per l'esecuzione di operazioni particolari, ad esempio un'app in cui gli utenti possono inserire le spese e monitorare le spese inoltrate.
  
• Pagine record personalizzate per gli oggetti, realizzate su misura in base alle esigenze degli utenti.
  
• Pagine iniziali personalizzate contenenti i componenti e le funzionalità che gli utenti utilizzano di più
  

Una pagina Lightning è un layout personalizzato che consente di progettare pagine da utilizzare nell'app mobile Salesforce o in Lightning Experience. Una pagina Lightning è costituita da regioni che contengono i componenti.

Ecco un'anteprima di una delle pagine che stai per creare.

La struttura di una pagina Lightning si adatta al dispositivo su cui viene visualizzata. Il modello che scegli quando crei la pagina definisce il modo in cui viene visualizzata su un determinato dispositivo. Il modello di pagina Lightning suddivide la pagina in regioni.

Componenti Lightning

Un componente Lightning è un elemento compatto, configurabile e riutilizzabile che puoi aggiungere a una pagina Lightning nel Lightning App Builder (Generatore di app Lightning).

Le pagine Lightning supportano questi componenti:

• Componenti standard: i componenti standard sono componenti Lightning creati da Salesforce.
  
• Componenti personalizzati: i componenti personalizzati sono componenti Lightning creati da te o da altri utenti. Puoi configurare i componenti Lightning personalizzati in modo da utilizzarli nel Lightning App Builder (Generatore di app Lightning).
  
• Componenti di terze parti su AppExchange: AppExchange offre un marketplace per i componenti Lightning. Puoi trovare pacchetti che contengono componenti già configurati e pronti per l'uso nel Lightning App Builder (Generatore di app Lightning).
  

A partire dalla versione Spring '19 (versione API 45.0), è possibile creare componenti Lightning usando due modelli di programmazione: il modello dei componenti Web Lightning e il modello originale dei componenti Aura. I componenti Web Lightning sono elementi HTML personalizzati creati mediante i linguaggi HTML e JavaScript moderni. I componenti Web Lightning e Aura possono coesistere e interagire sulla stessa pagina.

L'interfaccia utente del Lightning App Builder (Generatore di app Lightning)

L'interfaccia utente del Lightning App Builder (Generatore di app Lightning) semplifica la creazione delle pagine Lightning. Queste sono le diverse parti che compongono lo strumento.

Intestazione (1)

Quando lavori su una pagina Lightning, l'intestazione ne mostra l'etichetta e contiene l'elenco Pages (Pagine) in cui puoi vedere le ultime 10 pagine che hai modificato. Puoi anche tornare a Setup (Imposta) senza salvare oppure per visualizzare ulteriori informazioni sul Lightning App Builder (Generatore di app Lightning).

Se stai modificando un'app, l'intestazione mostra anche il nome dell'app e contiene la scheda App Settings (Impostazioni app) in cui puoi configurare opzioni dell'app come l'immagine aziendale, la navigazione e la barra delle utilità. Nel contesto di un'app, l'elenco Pages (Pagine) contiene tutte le pagine Lightning attive associate all'app corrente.

Barra degli strumenti (2)

Puoi usare i pulsanti disponibili nella barra degli strumenti per tagliare , copiare e incollare i contenuti della pagina e per annullare , ripetere operazioni, salvare o attivare la tua pagina Lightning. Puoi anche visualizzare la pagina in formati diversi, aggiornare l'area di disegno o modificarne le dimensioni per adattarle alla visualizzazione.

Tavolozza dei componenti (3)

La tavolozza dei componenti contiene tutti i componenti Lightning standard e personalizzati supportati per la tua pagina Lightning. Fai clic su un componente e trascinalo per aggiungerlo alla pagina. Nelle pagine record, la scheda Fields (Campi) nella parte superiore della tavolozza Components (Componenti) contiene i campi dell'oggetto che puoi aggiungere alla pagina record.

Se hai molti componenti personalizzati, inserisci il testo nel campo di ricerca per trovare facilmente quello che ti interessa. Puoi accedere ai componenti personalizzati di terze parti su AppExchange utilizzando il pulsante in fondo al riquadro.

Area di disegno delle pagine Lightning (4)

L'area di disegno è l'area in cui crei la pagina. Trascina i componenti per riordinarli sulla pagina.

Riquadro delle proprietà (5)

Il riquadro delle proprietà mostra le proprietà generali della pagina o le proprietà del componente attivo, a seconda dell'elemento selezionato sulla pagina. Fai clic su Page (Pagina) nel breadcrumb per accedere alle proprietà della pagina quando visualizzi un componente.

Tipi di pagina Lightning

Puoi creare diversi tipi di pagine Lightning con il Lightning App Builder (Generatore di app Lightning). Vediamo tutti e tre i tipi.

App Page (Pagina applicazione)

Puoi utilizzare una pagina applicazione per creare la pagina iniziale di un'app di terze parti che puoi aggiungere direttamente nei menu di navigazione dell'app mobile Salesforce e di Lightning Experience. I tuoi utenti avranno quindi una pagina iniziale dell'app in cui possono accedere rapidamente agli oggetti e agli elementi più importanti.

Home Page (Pagina iniziale)

Puoi creare pagine iniziali con funzionalità destinate a tipi specifici di utenti e assegnare le pagine personalizzate a diverse app o combinazioni di app e profili utente. Le pagine iniziali personalizzate sono supportate solo in Lightning Experience.

Record Page (Pagina record)

Con una pagina record puoi creare una versione personalizzata della pagina dei record di un oggetto, in base alle esigenze dei tuoi utenti. Le pagine record personalizzate sono supportate in Lightning Experience e nell'app mobile Salesforce. 

Inizierai dalla pagina iniziale.

Risorse

• Guida di Salesforce: Generatore di app Lightning
• Guida di Salesforce: Pagine Lightning
• Ufficiale: Trailblazer Community del Generatore di app Lightning