Incorporação de dashboards
O seguinte recurso está disponível como beta no Flex UI (IU do Flex) versão 1.28 e posterior. Para usar esse recurso, certifique‐se de que o recurso Insights - Programmable Dashboards beta esteja ativado na interface do administrador.
Um proxy de desenvolvedor é necessário para o desenvolvimento local. Consulte o artigo sobre Desenvolvimento local.
A partir de 1.27, o Flex suporta a incorporação de dashboards. Para utilizar essa funcionalidade, use o componente Dashboard exportado sob o namespace Flex.Insights.Dashboard
.
O componente usa um adereço dashboardId
e exibe o dashboard incorporado em um iframe. Isso permite criar exibições personalizadas com dashboards específicos.
Componente do dashboard
O componente tem os seguintes adereços:
dashboardId: string;
queryParams?: {};
events?: { [event: string]: (eventData: unknown, eventId: string) => void };
dashboardId
ID do dashboard. Este é o único adereço necessário neste componente e provavelmente o único que você precisará usar.
Consulte o próximo capítulo para saber como obter o dashboardId
.
queryParams
Para usuários experientes. O objeto será passado como string de consulta para o URL do iframe.
eventos
Para usuários experientes. Permite anexar manipuladores personalizados aos eventos de mensagens de POST recebidos do iframe.
Obtendo o ID do dashboard
Saber o ID do Dashboard é fundamental para ser capaz de renderizá‐lo. Para descobrir o ID correto do Dashboard, navegue primeiro até o dashboard desejado e verifique o URL no seu navegador.
Deve ser parecido com isto: <yourFlexUrl>/dashboards/aeJSfSg9if1x
.
A parte depois de dashboards/
é o ID do Dashboard exibido no momento, neste caso aeJSfSg9if1x
.
Exemplo
Usaremos o ID do Dashboard que acabamos de descobrir para exibir o Dashboard como conteúdo do contêiner de CRM:
Flex.CRMContainer.Content.replace(
<Flex.Insights.Dashboard key="some-key" dashboardId="aeJSfSg9if1x" />
);
Precisa de ajuda?
Às vezes, todos nós precisamos; a programação é difícil. Receba ajuda agora da nossa equipe de suporte, ou confie na sabedoria da multidão navegando pelo Stack Overflow Collective da Twilio ou buscando a tag Twilio no Stack Overflow.