Abilita estensibilità interfaccia utente in AEM Assets View
- Argomenti:
- App Builder
Creato per:
- Utente
- Sviluppatore
AEM Assets View supporta l'estensibilità dell'interfaccia utente, che consente di aggiungere componenti personalizzati all'interfaccia utente di Assets View per flussi di lavoro e requisiti aziendali specifici che non sono soddisfatti dalle funzionalità predefinite di AEM Assets View. Questa funzionalità di estensibilità dell'interfaccia utente di AEM Assets View ne migliora la flessibilità, consentendo alle organizzazioni di adattare l'interfaccia per flussi di lavoro e requisiti specifici.
Puoi aggiungere le estensioni al livello Risorsa, Cartella e Raccolta. L'estensione aggiunta viene visualizzata in un pannello dedicato nella pagina Risorsa, Raccolta o Cartella Dettagli.
- Estensibilità dell'interfaccia utente AEM Assets View disponibile con Assets Ultimate.
- Per accedere all'estensibilità dell'interfaccia utente Assets view, crea e invia un Adobe caso di assistenza clienti.
- Puoi fornire feedback sulla documentazione espandendo le opzioni di feedback dettagliate e facendo clic su Segnala un problema.
Accedi alla visualizzazione Assets
Segui i passaggi indicati nell'immagine seguente per accedere a Assets View:
Visualizza estensioni interfaccia utente in Assets View
In Assets View, passa alla pagina Dettagli di una risorsa, cartella o raccolta. Nella pagina Dettagli viene visualizzata l'estensione dell'interfaccia utente aggiunta in un pannello dedicato.
Prerequisiti per l’aggiunta del componente extensibility
Per iniziare ad aggiungere il componente di estensibilità in Assets View UI, è necessario soddisfare i seguenti requisiti:
- Accesso a Assets View.
- Accesso a Adobe app builder.
- Diritto allo sviluppatore del ruolo di amministratore di sistema all’interno dell’organizzazione. Per ulteriori informazioni, consulta questa documentazione.
- Adobe IO command line tool (AIO CLI) è installato nei computer locali. Questo strumento è essenziale per la creazione e la distribuzione di progetti di estensione. Per ulteriori informazioni, consulta questa documentazione.
- Buona conoscenza delle tecnologie JavaScript, Node.js e React.
Aggiungi il componente di estendibilità dell'interfaccia utente a Assets View
- Consulta Guida introduttiva per informazioni essenziali sulle estensioni dell'interfaccia utente e sul framework Adobe App Builder. Scopri come l'estensibilità dell'interfaccia utente consente l'integrazione di logica e interfaccia utente personalizzate in Adobe Experience Cloud services e l'architettura e il flusso di lavoro per l'implementazione delle estensioni dell'interfaccia utente.
- Consulta Guide per informazioni generali sull'estensibilità dell'interfaccia utente, tra cui configurazione dell'ambiente locale, anteprima locale, pubblicazione e gestione.
- Consulta Concetti comuni nella creazione di estensioni per informazioni sulle nozioni di base necessarie per sviluppare un'estensione dell'interfaccia utente per AEM Assets View.
- Aggiungere pannelli laterali personalizzati all'interfaccia Assets View. L'applicazione host (Assets View) gestisce questi pannelli per gestire le interazioni dell'interfaccia utente, ad esempio l'attivazione e il collegamento profondo. Le estensioni utilizzano il punto di estensione
aem/assets/details/1
per integrare pannelli personalizzati che specificano proprietà quali ID pannello, titolo e URL contenuto. Gli sviluppatori registrano i pannelli personalizzati con il metodogetPanels()
e creano le route per visualizzare il contenuto personalizzato. Per informazioni dettagliate sull'implementazione, inclusi riferimenti API ed esempi di codice, vedere Visualizzazione dettagli. - Configurare l'ambiente locale e creare la prima estensione dell'interfaccia utente per acquisire un'esperienza diretta del processo di sviluppo delle estensioni dell'interfaccia utente in Assets View. Per ulteriori dettagli, consulta Sviluppo dell'estensione AEM Assets View passo dopo passo.
- Configurate l'applicazione utilizzando la CLI AIO per generare la struttura di estensione di base e il codice richiesto. Per informazioni dettagliate, vedere generazione del codice per AEM Assets View.
- Verifica le estensioni a livello locale per assicurarti che funzionino come previsto prima della distribuzione. Eseguire l'estensione in un ambiente completamente isolato o con isolamento parziale e connettere l'estensione all'ambiente di produzione AEM Assets View per il test. Per informazioni dettagliate, vedere Risoluzione dei problemi - AEM Assets View estensibilità.