De Community Components-handleiding is een interactief ontwikkelingsinstrument voor het social component framework (SCF). Het biedt een lijst met beschikbare AEM Communities-componenten of de complexere functies van meerdere componenten.
Samen met basisinformatie voor elke component, staat de gids voor het experimenteren met toe hoe de componenten SCF/de eigenschappen werken en hoe zij kunnen worden gevormd of worden aangepast.
Zie Feature and Component Essentials voor informatie over de essentiële ontwikkelingsaspecten van elke component.
De handleiding is bedoeld voor gebruik in ontwikkelinstallaties van de auteur (localhost:4502) en publiceer instanties (localhost:4503).
De site Community Components is toegankelijk door naar
De wisselwerking met de communautaire componenten is afhankelijk van:
Als de auteur de bewerkingsmodus wil activeren, voegt u editor.html
of cf#
in als het eerste padsegment na de servernaam:
Standaardinterface:
https://<server>:<port>/editor.html/content/community-components/en.html
Klassieke interface:
https://<server>:<port>/cf#/content/community-components/en.html
Op auteur in Edit wijze, zijn de verbindingen op een pagina niet actief.
Als u naar een componentpagina wilt navigeren, selecteert u eerst de modus Voorbeeld om de koppelingen te activeren.
Wanneer de componentpagina in de browser wordt weergegeven, gaat u terug naar de modus Bewerken om het dialoogvenster voor bewerken van de component te openen.
Voor algemene auteursinformatie, bekijk snelle gids aan auteurspagina's.
Als u niet bekend bent met AEM, bekijkt u de documentatie bij basisafhandeling.
De handleiding bevat een lijst met SCF-componenten die beschikbaar zijn voor voorvertoning en prototypen aan de linkerkant van de pagina.
De Gids van Componenten zoals bekeken op een auteursinstantie op Edit wijze:
Selecteer een component in de lijst links op de pagina.
De hoofdtekst van de hulplijn wordt weergegeven:
Titel: De naam van de geselecteerde component
Client-Side Llibraries: Een lijst van een of meer verplichte categorieën
Inbegrepen: Als de component dynamisch kan worden opgenomen, kunt u in de bewerkingsmodus van de auteur schakelen tussen de statussen:
Voorbeeldcomponent of -functie: een actieve instantie van de component of eigenschap. Als een component, kan het met veranderingen worden veranderd die in de malplaatjes, CSS en gegevens worden aangebracht die in de lusjesectie worden verstrekt.
Nadat u links een selectie hebt gemaakt, wordt de component hieronder weergegeven in plaats van naast de componenten wanneer het browservenster te smal is.
Wanneer u de handleiding gebruikt voor een instantie van de auteur, kunt u het configureren van een component ervaren door het dialoogvenster te openen. Informatie voor ontwikkelaars wordt gegeven in de Component and Feature Essentials sectie van de documentatie, terwijl de dialoogmontages in Communities Components sectie voor auteurs worden beschreven.
Voor de gids van Componenten Community, worden sommige montages van de componentendialoog overlapt met Includable knevelstaat. Als u wilt schakelen tussen het gebruik van de bestaande bron of een dynamisch opgenomen bron, selecteert u in de bewerkingsmodus zowel de component als de insluitende tekst en dubbelklikt u om het dialoogvenster Bewerken te openen:
Onder het tabblad Sjablonen:
Inclusief de onderliggende component met sling:include
Als deze optie niet is ingeschakeld, gebruikt de Component Guide de bestaande bron in de repository (een jcr-knooppunt dat een onderliggend knooppunt is van een par-knooppunt).
Indien gecontroleerd, zal de Gids van de Component sling gebruiken om dynamisch een component van het resourceType van de kindknoop (niet-bestaande middel) te omvatten.
De optie Standaard is uitgeschakeld.
Wanneer u de handleiding gebruikt op een publicatie-instantie, kunt u de componenten en functies ervaren als bezoeker van de site (niet aangemeld) en als leden met verschillende bevoegdheden wanneer u zich hebt aangemeld.
Houd er rekening mee dat als de standaard SRP op JSRP is ingesteld, UGC die op de publicatieinstantie is ingevoerd, alleen zichtbaar is bij publicatie en *not *niet zichtbaar is vanaf de moderation-console op de auteurinstantie.
De client-side bibliotheken (clientlibs) die voor elke component worden vermeld, zijn de vereiste waarnaar moet worden verwezen wanneer de component op een pagina wordt geplaatst. De clientlibs bieden een manier om het downloaden van Javascript en CSS die worden gebruikt om de component in de browser te renderen, te beheren en te optimaliseren.
Voor meer informatie, bezoek Clientlibs voor Communities Components.
Voor de auteursinstantie, waar men vaak als beheerder of ontwikkelaar wordt aangemeld, om de component te ervaren die als een andere gebruiker wordt aangemeld, gebruik het tekstvakje links van Impersonate knoop om of in de gebruikersbenaming te typen of van de trekkerbenedenlijst te selecteren, en dan de knoop te klikken. Klik op Vorige versie om af te melden en de imitatie te beëindigen.
De publicatie-instantie hoeft zich niet voor te doen. Met de koppeling Aanmelden/Afmelden kunt u verschillende gebruikers nabootsen, zoals de demogebruikers.
Wanneer toegelaten, is elke component SCF beschikbaar voor prototyping van mogelijke aanpassingen door het malplaatje van de component, CSS en gegevens tijdelijk te wijzigen.
Dit gereedschap is alleen-lezen. Geen van de bewerkingen aan sjablonen, CSS of gegevens worden opgeslagen in de gegevensopslagruimte.
Als u snel wilt experimenteren met aanpassingen, moet de eigenschap scg:showIde
aan het JCR-knooppunt voor inhoud van de componentpagina worden toegevoegd en op true worden ingesteld.
De component comments als voorbeeld gebruiken voor de auteur of de publicatie-instantie, aangemeld met beheerdersrechten:
Bladeren naar CRXDE Lite
Bijvoorbeeld http://localhost:4503/crx/de
Selecteer de jcr:content
knoop van de component
Bijvoorbeeld, /content/community-components/en/comments/jcr:content
Een eigenschap toevoegen
scg:showIde
String
true
Selecteer Save All
Laad de pagina Opmerkingen in de handleiding opnieuw
http://localhost:4503/content/community-components/en/comments.html
Er zijn nu drie tabbladen voor sjablonen, CSS en gegevens.
Selecteer het tabblad Sjablonen om de sjablonen weer te geven die aan de component zijn gekoppeld.
Met de Sjablooneditor kunnen lokale bewerkingen worden gecompileerd en toegepast op de voorbeeldcomponentinstantie boven aan de pagina zonder dat dit van invloed is op de component in de opslagplaats.
Wanneer compileert op lokale bewerkingen, worden eventuele fouten gemarkeerd door een punt in de tussenruimte te plaatsen en de tekst rood te markeren.
Selecteer het tabblad CSS om de CSS weer te geven die aan de component is gekoppeld.
Als een component een samenstelling van veelvoudige componenten is, kan sommige CSS onder één van de andere componenten worden vermeld.
Met de CSS-editor kunt u de CSS wijzigen en toepassen op de voorbeeldcomponentinstantie boven aan de pagina.
U kunt een regel selecteren om de onderdelen van het DOM te markeren met behulp van die regel door naast de regel in de tussenruimte te klikken.
Selecteer het lusje van Gegevens om de .social.json eindpuntgegevens te tonen. Dit gegeven is editable en wordt toegepast op de instantie van de steekproefcomponent.
Syntaxisfouten kunnen in de tussenruimte worden gemarkeerd en in de editor worden gemarkeerd.