Premiers pas avec le générateur d’application Lightning
Objectifs de formation
- Comprendre le fonctionnement du générateur d’application Lightning afin d’élaborer des applications réactives et des pages personnalisées pour Lightning Experience et l’application mobile
- Comprendre la présentation de l’interface utilisateur du générateur d’application Lightning
- Décrire la différence entre une page Lightning et un composant Lightning
Découverte du générateur d’application Lightning
Vos utilisateurs sont occupés. Ils concluent des affaires, fournissent des services de qualité et font la promotion de vos produits à des prospects et à des clients. En créant des pages personnalisées, vous mettez les informations importantes au bout des doigts de vos utilisateurs, et vous leur offrez une interface simple pour mettre à jour et ajouter des enregistrements.
Le générateur d’application Lightning est un outil pointer-cliquer qui permet de créer facilement des pages personnalisées pour l’application mobile Salesforce et Lightning Experience, afin de donner à vos utilisateurs tout ce dont ils ont besoin depuis un même endroit.
Par ailleurs, ce n’est pas tout. Lorsque vous modifiez une application Lightning depuis App Manager (Gestionnaire d’applications) dans Setup (Configuration), vous entrez dans le générateur d’application Lightning pour gérer les paramètres de l’application. Vous pouvez mettre à jour la personnalisation de l’application, sa navigation, ses options, et gérer les pages Lightning qui lui sont assignées, le tout depuis le générateur d’application Lightning.
Dans ce module, nous explorerons la création de pages dans Lightning.
Fonctionnement du générateur d’application Lightning
- Applications monopage qui permettent d'explorer des pages standard
- Applications de type tableau de bord, telles que des applications de suivi des principaux prospects ou des meilleures pistes du trimestre
- Des applications ciblées permettant de résoudre une tâche spécifique, par exemple une application de frais généraux dans laquelle les utilisateurs saisissent et surveillent les dépenses qu’ils ont soumises
- Des pages d’enregistrement personnalisées pour vos objets, adaptées aux besoins de vos utilisateurs
- Des pages d’accueil personnalisées, qui contiennent les composants et les fonctionnalités les plus souvent utilisés
Une page Lightning est une présentation personnalisée qui permet de créer des pages spécifiques à utiliser dans l’application mobile Salesforce ou dans Lightning Experience. Une page Lightning est divisée en plusieurs zones contenant des composants.
Voici un aperçu d’une page que vous allez élaborer.
La structure d'une page Lightning s'adapte à l'appareil sur lequel elle est affichée. Le modèle que vous choisissez lors de la création de la page contrôle l'affichage sur un appareil donné. Le modèle de page Lightning divise la page en zones.
Composants Lightning
Un composant Lightning est un élément compact, configurable et réutilisable que vous pouvez ajouter à une page Lightning, dans le générateur d’application Lightning.
- Composants standard : les composants standard sont des éléments Lightning élaborés par Salesforce.
- Composants personnalisés : les composants personnalisés correspondent aux composants Lightning que vous ou une autre personne avez créés. Vous pouvez configurer des composants Lightning personnalisés de sorte qu’ils fonctionnent dans le générateur d’application Lightning.
- Composants tiers dans AppExchange : AppExchange est l’endroit où vous pouvez trouver les composants Lightning. Elle propose des packages contenant des composants pré-configurés et prêts à être utilisés dans le générateur d’application Lightning.
À compter de la version Spring ’19 (version d’API 45.0), vous pouvez créer des composants Lightning à l’aide de deux modèles de programmation : le modèle Lightning Web Components (Composants Web Lightning) et le modèle Aura Components (Composants Aura) d’origine. Les composants Web Lightning sont des éléments HTML personnalisés, conçus à l’aide du format HTML et de JavaScript moderne. Les composants Web Lightning et les composants Aura peuvent coexister et interagir sur une page.
Interface utilisateur du générateur d’application Lightning
lorsque vous travaillez sur une page Lightning, l’en-tête vous montre son étiquette et contient une liste de pages où vous pourrez retrouver les dix dernières pages que vous avez modifiées. Vous pouvez également revenir à la configuration sans enregistrer, ou afficher une aide supplémentaire sur le générateur d’application Lightning.
Si vous modifiez une application, l’en-tête montre également le nom de l’application et contient un onglet App Settings (Paramètres de l’application) où vous pourrez configurer les options de l’application telles que la personnalisation, la navigation et la barre d’utilitaires. Dans le contexte d’une application, la liste Pages (Pages) affiche toutes les pages Lightning actives associées à l’application actuelle.
Barre d’outils (2)
Les boutons de la barre d’outils permettent de couper (
), copier ( 
) et coller ( 
) un contenu de la page, et d’annuler ( 
), de rétablir ( 
), d’enregistrer ou d’activer votre page Lightning. Vous pouvez également afficher votre page sous différents formats, actualiser la zone de dessin et ajuster la taille de la zone de dessin à votre écran.Palette des composants (3)
La palette des composants contient tous les composants Lightning standard et personnalisés pris en charge dans votre page Lightning. Cliquez et faites glisser un composant pour l'ajouter à la page. Sur les pages d’enregistrement, un onglet Fields (Champs) en haut de la palette de composants contient des champs d’objet que vous pouvez ajouter à votre page d’enregistrement.
Si vous disposez de nombreux composants personnalisés, saisissez le texte dans le champ de recherche pour retrouver celui dont vous avez besoin. Vous pouvez accéder à des composants personnalisés tiers dans AppExchange en utilisant le bouton situé en bas du volet.
Zone de dessin d'une page Lightning (4)
La zone de dessin est l'endroit où vous élaborez votre page. Faites glisser les composants pour les réorganiser sur la page.
Volet des propriétés (5)
Selon les éléments sélectionnés sur la page, le volet des propriétés affiche les propriétés générales de la page ou celles du composant sélectionné. Dans le chemin de navigation, cliquez sur Page (Page) pour accéder aux propriétés de la page lors de la visualisation d’un composant.
Types de page Lightning
App Page (Page d’application) :
utilisez une page d’application afin de créer une page d’accueil pour une application tierce, que vous pouvez ajouter directement aux menus de navigation de l’application mobile Salesforce et de Lightning Experience. Vos utilisateurs ont ainsi une page d’accueil d’application dans laquelle ils peuvent accéder rapidement aux objets et aux éléments les plus importants.
créez des pages d’accueil avec des fonctionnalités adaptées à chaque type d’utilisateur spécifique et attribuez les pages personnalisées à différentes applications ou combinaisons profil utilisateur/application. Les pages d’accueil personnalisées sont prises en charge uniquement dans Lightning Experience.
une page d’enregistrement permet de créer une version personnalisée d’une page d’enregistrement d’un objet, afin de l’adapter aux besoins de vos utilisateurs. Les pages d’enregistrement personnalisées sont prises en charge dans Lightning Experience et dans l’application mobile Salesforce.
Commençons par la page d’accueil.
