Utilizzare i componenti Lightning personalizzati

Obiettivi di apprendimento

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

• Installare un componente Lightning personalizzato
  
• Utilizzare il dispositivo mobile per visualizzare in anteprima l'app nell'app mobile Salesforce
  

Nota

Stai seguendo la formazione in italiano? Inizia la sfida in un Trailhead Playground in italiano e utilizza le traduzioni fornite tra parentesi per la navigazione. Per quanto riguarda i valori da inserire, copia e incolla solo quelli in lingua inglese, perché la convalida della sfida è basata sul fatto che i dati siano in inglese. Se non superi la sfida nella tua organizzazione italiana, ti consigliamo di (1) selezionare Stati Uniti per le impostazioni internazionali, (2) selezionare Inglese per la lingua seguendo le istruzioni riportate qui e, successivamente, (3) fare nuovamente clic sul pulsante "Controlla la sfida".

Visita il badge Trailhead nella tua lingua per informazioni dettagliate su come usufruire dell'esperienza Trailhead in altre lingue.

Accessibilità

Questa unità richiede alcune istruzioni aggiuntive per gli utenti di screen reader. Per accedere a una versione dettagliata per screen reader di questa unità, fai clic sul link riportato di seguito:

Apri le istruzioni di Trailhead per screen reader.

Componenti Lightning personalizzati nel Lightning App Builder (Generatore di app Lightning)

La creazione di un componente Lightning personalizzato richiede competenze di programmazione. È anche possibile installare un componente Lightning esistente da AppExchange.

Se sei un amministratore point-and-click, puoi seguire questa unità! Questo componente personalizzato è già configurato, quindi non preoccuparti, non sono necessarie competenze di programmazione per guadagnare questo badge.

Puoi creare un componente Lightning personalizzato utilizzando Componenti Web Lightning. Vedi il modulo Nozioni di base sui componenti Web Lightning.

I componenti personalizzati della tua organizzazione configurati essere utilizzati nel Lightning App Builder (Generatore di app Lightning) sono indicati nel riquadro dei componenti Lightning.

I componenti Lightning personalizzati non funzionano automaticamente sulle pagine Lightning o nel Lightning App Builder (Generatore di app Lightning). Per fare in modo che un componente personalizzato si possa utilizzare in entrambi gli ambienti, devi configurare il componente e il relativo pacchetto in modo che siano compatibili con il Lightning App Builder (Generatore di app Lightning) e le pagine Lightning. Per i dettagli, consulta la Guida per sviluppatori di componenti Web Lightning.

Il componente personalizzato che utilizziamo in questo modulo è già stato configurato per il Lightning App Builder (Generatore di app Lightning).

Installare un componente Lightning personalizzato

Hai predisposto un componente Lightning personalizzato denominato Opportunity Alert (Avviso opportunità) che puoi aggiungere alla tua pagina Lightning. Ora puoi installarlo nell'organizzazione.

Per avviare il tuo Trailhead Playground, puoi accedere a qualsiasi unità con una sfida pratica, scorrere fino in fondo alla pagina e fare clic su Avvia. Se nella tua organizzazione vedi una scheda con la scritta Install a Package (Installare un pacchetto), va benissimo. Segui i passaggi qui sotto.

Altrimenti, fai clic sull'icona dell'App Launcher (Programma di avvio app) per lanciarlo, poi fai clic su Playground Starter e segui i passaggi. Se non vedi l'app Playground Starter, copia questo link di installazione del pacchetto e dai un'occhiata a Install a Package or App to Complete a Trailhead Challenge (Installare un pacchetto o un'app per completare una sfida Trailhead) nella Guida di Salesforce.

1. Fai clic sulla scheda Install a Package (Installare un pacchetto).
   
2. Incolla 04t2E00000161fSQAQ nel campo ID pacchetto.
   
3. Fai clic su Install (Installa).
   
4. Seleziona Install for Admins Only (Installa solo per gli amministratori), quindi fai clic su Install (Installa).
   

Al termine dell'installazione, puoi aggiungere il componente alla tua pagina.

Aggiungere il componente Lightning personalizzato alla pagina dell'app

1. In Setup (Imposta), inserisci App Builder (Generatore di app) nella casella Quick Find (Ricerca veloce) e poi fai clic su Lightning App Builder (Generatore di app Lightning).
   
2. Fai clic su Edit (Modifica) accanto alla pagina Top Accounts and Opportunities (Account e opportunità principali) che hai creato nell'unità precedente.
   
3. Aggiungi il componente Opportunity Alert (Avviso opportunità) sopra il componente List View (Visualizzazione elenco).
   
4. Nel riquadro delle proprietà, nel campo Days Since Last Modified (Giorni dall'ultima modifica), inserisci 6.
   Hai notato che il testo all'interno del componente è cambiato in modo da corrispondere al nuovo valore del campo?
   
5. Deseleziona Has Open Task (Ha operazioni aperte), poi fai clic su Save (Salva).
   

Poiché hai attivato la pagina in precedenza, non è necessario attivarla di nuovo.

Bene! Le modifiche che hai apportato sono immediatamente disponibili in Lightning Experience e nell'app mobile. Guarda come si presenta ora la pagina.

Testare il componente personalizzato

Inizia dall'app mobile Salesforce.

1. Apri l'app sul tuo dispositivo mobile.
   
2. Se necessario, accedi utilizzando le tue credenziali del Trailhead Playground.
   
3. Passa alla pagina Top Accounts and Opportunities (Account e opportunità principali) nell'app Sales (Vendite) e scorri in basso finché non vedi il nuovo componente. Potrebbe essere necessario aggiornare la pagina per vedere le modifiche che hai apportato. 
   

Torna all'organizzazione e passa alla pagina Top Accounts and Opportunities (Account e opportunità principali) in Lightning Experience. Dato che hai creato la pagina utilizzando il modello Two Columns (Due colonne), quando la visualizzi su un computer desktop o su un tablet avrà un formato a due colonne.

Congratulazioni! Hai utilizzato il Lightning App Builder (Generatore di app Lightning) per creare una pagina di un'app, personalizzare la pagina iniziale di Lightning Experience e personalizzare una pagina record di Lightning Experience.

Ora hai le conoscenze necessarie per permettere ai tuoi utenti di utilizzare con più facilità e maggiore efficacia l'app mobile Salesforce e Lightning Experience. Vai avanti e inizia a personalizzare!

Risorse

• Lightning Web Components Developer Guide (Guida per sviluppatori di componenti Web Lightning)
• Lightning Web Components Developer Guide: Configure a Component for Lightning App Builder (Guida per sviluppatori di componenti Web Lightning: Configurazione di un componente per il Generatore di app Lightning)
• Guida di Salesforce: Componenti personalizzati della pagina Lightning