Configurar campos dinâmicos no construtor de interface do usuário no-code no Amazon Connect - Amazon Connect

As traduções são geradas por tradução automática. Em caso de conflito entre o conteúdo da tradução e da versão original em inglês, a versão em inglês prevalecerá.

Configurar campos dinâmicos no construtor de interface do usuário no-code no Amazon Connect

Este tópico explica como configurar campos dinâmicos em componentes para exibir dados de runtime em vez de valores codificados ao desenvolver interfaces de atendentes e clientes usando o construtor de interface do usuário no-code no Amazon Connect.

Você pode ter cenários em que deseja que os dados exibidos para um atendente ou cliente sejam preenchidos dinamicamente em vez de codificados. Por exemplo, se estiver criando uma tela pop-up, talvez queira exibir o nome e o ID do perfil do cliente. Você precisa que os dados sejam dinâmicos porque os valores desses campos mudam de contato para contato.

Para preencher dinamicamente um campo de componente:

  1. Abra a guia de propriedades desse componente.

  2. Selecione o ícone dinâmico (o ícone do raio) que aparece ao lado do campo que precisa ser dinâmico.

Os campos mais comuns que exigem valores dinâmicos são:

  • O campo Valor para campos de exibição.

  • O DefaultValuecampo nas entradas do formulário.

É tecnicamente possível que qualquer campo visível e oculto para um atendente seja determinado dinamicamente no runtime. É por isso que todos os campos na guia Propriedades podem ser definidos como dinâmicos (o ícone de raio).

Por exemplo, veja o AttributesBarcomponente na imagem a seguir.

Um componente AttributeBar com Valor definido como dinâmico.
  • O rótulo do Atributo 1 é definido estaticamente como Nome do cliente.

  • O Valor do atributo é definido como dinâmico (ícone de raio selecionado).

Com essas configurações, o valor de AttributesBaré determinado pelos dados que são passados em tempo de execução para o Mostrar exibição bloco.

Quando um campo é definido como dinâmico, seu valor estático é substituído por uma referência dinâmica. Uma seção Dados de exemplo aparece abaixo do campo. Use essa seção para definir dados de exemplo.

A referência dinâmica reflete a estrutura de dados esperada pelo bloco Mostrar exibição ao configurar dados de runtime. Por exemplo, considere o valor do atributo 1 no AttributesBarcomponente, mostrado na imagem a seguir.

O valor do atributo 1 no AttributesBar componente quando ele é dinâmico.
  • Quando definido como dinâmico, o campo se torna $.AttributeBar_1.Attributes[0].Value, em que AttributeBar_1 é o ID do componente.

  • Isso indica que, no bloco Mostrar exibição, o campo AttributeBar_1 deve receber um objeto.

  • O objeto contém uma matriz Attributes em que se espera que o primeiro item ([0]) seja um objeto com um campo Value.

Você pode editar referências dinâmicas para fins de clareza ou reutilização. As referências dinâmicas podem ser compartilhadas entre vários campos e componentes na visualização. Por exemplo, na imagem a seguir do AttributeBarcomponente, atualizamos sua referência dinâmica para$.myAttributeValue. O bloco Mostrar exibição agora tem um campo myAttributeValue que espera uma entrada de string.

As propriedades do AttributeBar componente, um valor que é dinâmico.
Importante

O tipo da referência dinâmica deve corresponder ao tipo esperado do campo. Por exemplo, você não pode usar uma referência dinâmica baseada em string em um campo booleano. A imagem a seguir mostra um exemplo de mensagem de erro quando a referência dinâmica não corresponde.

O painel Personalizar com uma mensagem de erro porque a referência dinâmica não corresponde ao tipo esperado no campo.

Você também tem a opção de definir todas as propriedades de um atributo em um componente como dinâmicas. Na imagem a seguir, tudo sobre esse atributo, incluindo o rótulo, é determinado no runtime com base nos valores enviados ao bloco Mostrar exibição. Por exemplo, Nome do cliente agora é um dado de exemplo que você pode usar para ter uma ideia do que o atendente verá ao usar um guia. No entanto, esse valor não pode ser visto pelo atendente.

O painel Personalizar com Nome do cliente como dado de exemplo.

Para determinados componentes, como AttributesBar, você também pode definir todas as propriedades do componente como dinâmicas. Por exemplo, com o AttributeBar, você pode definir a escolha do ícone dinâmico (o raio) para tornar todos os atributos dinâmicos. Os atributos são determinados pelo que é enviado ao bloco Mostrar exibição no runtime.

Todas as propriedades do AttributeBar estão definidas como dinâmicas.