Suivez votre progression
Accueil Trailhead
Accueil Trailhead

Premiers pas avec le Générateur d'applications Lightning

Objectifs de formation

Une fois cette unité terminée, vous pourrez :
  • Comprendre le fonctionnement du Générateur d’applications 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'applications Lightning
  • Décrire la différence entre une page Lightning et un composant Lightning

Découverte du Générateur d'applications 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’applications 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.

Mais ce n’est pas tout ! Lorsque vous modifiez une application Lightning depuis le Gestionnaire d’applications dans la configuration, vous entrez dans le générateur d’applications 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’applications Lightning.

Dans ce module, nous explorerons la création de pages dans Lightning.

Fonctionnement du Générateur d’applications Lightning

Le Générateur d'applications Lightning permet d'élaborer les applications suivantes :
  • 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 « Point » pour 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 régions contenant des composants.

Voici un aperçu d’une page que vous allez élaborer.

Test de votre composant personnalisé dans Lightning Experience

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.

Régions d’une page Lightning

Lightning Components

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’applications Lightning.

Les pages Lightning prennent en charge les composants suivants :
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 la place de marché des composants Lightning. Elle propose des packages contenant des composants pré-configurés et prêts à être utilisés dans le Générateur d'applications Lightning.
Remarque

Remarque

À 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 Composants Web Lightning et le modèle 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'applications Lightning

L'interface utilisateur du Générateur d'applications Lightning facilite la création de pages Lightning. Voici la liste des différents éléments de cet outil.

Interface utilisateur du Générateur d'applications Lightning
En-tête (1)
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'applications Lightning.
Si vous modifiez une application, l’en-tête montre également le nom de l’application et contient un onglet 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 affiche toutes les pages Lightning actives associées à l’application en cours.
Barre d'outils (2)
Les boutons de la barre d'outils permettent de couper (Couper), copier (Copier) et coller (Coller) un contenu de page, et d'annuler (Annuler), de rétablir (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.
Volet Composants Lightning (3)

Ce volet 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.

Conseil

Conseil

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 ou celles du composant sélectionné. Dans le chemin de navigation, cliquez sur Page pour accéder à la page des propriétés lors de l'affichage d'un composant.

Types de page Lightning

Vous pouvez créer différents types de pages Lightning avec le Générateur d'applications Lightning. Nous allons passer en revue ces trois types.
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.
Page d'accueil
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.
Page d'enregistrement
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.