---
sourceDocument: Interface utilisateur de la Now Platform Xanadu
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/fr-FR/xanadu/platform-user-interface

 Release :

    - xanadu

ft:locale :

    - fr-FR

ft:publication_title :

    - Interface utilisateur de la Now Platform Xanadu

ft:clusterId :

    - platux

bundleId :

    - platux

workflow :

    - Platform


---

# Widgets Hello World

# Widgets Hello World {#ariaid-title1}

* Rversion finale: Xanadu
* 
* Mis à jour 1 août 2024
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 1 minute de lecture

Les widgets Hello World sont inclus avec Portail de services des exemples d'utilisation et de création de widgets. Vous pouvez utiliser ce widget du système de base tel quel dans votre portail ou le cloner en fonction de vos besoins professionnels.

Les trois widgets Hello World s'affichent de la même façon. La vraie différence entre eux réside dans leur base de code sous-jacente. Chaque version du widget utilise une méthode différente d'utilisation des scripts serveur et client.

Pour afficher les widgets Hello World, accédez à Portail de servicesConfiguration du Portail de services puis cliquez sur Éditeur de widget. Dans l'éditeur de widget, cliquez sur Consulter l'exemple Hello World.  
Figure 1. Bonjour le monde 1

Hello world 1 affiche la façon dont le modèle HTML et le script client communiquent. Pour plus d'informations sur l'utilisation du script client dans , reportez-vous à Portail de services[Développement de widgets personnalisés](https://servicenow-prod.fluidtopics.net/x1PuGjBpSODEBCwyskR46Q "Développez des widgets personnalisés pour les portails à l’aide d’AngularJS, de Bootstrap et de l’API ServiceNow .").

Utilisez la liste des widgets pour passer à Hello World 2 ou 3.  
Figure 2. Bonjour le monde 2

Hello World 2 inclut un exemple de la façon dont le script serveur peut également être utilisé.  
Figure 3. Bonjour le monde 3

Pour plus d'informations sur Portail de services les API, consultez [l'API GlideSPSriptable](https://www.servicenow.com/docs/access?context=c_GlideSPScriptableScopedAPI&version=xanadu&pubname=xanadu-api-reference&ft:locale=en-US).
**Tâches associées**   

* [Créer et modifier une page à l'aide de Designer Portail de services](https://servicenow-prod.fluidtopics.net/57axVLFXZcK0n_U2Qwfjdg#t_ConfigureAPage "Créez ou modifiez une page et utilisez des mises en page pour organiser les colonnes qui hébergent les widgets.")
* [Configurer les instances de widget](https://servicenow-prod.fluidtopics.net/XU4kaTs40cK30SLWqurY1g "Créez des instances uniques de widgets en configurant les options de chaque instance.")
* [Cloner un widget](https://servicenow-prod.fluidtopics.net/E9JfwNM2tFq3AVKQBZpDEg "Tirez parti du code existant en clonant et en modifiant un widget existant.")