Utilisation de Visualforce dans Lightning Experience

Étant donné que l’utilisation de composants Web Lightning constitue le moyen privilégié de créer une interface utilisateur avec Salesforce, nous vous invitons à suivre le parcours Transition de Visualforce aux composants Web Lightning pour apprendre à vous servir de ces composants et à vous conformer aux normes Web actuelles. Toutefois, vous pouvez également poursuivre le processus d’obtention de ce badge pour en savoir plus sur Visualforce.

Objectifs de formation

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

• Identifier deux éléments d’ordre général que vous devez prendre en compte pour vos pages Visualforce avant leur utilisation dans Lightning Experience.
  
• Mentionner au moins cinq emplacements où vous pouvez utiliser Visualforce dans Lightning Experience.
  

Utilisation de Visualforce dans Lightning Experience

Lightning Experience offre une interface utilisateur complètement repensée à votre organisation Salesforce. Toutefois, cela ne signifie pas que vos applications Visualforce cessent de fonctionner. Les pages Visualforce fonctionnent dans Lightning Experience, et un grand nombre d’entre elles ne nécessitent aucune révision. Certaines choses ont toutefois changé. Vous devrez donc accomplir certaines tâches pour vous assurer que vos pages Visualforce fonctionnent comme vous le souhaitez lorsque vos utilisateurs basculent entre Lightning Experience et Salesforce Classic. Il y a par ailleurs un très petit nombre de fonctionnalités qui, hélas, ne fonctionnent pas dans Lightning Experience. Nous vous expliquerons tout cela dans ce module.

Commençons avec quelques détails de base. Ce sont des sujets dont nous parlerons de manière plus approfondie ultérieurement, mais gérons dès maintenant quelques éléments essentiels.

• Malgré certaines exceptions notables, Visualforce fonctionne normalement dans Lightning Experience. Si vous avez conçu des applications Visualforce pour votre organisation, elles fonctionneront dans Lightning Experience et dans Salesforce Classic.
  
• Si vos pages Visualforce utilisent les composants standard intégrés, leur présentation est adaptée au style de Salesforce Classic, que les utilisateurs y accèdent dans Lightning Experience ou Salesforce Classic. Si vous souhaitez que vos pages soient adaptées au style de Lightning Experience, vous aurez un peu de travail.
  
• Si vos pages Visualforce utilisent JavaScript, vous devez vérifier certains éléments. Visualforce n’occupe pas la totalité de la page lors de l’affichage dans Lightning Experience. Par conséquent, votre code JavaScript code doit respecter certaines règles nouvelles.
  
• Il y a d’autres éléments qui ont changé dans la manière dont Visualforce est exécuté dans Lightning Experience. Pour la plupart, ils jouent un rôle pour assurer le « fonctionnement normal », mais le fait d'en savoir plus vous intéressera tout de même.
  

Pour finir, est-ce que nous vous avons dit que certains éléments avaient été déplacés ? Si ce n'était que cela ! Lightning Experience a permis de totalement repenser le fonctionnement de Salesforce, et même si le travail n'est pas fini, chaque nouvelle étape nous remplit d'enthousiasme. Afin de vous orienter sur l’emplacement de Visualforce dans le nouvel environnement, faisons rapidement le tour de certains des endroits où vous pouvez utiliser Visualforce dans Lightning Experience.

Où utiliser Visualforce dans Lightning Experience

Comme avec Salesforce Classic, vous pouvez étendre Lightning Experience à vos pages et applications Visualforce personnalisées. C’est leur emplacement qui a changé et il y a encore des endroits où vous ne pouvez pas intégrer Visualforce.

Pour ajouter Visualforce à votre organisation Lightning Experience, il existe plusieurs méthodes. Nous en présentons quelques-unes ci-dessous. Il ne s'agit toutefois que d'un rapide aperçu. Pour plus d’informations sur la personnalisation de votre organisation avec les pages Visualforce, consultez les ressources disponibles à la fin de cette unité.

Ouvrez une page Visualforce depuis le lanceur d’application

Vos applications Visualforce et vos onglets personnalisés sont tous accessibles à partir du lanceur d’application. Pour ouvrir le lanceur d’application, cliquez sur dans la barre de navigation. Pour voir l’ensemble de vos applications et de vos éléments, sélectionnez Afficher tout.

Cliquez sur une application personnalisée (1) pour l’activer. Les éléments de l’application sont affichés dans la barre de navigation, y compris tous les onglets Visualforce vous avez ajoutés à l’application. Vous devez ajouter vos pages Visualforce à des onglets pour qu’elles soient accessibles dans le lanceur d’application. Les onglets Visualforce qui ne figurent pas dans des applications seront accessibles dans Autres éléments (2).

Ajouter une page Visualforce à la barre de navigation

Comme décrit dans l’exemple précédent, vous pouvez ajouter des onglets Visualforce à une application pour les afficher en tant qu’éléments dans la barre de navigation de l’application.

(une page d’utilitaires « ForceUI » vous paraît intéressante ? Continuez la lecture de ce module !).

Afficher une page Visualforce dans la présentation de page standard

Étendez vos présentations de page en leur incorporant des pages Visualforce afin d’afficher un contenu entièrement personnalisé dans une page standard. Il se passe ici la même chose qu’avec Salesforce Classic, sauf que vous devez afficher les détails de l’enregistrement pour visualiser la présentation de page.

Ajout d’une page Visualforce en tant que composant dans le Générateur d’applications Lightning

Lorsque vous créez une page d’application personnalisée dans le Générateur d’applications Lightning, vous pouvez lui ajouter une page Visualforce à l’aide du composant Visualforce.

Pour qu’une page Visualforce soit disponible dans le Générateur d’application Lightning, vous devez activer « Available for Lightning Experience, Lightning Communities, and the mobile app » (Disponible pour Lightning Experience, les communautés Lightning et l’application mobile Salesforce).

Lancer une page Visualforce en tant qu’action rapide

Bien que son emplacement dans l’interface utilisateur Lightning Experience soit différent de celui de Salesforce Classic, le processus d’ajout d’actions rapides reste en grande partie identique. Ajoutez-les à la zone de publication adéquate sur la présentation de la page de l'objet.

Afficher une page Visualforce en remplaçant les boutons et les liens standard

Vous pouvez remplacer les actions disponibles sur un objet avec une page Visualforce. Lorsque l'utilisateur clique sur un lien ou un bouton remplacé, votre page s'affiche en lieu et place de la page standard. Cette manipulation est globalement la même que dans Salesforce Classic. En effet, vous ne vous rendrez pas compte que vous êtes dans Lightning Experience lorsque vous définirez le remplacement d’une action.

Afficher une page Visualforce en utilisant les boutons et les liens standard

Vous pouvez créer de nouvelles actions pour vos objets, sous forme de liens et de boutons, en les définissant sur un objet. Les liens et boutons JavaScript ne sont pas pris en charge dans Lightning Experience, contrairement aux éléments Visualforce (et aux URL). Le processus de définition des liens et boutons Visualforce est le même que dans Salesforce Classic, nous ne nous y attarderons donc pas.

Ressources

• Trailhead : « Comment trouver : Navigation et configuration dans Lightning Experience » dans Lightning Experience Features
• Trailhead : Personnalisation d'application Lite
• Trailhead : Lightning App Builder
• Trailhead : Concepts de base de Visualforce
• Visualforce Developer Guide
• Build Apps Visually with Lightning App Builder