Suivez votre progression
Accueil Trailhead
Accueil Trailhead

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

Personnalisation des composants Lightning dans le Générateur d'applications Lightning

La création d'un composant Lightning personnalisé requiert des connaissances en matière de programmation. Sinon, vous pouvez installer un composant Lightning existant à partir de l'AppExchange.

Important

Important

Administrateurs 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 de deux modèles de programmation : Composants Web Lightning et Composants Aura. Consultez les modules Bases des composants Aura et Bases 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’applications Lightning, sont affichés dans le volet Composants Lightning.

Volet Composant du Générateur d'applications Lightning
Vos composants Lightning personnalisés ne fonctionnent pas automatiquement dans les pages Lightning ou le Générateur d’applications Lightning. Pour pouvoir utiliser un composant personnalisé dans les deux, vous devez :
  1. Configurer le composant et son paquet de composants pour qu'ils soient compatibles avec le Générateur d'applications Lightning et les pages Lightning. En fonction du modèle de programmation de composants Lightning que vous utilisez, consultez le Guide du développeur de composants Aura Lightning ou le Guide du développeur de composants Web Lightning pour obtenir plus d’informations.
  2. Déployez MonDomaine dans votre organisation.

Le composant personnalisé que nous fournissons dans ce module est déjà configuré pour le Générateur d'applications Lightning.

Mon domaine est déjà activé dans votre Trailhead Playground

N’essayez pas d’activer Mon domaine ou de modifier ses réglages dans votre Trailhead Playground. Par défaut, Mon domaine est déjà activé dans tous les Trailhead Playgrounds.

Nom Mon domaine en surbrillance dans une URL Trailhead Playground.

Dans votre organisation de production, Mon domaine vous permet de créer un sous-domaine unique pour votre organisation. Avec Mon domaine, vous remplacez l’URL d’instance que Salesforce vous assigne, par exemple https://na17.lightning.force.com, avec un sous-domaine de votre choix, par exemple, https://monnomdedomaine.lightning.force.com.

Mon domaine est requis pour créer des composants Lightning personnalisés et configurer l’authentification unique (SSO) dans une organisation. Pour en savoir plus sur Mon domaine, consultez cet article Knowledge. Pour savoir comment l’activer dans votre organisation de production, consultez le module Authentification des utilisateurs.

Installation d'un composant Lightning personnalisé

Nous avons fourni un composant Lightning Alerte d'opportunité personnalisé à ajouter à votre page Lightning. Installons-le 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 Lancer. Si vous voyez un onglet intitulé 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 Démarreur de Playground et suivez les étapes. Si vous ne voyez pas l’application Démarreur de Playground, copiez ce lien d’installation de package et consultez Installer un package ou une application pour relever un défi Trailhead dans l’aide de Trailhead.

  1. Cliquez sur l’onglet Installer un package.
  2. Copiez 04t2E00000161fSQAQ dans le champ.
  3. Cliquez sur Installer.
  4. Sélectionnez Installer pour les administrateurs seulement, puis cliquez sur 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 Configuration, saisissez Générateur d'applications dans la case Recherche rapide, puis cliquez sur Générateur d'applications Lightning.
  2. À côté de la page Principaux comptes et opportunités, cliquez sur Modifier.
  3. Ajoutez le composant Alerte d’opportunité au-dessus du composant Vue de liste.
  4. Dans le volet Propriétés, changez les Jours depuis la date de la dernière modification sur 6.
    Avez-vous remarqué que le texte au sein du composant a été modifié pour correspondre à la nouvelle valeur de champ ?
  5. Désélectionnez A des tâches en cours, puis cliquez sur Enregistrer.
    Conseil

    Conseil

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

Bien ! Les modifications que vous effectuez sont immédiatement disponibles dans Lightning Experience et dans l’application mobile. Allons voir à quoi ressemble désormais la page.

Test du composant personnalisé

Regardons d’abord 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 Principaux comptes et opportunités dans l’application Vente et faites-la défiler jusqu’au nouveau composant.
    Vous devrez peut-être actualiser l’écran pour afficher les modifications effectuées.
    Test de votre composant personnalisé dans Salesforce1
  4. Revenez à votre organisation et examinez la page Principaux comptes et opportunités dans Lightning Experience.
    Vous avez créé la page à l'aide du modèle à Deux colonnes. Par conséquent, il est affiché sous ce format sur un ordinateur ou une tablette.
    Test de votre composant personnalisé dans Lightning Experience
Félicitations ! Vous avez utilisé le Générateur d’applications 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 et personnalisez !