Présentation

  • 2 minutes

Microsoft Power Pages génère la sortie basée sur les données Microsoft Dataverse. La question fondamentale dans cette architecture est la suivante : comment puis-je extraire ces données et les insérer dans cette sortie ?

Dans cette question, les « données » désignent généralement les données Dataverse, tandis que la « sortie » est souvent de type HTML ou texte brut.

Comme Power Pages utilise un modèle SaaS (Software as a Service), l’accès au code serveur n’est pas fourni. Les créateurs de sites web doivent modifier leurs modèles ; c’est là qu’intervient le langage de modèle Liquid.

Liquid est un langage de modèle open source intégré de manière native à Power Pages. Ce langage fait office de pont entre les données Dataverse et la sortie de type HTML ou texte envoyée au navigateur. Liquid vous permet d’ajouter du contenu dynamique aux pages et de créer divers modèles personnalisés. En outre, Liquid donne accès uniquement aux données et opérations explicitement autorisées par les paramètres de sécurité du site web.

Ajouter du code Liquid à des pages web

Vous pouvez utiliser le code Liquid partout dans les sites web où vous pouvez saisir du contenu HTML ou textuel, y compris les modèles web, les pages web et les extraits de contenu.

  1. Connectez-vous à Power Pages.

  2. Sélectionnez l’environnement adéquat dans le coin supérieur droit.

  3. Sélectionnez le site web, puis cliquez sur Modifier.

  4. Sélectionnez l’espace de travail Pages.

  5. Cliquez sur + Page.

    • Saisissez Liquid pour le nom de la page.

    • Sélectionnez le modèle Démarrer à partir de zéro.

    • Cliquez sur Ajouter.

  6. Sélectionnez le contenu sur le canevas de la page, puis ajoutez un composant de texte.

    Capture d’écran d’un canevas de page web illustrant le bouton Texte sélectionné pour ajouter un composant de texte à la page.

  7. Remplacez l’espace réservé pour le composant de texte par le texte suivant :

    Hello, visitor. The time is {{ 'now' | date: 'g' }}

  8. Cliquez sur Aperçu > Bureau.

    L’aperçu de la page web s’ouvre alors et affiche l’heure UTC actuelle.

    Capture d’écran du code Liquid sur une page web avec l’heure actuelle affichée.

Remarque

Une fois le contenu de la page synchronisé, l’aperçu de la page dans le studio de conception Power Pages peut n’afficher que le texte suivant : « Bonjour, cher visiteur. Voici la date et l’heure ». Le code Liquid est toujours sur la page et vous pouvez l’afficher dans la source de la page en cliquant sur Modifier le code dans la barre d’outils.