Executando customização por substituições
Use a abordagem de customização por substituições se nenhuma das outras abordagens de customização atender seu cenário. É possível executar qualquer customização no Hub de Pedido usando a abordagem de customização por substituições. A abordagem de customização por substituições fornece flexibilidade completa para customizar qualquer coisa em páginas existentes.. No entanto, depois de fazer mudanças no código, você estará assumindo a propriedade dessa rota ou página e de todos os ativos de código acompanhantes que vêm com essa página Portanto, quando o IBM liberar novas atualizações, você não obterá automaticamente as atualizações para essa página Para obter novas atualizações, será necessário sincronizar novamente suas mudanças de customização para a liberação de código mais recente
O aplicativo Order Hub é executado a partir do código de origem visto sob a pasta src-merged A pasta <order_hub_code_directory>/packages/src-merged é gerada mesclando o código das pastas src e src-custom durante a compilação de código. Uma compilação ocorre sempre que você salva mudanças de código em sua máquina. Não modifique o código na pasta src-merged Em vez disso, atualize a pasta src-custom , conforme necessário
Procedimento
- Configure o ambiente de customização do Order Hub : Customizando aplicativos existentes.
- Prepare a rota para customização por substituições: Preparando páginas e rotas para customizações.
- Identifique o código-fonte para o componente da tela no qual você deseja fazer mudanças.
- Copie os arquivos da pasta src para src-custom, duplicando a estrutura de pasta exata: Entendendo pastas e arquivos importantes.
- Comece a fazer mudanças nos arquivos no src-custom e salve para ver as mudanças compiladas Dica: verifique se a customização desejada é um padrão existente em Order Hube, em seguida, localize o componente no código-fonte Order Hub e replique conforme necessário.
- Atualize o navegador da web e vá para a página para ver as mudanças
Customizando um componente que é definido na pasta compartilhada
As etapas anteriores descrevem a customização pela abordagem de substituições para arquivos dentro do pacote. No entanto, há casos em que um componente do pacote shared precisa ser mudado.. Para trazer os componentes da pasta shared , aplique a cópia em uma nova abordagem do componente.
- Copie o componente inteiro da pasta shared para a pasta src-custom
- Renomeie o componente (ou seja, prefixe-o com a palavra Custom) e renomeie o nome do seletor para ser exclusivo. Não conflitar com o componente existente definido na pasta shared .
- Importe o novo componente e o defina no arquivo app-customization.impl.ts .
- Corrija as importações no novo arquivo .ts do componente O arquivo original estava importando arquivos dentro do shared , portanto, ele teria usado caminhos relativos, mas como ele foi movido para fora do shared, então as referências de importação devem ser de @buc/-shared .
- Traga o arquivo que usa o componente para alterná-lo para usar o novo componente, em vez do componente na pasta shared