A Decoupled Drupal Story: Powdr Gives Developers Ultimate Flexibility To Build Best CX Possible
Download as PPTX, PDF0 likes559 views
The document details the collaboration between Acquia, Elevated Third, and Hoorooh Digital to build a custom decoupled Drupal 8 multisite for Powdr, a ski resort and outdoor lifestyle brand. It outlines the technical aspects, such as the use of Angular for front-end development and the integration of Drupal's JSON API, which streamlined development and allowed for customizable content management. Various strategies, challenges, and tools used during the implementation process are discussed to provide a comprehensive overview of the project.
A Decoupled Drupal Story: Powdr Gives Developers Ultimate Flexibility To Build Best CX Possible
- 1. 1 ©2016 Acquia Inc. — Confidential and Proprietary Powdr Gives Developers Ultimate Flexibility To Build Best CX Possible
- 2. 2 ©2016 Acquia Inc. — Confidential and Proprietary Introductions Joe Flores Senior Drupal Developer Elevated Third Andy Mead Drupal Developer Elevated Third Denny Cunningham Lead Frontend Developer Hoorooh Digital Corey Wood Technical Account Manager Acquia
- 3. 3 ©2016 Acquia Inc. — Confidential and Proprietary Powdr – Ski Resort & Outdoor Lifestyle brand Hoorooh Digital – Digital CX Agency Project Background Acquia ● Cloud solutions Elevated Third ● Custom Drupal Development Shop
- 4. 4 ©2016 Acquia Inc. — Confidential and Proprietary Elevated Third – Built custom functionality into a fully decoupled D8 multisite Acquia – Acquia Cloud hosting – Technical Account Manager and 24/7 Global Support Implementation Details Hoorooh – Angular frontend, UX & design
- 5. 5 ©2016 Acquia Inc. — Confidential and Proprietary – Low barrier to entry for decoupled applications on Acquia Cloud – React, Angular, Ember, etc. - No limitation on client-side js framework Decoupled Drupal on Acquia Cloud – Leverage Acquia Support for backend application monitoring and triage – Learn from Acquians who have gone decoupled before
- 6. 6 ©2016 Acquia Inc. — Confidential and Proprietary – Powdr sites are separately administered – All sites had similar structure, but varied content & styling – Angular needed json endpoint – Separate frontend & backend on same domain - wanted to test on environment that resembled live Challenges / Solutions
- 7. 7 ©2016 Acquia Inc. — Confidential and Proprietary 1. How to include files in the decoupled front-end? Proxy! 2.One request, two responsibilities: sites.php file and .htaccess 1.Why no node? a.Coming to Acquia soon b.Powdr wanted to move off AWS c.Wanted all code in place - one failure point Apache Routing
- 8. 8 ©2016 Acquia Inc. — Confidential and Proprietary Paragraphs – Creates a baseline unit to build upon - kinda like Legos – Can be re-arranged as necessary to meet Powdr’s / Hoorooh’s needs Multisite – Omits crazy admin / permissions setup – Can pull from same features to include base functionality across all sites Paragraphs / Custom Entities / Drupal Architecture
- 9. 9 ©2016 Acquia Inc. — Confidential and Proprietary Extends the default D8 JSON REST API classes – Adds related entities – Custom processing on fields – Routing complexities D8 decreased development time & complexity – Allowed development of custom endpoint in hours, not days – Everything is an entity JSON API
- 10. 10 ©2016 Acquia Inc. — Confidential and Proprietary Services – Built services to ingest drupal API – Based on UX, needed to create nested, deep- linkable, templates Routing – Used Angular UI-Router to create the required nested views and routes – The tree structure required for routing is provided by drupal on page load Services / Routing
- 11. 11 ©2016 Acquia Inc. — Confidential and Proprietary Turn Paragraph types into Angular components – Paragraph type names are the triggers used by our custom component injection module – Allows admins to build content with any of the components on any page – Easily customizable with attributes (without Drupal code changes) Component Injection
- 12. 12 ©2016 Acquia Inc. — Confidential and Proprietary Started with Scaffold – Gave us majority of tools we wanted to use – Chose a Yeoman MEAN stack framework Reconfigured build process – Created configuration files to manage environment & property variables – Asset directory per property – Shared components Build Process / Multi Property
- 13. 13 ©2016 Acquia Inc. — Confidential and Proprietary Thank You!