Criar uma dependência de widget

  • Versão de lançamento: Xanadu
  • Atualizado 1 de ago. de 2024
  • 2 min. de leitura

    • No Portal de serviços, você pode vincular arquivos JavaScript e CSS a widgets para criar dependências entre widgets e bibliotecas de terceiros, folhas de estilos externas e módulos angulares.

    Antes de Iniciar

    Função necessária: sp_admin ou administrador

    Por Que e Quando Desempenhar Esta Tarefa

    As dependências são carregadas de forma assíncrona do servidor quando necessário.

    Os widgets podem ter quantas dependências forem necessárias. No entanto, quanto mais você adicionar, mais conteúdo um widget precisará baixar para renderizar na página. Mantenha as dependências tão pequenas quanto possível para tempos de carregamento mais eficientes.

    Procedimento

    1. Crie um pacote de dependência.

      Um pacote de dependência é uma coleção de arquivos JavaScript e CSS que podem ser conectados a um widget.

      1. Navegar até Portal de serviços > Dependências.
      2. No registro de dependência, defina os seguintes campos.
        Campo Descrição
        Nome O nome da sua dependência. (Útil para selecionar uma dependência em uma lista suspensa.)
        Aplicação Escopo da aplicação para o registro de dependência.
        Incluir no carregamento de página Selecione se você deseja que sua dependência seja carregada na página no carregamento de página inicial do Portal de serviços ou deixe desmarcado para carregar a dependência somente quando o widget vinculado estiver carregado em uma página.
        Nome do módulo angular Opcional. Defina o valor se o JavaScript vinculado for um módulo Angular. Forneça o nome do módulo Angular que está sendo carregado, para que ele possa ser injetado na aplicação Angular do Portal de serviços.
    2. Adicione arquivos ao pacote de dependência.

      Depois de salvar as informações do pacote de dependência, use as listas relacionadas para adicionar arquivos de inclusão JS e CSS. Para cada lista relacionada, inclua as seguintes informações:

      Campo Descrição
      Nome de exibição Nome da inclusão de script.
      Origem Dependendo se você adicionar uma Inclusão de JS ou uma Inclusão de CSS, selecione uma destas opções na lista:
      • URL
      • Script de IU (para uma inclusão de JS) ou folha de estilos (para uma inclusão de CSS)

      Para uma Inclusão JS, use o campo Script de IU para fazer referência a um Script de IU encontrado em IU do Sistema > Scripts da IU.

      Para a Inclusão de CSS, use o campo Folha de estilos para fazer referência a um registro na tabela sp_css.
    3. Adicione um pacote de dependência a um widget.
      Depois de criar um pacote de dependência e adicionar arquivos, crie um relacionamento entre a dependência e um widget.
      1. Navegar até Portal de serviços > Widgets e localize o registro do widget ao qual você deseja adicionar a dependência.
      2. Na lista relacionada Dependências, clique em Editar.
      3. No slushbucket, localize a dependência que você criou e clique duas vezes para adicioná-la à coluna de itens selecionados à direita.
      4. Salve a página para retornar ao registro do widget.