Habilitar extensibilidade da interface do usuário em AEM Assets View AEM-Assets-View-UI-Extensibility
O AEM Assets View oferece suporte à extensibilidade da interface do usuário, permitindo que você adicione componentes da interface do usuário personalizada à sua interface do usuário Assets View para fluxos de trabalho específicos e requisitos comerciais que não são atendidos pelos recursos prontos para uso do AEM Assets View. Esse recurso de extensibilidade de interface do usuário do AEM Assets View aumenta sua flexibilidade, permitindo que as organizações adaptem a interface a fluxos de trabalho e requisitos específicos.
Você pode adicionar suas extensões no nível do Ativo, Pasta e Coleção. A extensão adicionada é exibida em um painel dedicado na página Ativo, Coleção ou Pasta Detalhes.
- A extensibilidade da interface do usuário AEM Assets View está disponível com Assets Ultimate.
- Para obter acesso à extensibilidade da interface do usuário do Assets view, crie e envie um Adobe caso de Suporte ao Cliente.
- Você pode fornecer comentários sobre a documentação, expandindo as Opções de Comentários Detalhados e clicando em Relatar um problema.
Acessar o Modo de Exibição do Assets add-UI-Extensibility-in-AEM-Assets-View
Siga as etapas mencionadas na imagem abaixo para acessar o Assets View:
Exibir extensões da interface do usuário em Assets View ui-extensibility-panel-assets-view
Em Assets View, navegue até a página Detalhes de um ativo, pasta ou coleção. A página Detalhes exibe a extensão de interface do usuário adicionada em um painel dedicado.
Pré-requisitos para adicionar o componente de extensibilidade assets-view-ui-extensibility
Atenda aos seguintes requisitos para começar a adicionar o componente de extensibilidade em seu Assets View UI:
- Acesso a Assets View.
- Acesso a Adobe app builder.
- Direito ao desenvolvedor da função de administrador do sistema na organização. Consulte esta documentação para obter mais informações.
- Adobe IO command line tool (AIO CLI) está instalado em seus computadores locais. Essa ferramenta é essencial para criar e implantar projetos de extensão. Consulte esta documentação para obter mais informações.
- Boa compreensão das tecnologias do JavaScript, Node.js e React.
Adicionar o componente de extensibilidade da interface do usuário a Assets View ui-extensibility-in-assets-view
- Consulte Introdução para obter informações essenciais sobre extensões da interface do usuário e a estrutura Adobe App Builder. Saiba como a Extensibilidade da Interface do Usuário permite a integração da lógica personalizada e da interface do usuário no Adobe Experience Cloud services e entenda a arquitetura e o fluxo de trabalho para implementar Extensões de Interface do Usuário.
- Consulte Guias para obter informações gerais sobre extensibilidade da interface do usuário, incluindo configuração de ambiente local, visualização local, publicação e gerenciamento.
- Consulte Conceitos comuns na criação de extensões para entender os fundamentos necessários ao desenvolvimento de uma extensão de interface do usuário para o AEM Assets View.
- Adicionar painéis laterais personalizados à interface Assets View. O aplicativo host (Assets View) gerencia esses painéis para lidar com interações da interface do usuário, como alternância e deep linking. As extensões usam o ponto de extensão
aem/assets/details/1para integrar painéis personalizados que especificam propriedades, como ID de painel, título e URL de conteúdo. Os desenvolvedores registram painéis personalizados com o métodogetPanels()e criam rotas para exibir conteúdo personalizado. Para obter implementação detalhada, incluindo referências de API e exemplos de código, consulte Exibição de Detalhes. - Configure seu ambiente local e crie sua primeira extensão de interface do usuário para ter uma experiência direta do processo de desenvolvimento de extensões de interface do usuário no Assets View. Consulte Exibir Desenvolvimento de Extensão passo a passo do AEM Assets para obter mais detalhes.
- Configure seu aplicativo usando a CLI da AIO para gerar a estrutura básica de extensão e o código necessário. Consulte geração de código para AEM Assets View para obter informações detalhadas.
- Teste suas extensões localmente para garantir que elas funcionem conforme o esperado antes da implantação. Execute sua extensão em um ambiente totalmente isolado ou com isolamento parcial e conecte sua extensão à produção AEM Assets View para teste. Consulte Solução de problemas - AEM Assets View extensibilidade para obter informações detalhadas.