Micro-Frontend element selecteren Overview
Micro-Frontend Asset Selector biedt een gebruikersinterface die eenvoudig kan worden geïntegreerd met de Experience Manager Assets -opslagplaats, zodat u door de beschikbare digitale middelen in de opslagplaats kunt bladeren of deze kunt zoeken en deze kunt gebruiken in uw ontwerpervaring.
De gebruikersinterface van Micro-Frontend wordt beschikbaar gesteld in uw toepassingservaring gebruikend het pakket van de Selecteur van Activa. Alle updates van het pakket worden automatisch geïmporteerd en de nieuwste versie van Asset Selector wordt automatisch in de toepassing geladen.
Asset Selector biedt vele voordelen, zoals:
- Versnelling van integratie met om het even welke Adobeof niet-Adobetoepassingen die de bibliotheek van JavaScript Vanilla gebruiken.
- Eenvoudig te onderhouden, aangezien updates van het Assets Selector-pakket automatisch worden geïmplementeerd op de Asset Selector die beschikbaar is voor uw toepassing. Uw toepassing hoeft geen updates uit te voeren om de laatste wijzigingen te laden.
- Gemakkelijk aanpassen aangezien er eigenschappen beschikbaar zijn die de vertoning van de Selecteur van Activa binnen uw toepassing controleren.
- In de volledige tekst doorzoeken, uit-van-de-doos, en aangepaste filters om snel aan activa voor gebruik binnen de auteurservaring te navigeren.
- Mogelijkheid om binnen een IMS-organisatie te schakelen tussen opslagruimten voor het selecteren van bedrijfsmiddelen.
- De mogelijkheid om elementen te sorteren op naam, afmetingen en grootte en ze weer te geven in de weergave Lijst, Raster, Galerie of Waterval.
Vereisten prereqs
U moet de volgende communicatiemethoden gebruiken:
- De toepassing wordt uitgevoerd op HTTPS.
- De URL van de toepassing bevindt zich in de lijst van gewenste personen van de IMS-client voor het doorsturen van URL's.
- De IMS-aanmeldstroom wordt geconfigureerd en weergegeven met een pop-up in de webbrowser. Daarom moeten pop-ups worden ingeschakeld of toegestaan in de doelbrowser.
Gebruik de bovenstaande voorwaarden als u de IMS-verificatieworkflow van de Asset Selector nodig hebt. Als u al bent geverifieerd met de IMS-workflow, kunt u in plaats daarvan de IMS-informatie toevoegen.
zie meer
- Domeinnamen waarbij de integrerende toepassing wordt gehost.
- Na provisioning ontvangt uw organisatie
imsClientId
,imsScope
en eenredirectUrl
die overeenkomen met de gevraagde omgevingen die essentieel zijn voor de configuratie van Asset Selector. Zonder deze geldige eigenschappen kunt u de installatiestappen niet uitvoeren.
Installatie installation
De Selecteur van activa is beschikbaar via zowel ESM CDN (bijvoorbeeld, esm.sh/ kabel) als UMDversie.
In browsers die {versie 0} gebruiken UMD (geadviseerd):
<script src="https://experience.adobe.com/solutions/CQ-assets-selectors/static-assets/resources/assets-selectors.js"></script>
<script>
const { renderAssetSelector } = PureJSSelectors;
</script>
In browsers met import maps
steun gebruikend versie van ESM CDN:
<script type="module">
import { AssetSelector } from 'https://experience.adobe.com/solutions/CQ-assets-selectors/static-assets/resources/@assets/selectors/index.js'
</script>
In Deno/de Federatie van de Module van het Pakket gebruikend versie van ESM CDN:
import { AssetSelector } from 'https://experience.adobe.com/solutions/CQ-assets-selectors/static-assets/resources/@assets/selectors/index.js'
Elementkiezer gebruiken using-asset-selector
Nadat de Asset Selector is ingesteld en u bent gemachtigd om Asset Selector te gebruiken in uw Adobe Experience Manager -toepassing als Cloud Service -toepassing, kunt u elementen selecteren of verschillende andere bewerkingen uitvoeren om te zoeken naar uw elementen in de opslagplaats.
Deelvenster verbergen/tonen hide-show-panel
Als u mappen in de linkernavigatie wilt verbergen, klikt u op het pictogram Hide folders . Als u de wijzigingen ongedaan wilt maken, klikt u nogmaals op het pictogram Hide folders .
Repository-switch repository-switcher
Met Asset Selector kunt u ook schakelen tussen opslagruimten voor middelenselectie. U kunt de opslagplaats van uw keus van drop-down selecteren beschikbaar in het linkerpaneel. De opslagruimteopties in de vervolgkeuzelijst zijn gebaseerd op de eigenschap repositoryId
die is gedefinieerd in het index.html
-bestand. Het is gebaseerd op de omgeving van de geselecteerde IMS-org die wordt benaderd door de aangemelde gebruiker. Consumenten kunnen een voorkeur repositoryID
doorgeven en in dat geval stopt de Asset Selector met het renderen van de repo-switch en renderen van alleen de gegeven opslagplaats.
Assets-opslagplaats
Het is een verzameling mappen met elementen die u kunt gebruiken om bewerkingen uit te voeren.
Buiten-de-box filters filters
De Kiezer van activa verstrekt ook uit-van-de-doos filteropties om uw onderzoeksresultaten te verfijnen. De volgende filters zijn beschikbaar:
-
Status: bevat de huidige status van het element tussen
all
,approved
,rejected
ofno status
. -
File type: includes
folder
,file
,images
,documents
ofvideo
. -
Expiration status: verwijst naar de elementen op basis van de vervalduur. U kunt het selectievakje
Expired
inschakelen om verlopen elementen te filteren, of u kuntExpiration Duration
van een element instellen om elementen weer te geven op basis van de vervaldatum. Wanneer een element al is verlopen of bijna is verlopen, lijkt een badge om het zelfde aan te geven. Bovendien kunt u bepalen of u het gebruik (of slepen en neerzetten) van een verlopen element wilt toestaan. Zie meer over verlopen activaaanpassen. Door gebrek, wordt het Verlopen Soon badge getoond voor activa die in de volgende 30 dagen verlopen. U kunt de vervaldatum echter configureren met de eigenschapexpirationDate
.note tip TIP Als u elementen wilt weergeven of filteren op basis van de vervaldatum in de toekomst, geeft u het datumbereik voor de toekomst op in het veld Expiration Duration
. Het toont de activa met die spoedig badge op hen verlopen. -
MIME type: includes
JPG
,GIF
,PPTX
,PNG
,MP4
,DOCX
,TIFF
,PDF
,XLSX
. -
Image Size: omvat minimum/maximumbreedte, minimum/maximumhoogte van beeld.
Aangepaste zoekopdracht
Met Asset Selector kunt u naast de zoekopdracht in volledige tekst ook elementen in bestanden zoeken met behulp van een aangepaste zoekopdracht. U kunt aangepaste zoekfilters gebruiken in zowel de modusweergave als de spoorweergave.
U kunt ook een standaardzoekfilter maken om de velden op te slaan waarnaar u vaak zoekt en deze later te gebruiken. Als u een aangepaste zoekopdracht naar uw elementen wilt maken, kunt u de eigenschap filterSchema
gebruiken.
Zoekbalk search-bar
Met Asset Selector kunt u een volledige tekstzoekopdracht uitvoeren naar elementen in de geselecteerde opslagplaats. Als u bijvoorbeeld het trefwoord wave
in de zoekbalk typt, worden alle elementen met het trefwoord wave
dat in een van de metagegevenseigenschappen wordt vermeld, weergegeven.
Sorteren sorting
U kunt elementen in de Asset Selector sorteren op naam, afmetingen of grootte van een element. U kunt de elementen ook in oplopende of aflopende volgorde sorteren.
Weergavetypen types-of-view
Met Asset Selector kunt u het element in vier verschillende weergaven weergeven:
- de lijstmening toont scrollable dossiers en omslagen in één enkele kolom.
- de netmening toont scrollable dossiers en omslagen in een net van rijen en kolommen.
- de de vertoningendossiers of omslagen van de galeriemening in een centrum-gesloten horizontale lijst.
- De watervalmening toont dossiers of omslagen in de vorm van een Bridge.
Grafische van het Overzicht