Sviluppare un processo di lavoro per metadati di Asset compute

I processi di lavoro di Asset compute personalizzati possono produrre dati XMP (XML) che vengono rimandati a AEM e memorizzati come metadati su una risorsa.

I casi d’uso comuni includono:

  • Integrazioni con sistemi di terze parti, ad esempio un sistema PIM (Product Information Management System), in cui è necessario recuperare e memorizzare metadati aggiuntivi sulla risorsa
  • Integrazioni con i servizi Adobe, ad esempio Content and Commerce AI per migliorare i metadati delle risorse con attributi di apprendimento automatico aggiuntivi
  • Derivazione dei metadati della risorsa dal suo binario e memorizzazione come metadati della risorsa in AEM come Cloud Service

Cosa farai

Questa esercitazione creerà un processo di lavoro per metadati di Asset compute che deriverà i colori più comunemente utilizzati in una risorsa di immagine e riscrive i nomi dei colori nei metadati della risorsa in AEM. Anche se il processo di lavoro è di base, questa esercitazione lo utilizza per esplorare come i processi di lavoro di Asset compute possono essere utilizzati per riscrivere i metadati alle risorse in AEM come Cloud Service.

Flusso logico della chiamata di un processo di lavoro per metadati di Asset compute

La chiamata dei processi di lavoro dei metadati di Asset compute è quasi identica a quella di processi di rendering binari che generano processi di lavoro, con la differenza principale che il tipo di ritorno è un rendering XMP (XML) i cui valori sono scritti anche nei metadati della risorsa.

I dipendenti di Asset compute implementano il contratto Asset compute SDK worker API nella funzione renditionCallback(...) , che è concettualmente:

  • Input: Parametri binari e del profilo di elaborazione originali di una risorsa AEM
  • Output: un rendering XMP (XML) persisteva nella risorsa AEM come rendering e nei metadati della risorsa

Flusso logico del processo di lavoro dei metadati di Asset compute

  1. Il servizio Author di AEM richiama il processo di lavoro per metadati di Asset compute, fornendo il (1a) binario originale della risorsa e (1b) eventuali parametri definiti nel profilo di elaborazione.
  2. L’SDK di Asset compute orchestra l’esecuzione della funzione renditionCallback(...) del processo di lavoro per metadati di Asset compute personalizzati, derivando un rendering XMP (XML) basato sul rendering binario della risorsa (1a) e su eventuali parametri del profilo di elaborazione (1b).
  3. Il processo di lavoro Asset compute salva la rappresentazione XMP (XML) in rendition.path.
  4. I dati XMP (XML) scritti su rendition.path vengono trasportati tramite l’SDK di Asset compute ad AEM Author Service e li espongono come (4a) una rappresentazione di testo e (4b) persistenti nel nodo di metadati della risorsa.

Configura il file manifest.yml

Tutti i lavoratori Asset compute devono essere registrati nel file manifest.yml.

Apri il manifest.yml del progetto e aggiungi una voce di lavoro che configuri il nuovo processo di lavoro, in questo caso metadata-colors.

Ricorda .yml che gli spazi bianchi sono sensibili.

packages:
  __APP_PACKAGE__:
    license: Apache-2.0
    actions: 
      worker:
        function: actions/worker/index.js 
        web: 'yes' 
        runtime: 'nodejs:12'
        limits:
          timeout: 60000 # in ms
          memorySize: 512 # in MB
          concurrency: 10 
        annotations:
          require-adobe-auth: true
      metadata-colors:
        function: actions/metadata-colors/index.js 
        web: 'yes' 
        runtime: 'nodejs:12'
        limits:
          memorySize: 512 # in MB

function fa riferimento all’implementazione del processo di lavoro creata nel passaggio successivo. Denomina i processi di lavoro semanticamente (ad esempio, il actions/worker/index.js potrebbe essere stato meglio denominato actions/rendition-circle/index.js), come mostrato nell' URL del processo di lavoro e inoltre determina il nome della cartella di test del processo di lavoro.

Le limits e require-adobe-auth sono configurate in modo discreto per lavoratore. In questo processo di lavoro, 512 MB di memoria viene allocata mentre il codice controlla (potenzialmente) grandi dati di immagine binari. Gli altri limits vengono rimossi per utilizzare i valori predefiniti.

Sviluppare un processo di lavoro metadati

Crea un nuovo file JavaScript di lavoro metadati nel progetto di Asset compute nel percorso definito manifest.yml per il nuovo processo di lavoro, all'indirizzo /actions/metadata-colors/index.js

Installare i moduli npm

Installa i moduli npm aggiuntivi (@adobe/asset-compute-xmp, get-image-color e color-namer) che verranno utilizzati in questo processo di lavoro Asset compute.

$ npm install @adobe/asset-compute-xmp
$ npm install get-image-colors
$ npm install color-namer

Codice lavoratore metadati

Questo processo di lavoro ha un aspetto molto simile al processo di lavoro che genera rendering, la differenza principale consiste nel scrivere i dati XMP (XML) nel rendition.path per essere salvati di nuovo in AEM.

"use strict";

const { worker, SourceCorruptError } = require("@adobe/asset-compute-sdk");
const fs = require("fs").promises;

// Require the @adobe/asset-compute-xmp module to create XMP 
const { serializeXmp } = require("@adobe/asset-compute-xmp");

// Require supporting npm modules to derive image colors from image data
const getColors = require("get-image-colors");
// Require supporting npm modules to convert image colors to color names
const namer = require("color-namer");

exports.main = worker(async (source, rendition, params) => {
  // Perform any necessary source (input) checks
  const stats = await fs.stat(source.path);
  if (stats.size === 0) {
    // Throw appropriate errors whenever an erring condition is met
    throw new SourceCorruptError("source file is empty");
  }
  const MAX_COLORS = 10;
  const DEFAULT_COLORS_FAMILY = 'basic';

  // Read the color family parameter to use to derive the color names
  let colorsFamily = rendition.instructions.colorsFamily || DEFAULT_COLORS_FAMILY;

  if (['basic', 'hex', 'html', 'ntc', 'pantone', 'roygbiv'].indexOf(colorsFamily) === -1) { 
      colorsFamily = DEFAULT_COLORS_FAMILY;
  }
  
  // Use the `get-image-colors` module to derive the most common colors from the image
  let colors = await getColors(source.path, { options: MAX_COLORS });

  // Convert the color Chroma objects to their closest names
  let colorNames = colors.map((color) => getColorName(colorsFamily, color));

  // Serialize the data to XMP metadata
  // These properties are written to the [dam:Asset]/jcr:content/metadata resource
  // This stores
  // - The list of color names is stored in a JCR property named `wknd:colors`
  // - The colors family used to derive the color names is stored in a JCR property named `wknd:colorsFamily`
  const xmp = serializeXmp({
      // Use a Set to de-duplicate color names
      "wknd:colors": [...new Set(colorNames)],
      "wknd:colorsFamily": colorsFamily
    }, {
      // Define any property namespaces used in the above property/value definition
      // These namespaces will be automatically registered in AEM if they do not yet exist
      namespaces: {
        wknd: "https://wknd.site/assets/1.0/",
      },
    }
  );

  // Save the XMP metadata to be written back to the asset's metadata node
  await fs.writeFile(rendition.path, xmp, "utf-8");
});

/**
 * Helper function that derives the closest color name for the color, based on the colors family
 * 
 * @param {*} colorsFamily the colors name family to use
 * @param {*} color the color to convert to a name
 */
function getColorName(colorsFamily, color) {
    if ('hex' === colorsFamily) {  return color; }

    let names = namer(color.rgb())[colorsFamily];

    if (names.length >= 1) { return names[0].name; }
}

Esegui il processo di lavoro metadati localmente

Completato il codice del lavoratore, può essere eseguito utilizzando lo strumento di sviluppo Asset compute locale.

Poiché il nostro progetto di Asset compute contiene due processi di lavoro (il precedente rendering dei cerchi e questo processo di lavoro metadata-colors), la definizione del profilo dello strumento di sviluppo Asset compute elenca i profili di esecuzione per entrambi i processi di lavoro. La seconda definizione del profilo punta al nuovo processo di lavoro metadata-colors.

Rendering di metadati XML

  1. Dalla directory principale del progetto Asset compute

  2. Esegui aio app run per avviare lo strumento di sviluppo di Asset compute

  3. In Seleziona un file…A discesa , scegli un’ immagine di esempio da elaborare

  4. Nella seconda configurazione di definizione del profilo, che punta al processo di lavoro metadata-colors, aggiorna "name": "rendition.xml" poiché questo processo di lavoro genera un rendering XMP (XML). Facoltativamente, aggiungi un parametro colorsFamily (valori supportati basic, hex, html, ntc, pantone, roygbiv).

    {
    "renditions": [
        {
            "worker": "...",
            "name": "rendition.xml",
            "colorsFamily": "pantone"
        }
    ]
}

  5. Tocca Esegui e attendi che il rendering XML venga generato

    • Poiché entrambi i processi di lavoro sono elencati nella definizione del profilo, verranno generate entrambe le rappresentazioni. Facoltativamente, è possibile eliminare la definizione del profilo principale che punta al processo di lavoro rendering del cerchio, per evitare di eseguirlo dallo strumento di sviluppo.

  6. La sezione Rendering visualizza in anteprima il rendering generato. Toccare il rendition.xml per scaricarlo e aprirlo nel codice VS (o nell'editor XML/text preferito) per la revisione.

Test del processo di lavoro

I processi di lavoro dei metadati possono essere testati utilizzando lo stesso framework di test di Asset compute dei rendering binari. L’unica differenza è che il file rendition.xxx nel caso di test deve essere il rendering previsto XMP (XML).

  1. Crea la seguente struttura nel progetto di Asset compute:

    /test/asset-compute/metadata-colors/success-pantone/

    file.jpg
    params.json
    rendition.xml

  2. Utilizza il file di esempio come case di prova file.jpg.

  3. Aggiungi il seguente JSON al params.json.

    {
    "fmt": "xml",
    "colorsFamily": "pantone"
}

    Tieni presente che per istruire la suite di test è necessario .xml generare un rendering basato su testo."fmt": "xml"

  4. Immetti il codice XML previsto nel file rendition.xml . Ciò può essere ottenuto:

    • Esecuzione del file di input di prova tramite lo strumento di sviluppo e salvataggio del rendering XML (convalidato).
    <?xml version="1.0" encoding="UTF-8"?><rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:wknd="https://wknd.site/assets/1.0/"><rdf:Description><wknd:colors><rdf:Seq><rdf:li>Silver</rdf:li><rdf:li>Black</rdf:li><rdf:li>Outer Space</rdf:li></rdf:Seq></wknd:colors><wknd:colorsFamily>pantone</wknd:colorsFamily></rdf:Description></rdf:RDF>

  5. Esegui aio app test dalla directory principale del progetto Asset compute per eseguire tutte le suite di test.

Distribuire il processo di lavoro in Adobe I/O Runtime

Per richiamare questo nuovo processo di lavoro metadati da AEM Assets, è necessario distribuirlo in Adobe I/O Runtime utilizzando il comando :

$ aio app deploy

distribuzione app aio

In questo modo verranno distribuiti tutti i processi di lavoro del progetto. Consulta le istruzioni di distribuzione senza limiti per informazioni su come distribuire nelle aree di lavoro di Stage e Produzione.

Integrare con AEM Profili di elaborazione

Richiama il lavoratore da AEM creando un nuovo servizio Profilo di elaborazione personalizzato esistente che richiama il lavoratore distribuito o modificandone uno esistente.

Profilo di elaborazione

  1. Accedi a AEM come servizio Author di Cloud Service come AEM Amministratore
  2. Passa a Strumenti > Risorse > Profili di elaborazione
  3. ____ Creare un profilo di elaborazione nuovo o ____ modificabile ed esistente
  4. Tocca la scheda Personalizzato e tocca Aggiungi nuovo
  5. Definire il nuovo servizio
    • Crea rappresentazione metadati: Passa a attivo
    • Endpoint: https://...adobeioruntime.net/api/v1/web/wkndAemAssetCompute-0.0.1/metadata-colors
      • Si tratta dell'URL del processo di lavoro ottenuto durante la distribuzione o utilizzando il comando aio app get-url. Assicurati che l’URL punti nell’area di lavoro corretta in base al AEM come ambiente di Cloud Service.
    • Parametri del servizio
      • Tocca Aggiungi parametro
        • Chiave: colorFamily
        • Valore: pantone
          • Valori supportati: basic, hex, html, ntc, pantone, roygbiv
    • Tipi mime
      • Include: image/jpeg, image/png, image/gif, image/svg
        • Questi sono gli unici tipi MIME supportati dai moduli npm di terze parti utilizzati per ricavare i colori.
      • Escludi: Leave blank
  6. Tocca Salva in alto a destra
  7. Applica il profilo di elaborazione a una cartella AEM Assets se non lo fai già

Aggiornare lo schema metadati

Per rivedere i metadati dei colori, mappare due nuovi campi dello schema metadati dell'immagine alle nuove proprietà dei dati dei metadati che il processo di lavoro compila.

Schema metadati

  1. Nel servizio AEM Author, passa a Strumenti > Risorse > Schemi di metadati
  2. Passa a default e seleziona e modifica image e aggiungi campi modulo di sola lettura per esporre i metadati colore generati
  3. Aggiungi un testo a riga singola
    • Etichetta campo: Colors Family
    • Mappa su proprietà: ./jcr:content/metadata/wknd:colorsFamily
    • Regole > Campo > Disattiva modifica: Selezionato
  4. Aggiungi un testo con più valori
    • Etichetta campo: Colors
    • Mappa su proprietà: ./jcr:content/metadata/wknd:colors
  5. Tocca Salva in alto a destra

Elaborazione delle risorse

Dettagli risorsa

  1. Nel servizio AEM Author, passa a Risorse > File
  2. Passa alla cartella o alla sottocartella a cui viene applicato il profilo di elaborazione
  3. Carica una nuova immagine (JPEG, PNG, GIF o SVG) nella cartella oppure rielabora le immagini esistenti utilizzando il Profilo di elaborazione aggiornato
  4. Al termine dell’elaborazione, seleziona la risorsa e tocca proprietà nella barra delle azioni superiore per visualizzarne i metadati
  5. Rivedi i Colors Family e Colors campi di metadati per i metadati riscritti dal processo di lavoro per metadati di Asset compute personalizzati.

Con i metadati a colori scritti nei metadati della risorsa, sulla risorsa [dam:Asset]/jcr:content/metadata , questi metadati sono indicizzati e consentono di aumentare la possibilità di scoprire le risorse utilizzando questi termini tramite la ricerca, e possono anche essere riscritti nel file binario della risorsa se su di esso viene richiamato il flusso di lavoro DAM Metadata Writeback .

Rendering dei metadati in AEM Assets

File di rendering dei metadati AEM Assets

Anche il file XMP effettivo generato dal processo di lavoro metadati Asset compute viene memorizzato come rendering discreto sulla risorsa. Questo file generalmente non viene utilizzato, ma i valori applicati al nodo di metadati della risorsa vengono utilizzati, ma l'output XML non elaborato del processo di lavoro è disponibile in AEM.

codice lavoratore a colori metadati su Github

L’ ultima versione metadata-colors/index.js è disponibile su Github all’indirizzo:

La suite di test finale test/asset-compute/metadata-colors è disponibile su Github all’indirizzo:

In questa pagina