Créer des composants personnalisés à l’aide de ServiceNow CLI

Développez des composants personnalisés à l’aide du Cadre de travail de l'interface utilisateur Next Experience et du .extension de composant ui

Les composants sont des blocs de construction réutilisables que vous utilisez pour créer une interface utilisateur personnalisée. Le Next Experience Design System est fourni avec un ensemble de composants personnalisables que vous pouvez faire glisser dans votre interface utilisateur personnalisée. Développez vos propres composants si vous ne trouvez pas ce dont vous avez besoin dans la Next Experience Design System bibliothèque.

Pour voir la Next Experience Design System bibliothèque, visitez le ServiceNow® Site Developer.

Avantages de la création de composants personnalisés

Le développement de composants personnalisés vous permet d’effectuer les opérations suivantes :

• Personnalisez une interface utilisateur en fonction des besoins de votre agent, de votre client et des besoins de votre entreprise.
• Améliorez l’efficacité de vos employés et réduisez les changements de contexte grâce à un accès rapide aux données et informations importantes.
• Adaptez-vous à l’environnement omnicanal unique de votre entreprise en utilisant des API pour consolider vos données.

Par exemple, vous pouvez créer un composant qui affiche les tickets associés à un SLA ou qui suit les messageries instantanées actives dans une file d’attente particulière. Vous pouvez utiliser le Cadre de travail de l'interface utilisateur Next Experience et le extension de composant ui pour développer le composant dont vous avez besoin et accéder aux données de votre plateforme à l’aide de l’API Http Effect. Vous pouvez également interroger les données de la plateforme à l’aide de GraphQL en créant un schéma personnalisé. Pour plus d’informations, consultez GraphQL scripté.

Ce qu'il faut savoir avant de commencer

Avant de commencer à concevoir et à créer votre composant, assurez-vous d’avoir :

• Quelques connaissances générales des concepts, du développement et de la conception de composants Web.
• Connaissances JavaScript pour définir le comportement du composant.
• Connaissance de Node Package Manager (npm).
• La version la plus récente de Node.js installée sur votre ordinateur local. Pour plus d’informations, consultez Node.js.
• Le ServiceNow CLI installé sur votre machine.

Cadre de travail de l'interface utilisateur Next Experience

Il s’agit d’un Cadre de travail de l'interface utilisateur Next Experience framework JavaScript qui vous permet d’étendre vos applications et de créer des composants Web réutilisables dans toutes vos applications. L’utilisation de permet d’effectuer les Cadre de travail de l'interface utilisateur Next Experience opérations suivantes :

• Créez un composant unique à utiliser à plusieurs endroits dans vos applications.
• Encapsulez le périmètre du composant pour éviter les conflits avec d’autres codes.
• Ajoutez des propriétés, des emplacements et des actions à votre composant, ce qui permet aux utilisateurs de personnaliser le composant chaque fois qu’ils l’utilisent dans un Espace de travail.

Pour plus d’informations, consultez le ServiceNow® Site Developer.

extension de composant ui et le flux de développement

Il s’agit extension de composant ui d’une extension de la ServiceNow CLI qui vous permet de développer des composants personnalisés à l’aide du Cadre de travail de l'interface utilisateur Next Experiencefichier . Avec le extension de composant ui, vous pouvez :

• Créez l’ensemble des fichiers requis pour développer un composant ou un échafaudage de projet.
• Démarrez un serveur de développement local pour tester votre composant.
• Créez un projet de composant et déployez-le dans une ServiceNow instance.

Pour plus d’informations, consultez le ServiceNow® Site Developer.

Périmètre de l'application

Lorsque vous déployez un Cadre de travail de l'interface utilisateur Next Experience composant, il se déploie dans une application incluse dans le périmètre de l’instance. Vous pouvez fournir un périmètre de l’application que le composant doit utiliser comme identificateur d’espace de noms. Utilisez les instructions relatives à l’identificateur d’espace de noms pour le développement d’applications sur l’instance. Pour plus d’informations, consultez Périmètre de l’application.

Lors de la réservation d’un périmètre d’application, respectez les exigences suivantes :

• Maximum : 18 caractères.

• Étui : étui serpent.

• Format : x_customerprefix_componentname, où :
  • CustomerPrefix est la valeur de la glide.appcreator.company.code propriété système sur votre instance.
  • componentName est la valeur fournie dans le paramètre Nom du composant lors de la création du projet.

Si vous ne fournissez pas de périmètre de l’application lors de la création de votre projet de composant, Now CLI en crée un pour vous.

Vous pouvez également ajouter une valeur au paramètre scopeName dans le fichier now-ui.json .

Guide de référence

Pour consulter le guide de référence de l’interface de ligne de commande Now, consultez le site des développeurs.

• Développer un composant pour Agent virtuel
  Créez un composant personnalisé Agent virtuel pour recueillir des informations d’entrée ou d’affichage dans l’interface Agent virtuel client.
• Ajouter un composant à Espace de travail d'agent
  Utilisez des composants personnalisés pour créer une interface personnalisée Espace de travail afin de répondre aux besoins spécifiques des agents de votre société.