Premiers pas dans Visualforce

É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 :

• Présenter Visualforce et sa fonction
  
• Citer trois emplacements ou plus dans lesquels Visualforce peut être utilisée
  

Introduction à Visualforce

Visualforce est une infrastructure de développement Web. Elle permet aux développeurs d’élaborer des interfaces utilisateur sophistiquées et personnalisées pour des applications mobiles et de bureau, qui peuvent être hébergées sur Lightning Platform. Vous pouvez utiliser Visualforce pour élaborer des applications correspondant au style de Lightning Experience, aussi bien que votre propre interface entièrement personnalisée.

Visualforce permet aux développeurs d’étendre les fonctionnalités intégrées de Salesforce, de les remplacer par de nouvelles fonctionnalités et d’élaborer de toutes nouvelles applications. Utilisez les puissantes fonctionnalités du contrôleur standard intégré ou écrivez votre propre logique métier personnalisée dans Apex. Vous pouvez élaborer des fonctionnalités pour votre propre organisation ou créer des applications destinées à la vente dans AppExchange.

Dans Visualforce, le développement d’applications est familier pour toutes les personnes qui ont élaboré des applications Web. Les développeurs créent des pages Visualforce en assemblant des composants, des balises HTML et des éléments de style facultatifs. Visualforce peut intégrer n’importe quelle technologie Web standard ou infrastructure JavaScript pour créer une interface utilisateur plus animée et plus riche. Chaque page est accessible via une URL unique. Lorsqu'une personne accède à une page, le serveur exécute le traitement de données requis par la page, restitue la page en HTML et renvoie les résultats au navigateur qui les affiche.

Un exemple de page Visualforce

Voici un court exemple d’une page Visualforce opérationnelle.

<apex:page standardController="Contact" >
	<apex:form >
		<apex:pageBlock title="Edit Contact">
			<apex:pageBlockSection columns="1">
				<apex:inputField value="{!Contact.FirstName}"/>
				<apex:inputField value="{!Contact.LastName}"/>
				<apex:inputField value="{!Contact.Email}"/>
				<apex:inputField value="{!Contact.Birthdate}"/>
			</apex:pageBlockSection>
			<apex:pageBlockButtons >
				<apex:commandButton action="{!save}" value="Save"/>
			</apex:pageBlockButtons>
		</apex:pageBlock>
	</apex:form>
</apex:page>

Cette page affiche un formulaire de saisie de données de contact.

En à peine plus de douze lignes de balisage, cette page effectue de nombreuses opérations.

• Elle se connecte à un contrôleur standard Visualforce, dans le cadre de l’infrastructure Visualforce qui fournit l’accès automatique aux données et leur modification, des actions standard, et plus encore.
  
• En cas d'accès sans ID d'enregistrement, la page affiche un formulaire de saisie de données vierge. Lorsque vous cliquez sur Enregistrer, un enregistrement est créé à partir des données du formulaire.
  
• En cas d'accès avec un ID d'enregistrement, la page recherche les données de l'enregistrement de contact et les affiche sous un format modifiable. Lorsque vous cliquez sur Enregistrer, les modifications que vous avez apportées au contact sont enregistrées dans la base de données.
  
• Chaque champ de saisie est interactif.
  

• Le champ d'e-mail peut déterminer si une adresse e-mail est valide ou non et affiche une erreur lorsqu'une adresse incorrecte est saisie.
  
• Le champ de date affiche un widget de date lorsque vous cliquez dessus afin de faciliter la saisie de la date.
  

• Le bouton Enregistrer appelle la méthode d’action save, qui est l’une des actions standard fournies par le contrôleur standard.
  

Emplacements d’utilisation de Visualforce

Salesforce permet d’utiliser Visualforce à plusieurs emplacements au sein de votre organisation. Vous pouvez étendre les fonctionnalités intégrées de Salesforce, les remplacer par de nouvelles fonctionnalités et élaborer de toutes nouvelles applications.

Pour ajouter Visualforce à votre organisation, il existe plusieurs méthodes. Nous en présentons quelques-unes ci-dessous. N’oubliez pas que ces captures d’écran montrent des exemples et ne sont pas représentatifs des pages et applications personnalisées de votre organisation.

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.

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

• Visualforce Developer Guide
• Session Dreamforce : Introduction à Visualforce
• Trailhead : Lightning App Builder
• Trailhead : Utilisation de Visualforce dans Lightning Experience