---
sourceDocument: Interface do usuário da Now Platform Yokohama
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/pt-BR/yokohama/platform-user-interface

 Release :

    - yokohama

ft:locale :

    - pt-BR

ft:publication_title :

    - Interface do usuário da Now Platform Yokohama

ft:clusterId :

    - platux

bundleId :

    - platux

workflow :

    - Platform


---

# Olá, mundo widgets

# Olá, mundo widgets {#ariaid-title1}

* Versão de lançamento: Yokohama
* 
* Atualizado 30 de jan. de 2025
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 1 min. de leitura

Os widgets Olá Mundo estão incluídos com Portal de serviçoscomo exemplos de como usar e criar widgets. Você pode usar este widget do sistema de base como está no portal ou cloná-lo para atender às suas próprias necessidades de negócios.

Todos os três widgets Olá Mundo são exibidos da mesma maneira. A diferença real entre eles está em sua base de código subjacente. Cada versão do widget usa um método diferente de usar o script do servidor e do cliente.

Para exibir os widgets Olá, mundo, navegue até Portal de serviçosConfiguração do Portal de serviços em seguida, clique em Editor de widget . No Editor de widgets, clique em Confira o exemplo Olá Mundo .  
Figura 1. Hello World 1

Olá, mundo 1 exibe como o modelo HTML e o script do cliente se comunicam. Para obter mais informações sobre como usar o client script em Portal de serviços, consulte [Desenvolvendo widgets personalizados](https://servicenow-prod.fluidtopics.net/ZVQ9n1WExt4Ia7_pEVlJaQ "Desenvolva widgets personalizados para portais usando AngularJS, Bootstrap e o. ServiceNowAPI.").

Use a lista de widgets para alternar para Olá Mundo 2 ou 3.  
Figura 2. Hello World 2

O Hello World 2 inclui um exemplo de como o script do servidor também pode ser usado.  
Figura 3. Hello World 3

Para obter mais informações sobre Portal de serviçosAPIs, consulte [API GlideSPSriptable](https://www.servicenow.com/docs/access?context=c_GlideSPScriptableScopedAPI&version=yokohama&pubname=yokohama-api-reference&ft:locale=en-US).
**Tarefas relacionadas**   

* [Criar e editar uma página usando o Designer Portal de serviços](https://servicenow-prod.fluidtopics.net/~kshma2x9F7Fhhf4x7iYcw#t_ConfigureAPage "Crie ou edite uma página e use layouts para organizar as colunas que hospedam os widgets.")
* [Configure instâncias de widget](https://servicenow-prod.fluidtopics.net/8tij89_RJTq3l0hQT0HHMg "Crie instâncias exclusivas de widgets configurando as opções para cada instância.")
* [Clone um widget](https://servicenow-prod.fluidtopics.net/M1xLK~1NlVn7RPA~cbwRzA "Aproveite o código existente clonando e editando um widget existente.")