DXA Extension Mechanisms

Transcription

1 DXA Extension Mechanisms How to extend DXA using modules Bart Koopman Community Development Consultant, SDL

2 Bart Koopman Consultant, programmer, trainer, coach and 2

3 Agenda What's in a name Core and modules What is a module? Extension points HTML Design How to pack a module Examples Release strategy Preliminary roadmap Image placeholder Click on image icon Browse to image you want to add to slide 3

4 What s In a Name SDL Tridion Reference Implementation Digital Experience Accelerator TRI STRI DXA 4

5 Core and modules

6 Core and Modules SDL Tridion can be seen as ingredients DD4T is a hamburger made out of those ingredients Customers want a menu DXA is that menu, a hamburger with fries and a coke Modules allow you to supersize/complete this menu with union rings, cookies and ice cream 6

7 What is a module?

8 DXA Module Additional functionality/behavior Packaged Installable 8

9 1. Setup Solr 2. Search Provider (connecting to Solr) 3. Search box -> View 4. Search results -> View 5. HTML Design for the views 6. Models for the views (SearchConfiguration & SearchQuery) 7. Search Controller (to execute search query) 1. Create Schemas for the models 2. Create CTs for views 3. Settings/Configuration? 4. HTML design package (more details later)

10 DEMO

11 Extension points

12 IContentProvider Purpose: The Content Provider is responsible for the loading and transformation of content models from the underlying domain (CMS) Base: Sdl.Web.Mvc.BaseContentProvider Scenario: If a customer doen't want to use DD4T, you could publish content in another format, and create your own Content Provider to load and transform this data into the View Models Note: DD4T Content Provider currently does not implement GetEntityModel and GetEntityContent (DCPs) 12

13 IContentResolver Purpose: The Content Resolver takes care of any additional resolving required when mapping the domain (CMS) models to the presentation (View) models (mapping Templates to Views, link/rtf resolving) Scenario: You might want to extend the logic for resolving RTF content (for example embedding linked content), or alter the behaviour of dynamic linking (resolving DCP links to special URLs) Notes: DXA Vnext gets an additional EvaluateEntity method, which can be used for conditional rendering of CPs 13

14 IMediaHelper Purpose: Defines screen breakpoints for responsive design and generation of responsive URLs for media items (images, videos, etc.) Base: Sdl.Web.Mvc.Html.BaseMediaHelper Scenario: DXA has two implementations of this for native image resizing and Contextual Image Delivery. You could extend to create media URLs which map to a CDN 14

15 IModelBuilder Purpose: The Content Provider uses a set of Model Builders to map the domain model to the view models Base: Sdl.Web.Common.Mapping.BaseModelBuilder Scenario: You could extend the default Builder, or create a custom Model Builder for a very complex model, that required content transformations not handled by the default model builder logic 15

16 Custom Controllers Purpose: You can use CT Metadata to route the processing of Component Presentations to custom controllers other than the default EntityController Base: Sdl.Web.Site.Areas.Core.Controllers.EntityController Scenario: Search, SmartTarget, Broker Queries, Product data... This extension pattern is documented at: tridiondeveloper.com 16

17 HTML design

18 DXA is Using Boostrap with LESS src\system\assets\less\_modules.less (module CSS) src\templates\partials\module-scripts-header.hbs (module JS for in the header script file) src\templates\partials\module-scripts-footer.hbs (module JS for in the footer script file) zip and store in module-html-design.zip (merged at publish time with DXA assets) Optionally create src\templates\pages\module.hbs and reference separate CSS and JS in there 18

19 DEMO

20 How to Pack a Module CM export install script (for CM and CD parts) use Search module as example DXA will deliver guidelines in the future, and possibly a base installer script... 20

21 DEMO

22 Examples Available Google Analytics Search (Solr) Instragram Documentation (Special Offer) In progress Hybris connector AWS CloudSearch Media Manager/ECL Smart Target Impress 22

23 Release Strategy Available Operational Supported/Versioned Retired Image placeholder Click on image icon Browse to image you want to add to slide 23

24 Preliminary roadmap

25 DXA Roadmap Jan Feb March Apr May Jun Jul Aug Sep Oct Nov Dec DXA v1.1 DXA v2 Ecommerce Hybris Connector 25

26

27