Crie componentes personalizados usando CLI da ServiceNow

  • Versão de lançamento: Zurich
  • Atualizado 31 de jul. de 2025
  • 3 min. de leitura

    • Desenvolva componentes personalizados usando Estrutura de IU do Next Experiencee o. extensão do componente de 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 SystemVem 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 Systembiblioteca.

    Para ver o. Next Experience Design Systembiblioteca, 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 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 Experiencee o. extensão do componente de IUpara 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, desenvolvimento e design de componentes web.
    • 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 .
    • . CLI da ServiceNowinstalado 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 da web reutilizáveis em todas as suas aplicações. Usando o. Estrutura de IU do Next Experiencepermite que você:

    • 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 de IU e fluxo de desenvolvimento

    . extensão do componente de IUé uma extensão do CLI da ServiceNowque permite desenvolver componentes personalizados usando o. Estrutura de IU do Next Experience. Com o. extensão do componente de 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 ServiceNowinstância.

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

    Escopo da aplicação

    Quando você implanta um Estrutura de IU do Next Experiencecomponente, 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 CLI 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 .