Crie componentes personalizados usando ServiceNow CLI

  • Versão de lançamento: Australia
  • Atualizado 12 de mar. de 2026
  • 3 min. de leitura

    • Desenvolva componentes personalizados usando Estrutura de IU do Next Experience e o. extensão do componente iu.

    Os componentes são blocos de construção reutilizáveis que você usa para criar uma interface do usuário personalizada. . Next Experience Design System Vem com um conjunto de componentes personalizáveis que você pode arrastar para sua IU personalizada. Desenvolva seus próprios componentes se você não conseguir encontrar o que precisa no Next Experience Design System biblioteca.

    Para ver Next Experience Design System, visite ServiceNow® Site do desenvolvedor.

    Benefícios da criação de componentes personalizados

    O desenvolvimento de componentes personalizados permite:

    • Personalize uma IU de acordo com as necessidades do seu agente, cliente e empresa.
    • Torne seus funcionários mais eficazes e reduza a alternância de contexto com acesso rápido a dados e informações importantes.
    • Acomode o ambiente omnicanal exclusivo da sua empresa usando APIs para consolidar seus dados.

    Por exemplo, você pode querer criar um componente que exiba os casos associados a um ANS ou que rastreie os bate-papos ativos em uma fila específica. Você pode usar o. Estrutura de IU do Next Experience e o. extensão do componente iu para desenvolver o componente de que você precisa e acessar dados da sua plataforma usando o. API de efeito HTTP . Você também pode consultar dados da plataforma usando GraphQL criando um esquema personalizado. Para obter mais informações, consulte GraphQL com script .

    O que saber antes de começar

    Antes de começar a projetar e criar seu componente, certifique-se de ter:

    • Algum conhecimento geral de conceitos de componentes web, desenvolvimento e design.
    • Conhecimento de JavaScript para definir o comportamento do componente.
    • Conhecimento do Gerenciador de pacotes de nó (npm).
    • A versão mais recente do Node.js instalada em sua máquina local. Para obter mais informações, consulte, Node.js .
    • . ServiceNow CLI instalado em sua máquina.

    Estrutura de IU do Next Experience

    . Estrutura de IU do Next ExperienceÉ uma estrutura JavaScript que permite estender suas aplicações e criar componentes web reutilizáveis em todas as suas aplicações. Usando o. Estrutura de IU do Next Experience permite:

    • Crie um único componente para usar em vários locais em suas aplicações.
    • Encapsule o escopo do componente para evitar conflitos com outro código.
    • Adicione propriedades, slots e ações ao seu componente, permitindo que os usuários personalizem o componente sempre que usá-lo em um Espaço.

    Para obter mais informações, consulte ServiceNow® Site do desenvolvedor.

    extensão do componente iu e fluxo de desenvolvimento

    . extensão do componente iué uma extensão do ServiceNow CLI que permite desenvolver componentes personalizados usando o. Estrutura de IU do Next Experience. Com o. extensão do componente iu, você pode:

    • Crie o conjunto de arquivos necessários para desenvolver um componente, ou andaime do projeto .
    • Inicie um servidor de desenvolvimento local para testar seu componente.
    • Crie um projeto de componente e implante-o em um ServiceNow instância.

    Para obter mais informações, consulte ServiceNow® Site do desenvolvedor.

    Escopo da aplicação

    Quando você implanta um Estrutura de IU do Next Experience componente, ele é implantado em uma aplicação com escopo na instância. Você pode fornecer um escopo de aplicação para o componente usar como um identificador de namespace. Use as diretrizes do identificador de namespace para o desenvolvimento de aplicações na instância. Para obter mais informações, consulte Escopo da aplicação .

    Ao reservar um escopo de aplicação, siga estes requisitos:

    • Máximo: 18 caracteres.

    • Caso: Caso de cobra.

    • Formato: x_customerprefix_componentname , em que:
      • customerprefix é o valor em glide.appcreator.company.codepropriedade do sistema em sua instância.
      • nome do componente é o valor fornecido nos componentes nome quando você criou o projeto.

    Se você não fornecer um escopo de aplicação ao criar seu projeto de componente, a Now ILC criará um para você.

    Como alternativa, você pode adicionar um valor ao Nome do escopo parâmetro no now-ui.json arquivo.

    Guia de referência

    Para ver o guia de referência da Now CLI, visite Site do desenvolvedor .