Exploitation des composants Lightning personnalisés

Objectifs de formation

Une fois cette unité terminée, vous pourrez :

• Installer un composant Lightning personnalisé
  
• Utiliser un appareil mobile pour prévisualiser votre application dans l’application mobile Salesforce
  

Remarque

Vous souhaitez apprendre en français ? Commencez le défi dans un Trailhead Playground en français et utilisez les traductions fournies entre crochets pour naviguer. Copiez et collez uniquement les valeurs en anglais, car les validations de défi reposent sur les données en anglais. Si vous ne réussissez pas le défi dans votre organisation en français, nous vous recommandons (1) de définir le paramètre régional sur les États-Unis, (2) de définir la langue sur l’anglais en suivant les instructions ici, puis (3) de cliquer à nouveau sur le bouton « Vérifier le défi ».

Consultez le badge Trailhead dans votre langue pour découvrir comment profiter de l’expérience Trailhead traduite.

Accessibilité

Cette unité nécessite des instructions supplémentaires pour les utilisateurs de lecteurs d’écran. Pour accéder à une version détaillée de cette unité adaptée aux lecteurs d’écran, cliquez sur le lien ci-dessous :

Ouvrir les instructions du lecteur d’écran Trailhead.

Personnalisation des composants Lightning dans le générateur d’application Lightning

La création d’un composant Lightning personnalisé requiert des connaissances en programmation. Sinon, vous pouvez installer un composant Lightning existant depuisAppExchange.

Chers administrateurs utilisant des solutions de type pointer-cliquer, vous pouvez le faire ! Nous vous fournissons un composant personnalisé déjà configuré. Alors, ne vous inquiétez pas. Vous n'avez pas besoin de connaissances en matière de programmation pour gagner ce badge.

Vous pouvez créer un composant Lightning personnalisé à l’aide des composants Web Lightning. Reportez-vous au module Concepts de base des composants Web Lightning.

Les composants personnalisés de votre organisation qui sont configurés pour être utilisés dans le générateur d’application Lightning sont affichés dans le volet Lightning Components (Composants Lightning).

Vos composants Lightning personnalisés ne fonctionnent pas automatiquement dans les pages Lightning ou le générateur d’application Lightning. Pour rendre un composant personnalisé utilisable dans les deux, vous devez configurer le composant et son paquet de composants afin qu’ils soient compatibles avec le générateur d’application Lightning et les pages Lightning. Pour en savoir plus, reportez-vous au guide du développeur de composants Web Lightning.

Le composant personnalisé que nous fournissons dans ce module est déjà configuré pour le générateur d’application Lightning.

Installation d'un composant Lightning personnalisé

Vous avez fourni un composant Lightning Opportunity Alert (Alerte d’opportunité) personnalisé à ajouter à votre page Lightning. Installez-le maintenant dans votre organisation.

Lancez votre Trailhead Playground en accédant à n’importe quelle unité disposant d’un défi pratique, puis en faisant défiler la page jusqu’en bas et en cliquant sur Launch (Lancer). Si vous voyez un onglet intitulé Install a Package (Installer un package) dans votre organisation, c’est parfait ! Suivez les étapes indiquées.

Si ce n’est pas le cas, cliquez sur l’icône du lanceur d’application pour lancer le lanceur d’application, puis cliquez sur Playground Starter et suivez les étapes. Si vous ne voyez pas l’application Playground Starter, copiez ce lien d’installation de package et consultez Installation d’un package ou d’une application pour relever un défi Trailhead dans l’aide Salesforce.

1. Cliquez sur l’onglet Install a Package (Installer un package).
   
2. Copiez 04t2E00000161fSQAQ dans le champ.
   
3. Cliquez sur Install (Installer).
   
4. Sélectionnez Install for Admins Only (Installer pour les administrateurs seulement), puis cliquez sur Install (Installer).
   

Une fois l'installation terminée, vous pouvez ajouter le composant à votre page.

Ajout d'un composant Lightning personnalisé à votre page d'application

1. Dans Setup (Configuration), saisissez App Builder (Générateur d’application) dans la zone Quick Find (Recherche rapide), puis cliquez sur App Builder (Générateur d’application Lightning).
   
2. Cliquez sur Edit (Modifier) en regard de la page Top Accounts and Opportunities (Principaux comptes et opportunités) que vous avez créée dans l’unité précédente.
   
3. Ajoutez le composant Opportunity Alert (Alerte d’opportunité) au-dessus du composant List View (Vue de liste).
   
4. Dans le volet des propriétés, modifiez la valeur de Days Since Last Modified (Jours depuis la date de la dernière modification) pour qu’elle soit égale à 6.
   Avez-vous remarqué que le texte au sein du composant a été modifié pour correspondre à la nouvelle valeur du champ ?
   
5. Désélectionnez Has Open Tasks (A des tâches en cours), puis cliquez sur Save (Enregistrer).
   

La page ayant déjà été activée précédemment, vous n'avez pas besoin de le faire à nouveau.

Voilà qui est parfait ! Les modifications que vous effectuez sont immédiatement disponibles dans Lightning Experience et dans l’application mobile. Découvrez ensuite à quoi ressemble désormais la page.

Test du composant personnalisé

Commencez par regarder s’il s’affiche bien dans l’application mobile Salesforce.

1. Ouvrez l'application sur votre appareil mobile.
   
2. Si nécessaire, connectez-vous à l'aide vos identifiants Trailhead Playground.
   
3. Accédez à la page Top Accounts and Opportunities (Principaux comptes et opportunités) dans l’application Sales (Ventes) et faites-la défiler jusqu’au nouveau composant. Vous devrez peut-être actualiser l’écran pour afficher les modifications effectuées. 
   

Revenez à votre organisation et examinez la page Top Accounts and Opportunities (Principaux comptes et opportunités) dans Lightning Experience. Comme vous avez créé la page à l’aide du modèle Two Columns (Deux colonnes), elle est affichée sous ce format lorsque vous la consultez sur un ordinateur ou une tablette.

Félicitations ! Vous avez utilisé le générateur d’application Lightning pour créer une page d’application, personnalisé votre page d’accueil Lightning Experience et personnalisé une page d’enregistrement Lightning Experience.

Vous savez désormais comment augmenter la puissance et la convivialité de l’application mobile Salesforce et de Lightning Experience pour vos utilisateurs. Continuez sur cette lancée et procédez à davantage de personnalisations !

Ressources

• Guide du développeur de composants Web Lightning
• Guide du développeur de composants Web Lightning : Configuration d’un composant pour le générateur d’application Lightning
• Aide Salesforce : Composants de page Lightning personnalisés