44

Building sites in Drupal 7 · Building sites in Drupal 7 with an eye on Drupal 8 Ashraf Abed Frédéric G. Marand Session track: Site Building ... the perspective of upgrading Alternatively,

  • Upload
    others

  • View
    8

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Building sites in Drupal 7 · Building sites in Drupal 7 with an eye on Drupal 8 Ashraf Abed Frédéric G. Marand Session track: Site Building ... the perspective of upgrading Alternatively,
Page 2: Building sites in Drupal 7 · Building sites in Drupal 7 with an eye on Drupal 8 Ashraf Abed Frédéric G. Marand Session track: Site Building ... the perspective of upgrading Alternatively,

Building sites in Drupal 7with an eye on Drupal 8

Ashraf AbedFrédéric G. Marand

Session track: Site Building

Page 3: Building sites in Drupal 7 · Building sites in Drupal 7 with an eye on Drupal 8 Ashraf Abed Frédéric G. Marand Session track: Site Building ... the perspective of upgrading Alternatively,

Introduction

Page 4: Building sites in Drupal 7 · Building sites in Drupal 7 with an eye on Drupal 8 Ashraf Abed Frédéric G. Marand Session track: Site Building ... the perspective of upgrading Alternatively,

Ashraf Abed

● Acquia: Officially D8 All In since 07/13/2015 ○ Identified as a Leader in new Gartner WCM Magic

Quadrant

● Founder of Debug Academy ( debugacademy.com )○ In-person training program: Novice to Drupal Developer!○ Graduates hired by top companies○ Located in Washington, DC area

● Acquia Certified Drupal Grand Master

● Upgraded administerusersbyrole module to D8

Follow on twitter: ashabed

ashrafabed

Page 5: Building sites in Drupal 7 · Building sites in Drupal 7 with an eye on Drupal 8 Ashraf Abed Frédéric G. Marand Session track: Site Building ... the perspective of upgrading Alternatively,

Frédéric G. Marandfgm

● OSInet: performance/architecture consulting for internal teams at larger Drupal accounts

● Core contributor 4.7 to 8.0.x, MongoDB + XMLRPC maintainer + others

● Already 4 D8 customer projects before 8.0.0

● Customer D8 in production since 07/2015

● One production PF6 site using “built for D8” parts

Page 6: Building sites in Drupal 7 · Building sites in Drupal 7 with an eye on Drupal 8 Ashraf Abed Frédéric G. Marand Session track: Site Building ... the perspective of upgrading Alternatively,

This talk will help you if● You want to start a Drupal project now/soon

● You are debating whether to ‘wait for D8’ to be widely adopted

● Or you would like to prepare an existing D7 site for migration to D8

Page 7: Building sites in Drupal 7 · Building sites in Drupal 7 with an eye on Drupal 8 Ashraf Abed Frédéric G. Marand Session track: Site Building ... the perspective of upgrading Alternatively,

What we are explaining● When to choose D7, D7 +, or D8 today for new projects

● How to save on future upgrades when building your website

Page 8: Building sites in Drupal 7 · Building sites in Drupal 7 with an eye on Drupal 8 Ashraf Abed Frédéric G. Marand Session track: Site Building ... the perspective of upgrading Alternatively,

Why not just “wait for D8”?

Page 9: Building sites in Drupal 7 · Building sites in Drupal 7 with an eye on Drupal 8 Ashraf Abed Frédéric G. Marand Session track: Site Building ... the perspective of upgrading Alternatively,

Cost of waiting

CC Henry Burrows

Public domain, Library of Congress's Prints and Photographs division

● D8 “Ready when it’s ready”

○ Losing the benefits of your new application every month you wait

○ Waiting for an unspecified date

○ IS may even refuse projects based on *.0 products like 8.0.0, hence 8.1.*

● Even when D8 is released, contrib still has to catch up

○ Important contrib (e.g Panels, DS, Rules, Media) underway, just not yet there

○ Lots of contrib won’t make it to d8

Page 10: Building sites in Drupal 7 · Building sites in Drupal 7 with an eye on Drupal 8 Ashraf Abed Frédéric G. Marand Session track: Site Building ... the perspective of upgrading Alternatively,

Resource availability

● Many project-oriented suppliers mostly not yet D8-ready

● Need to train internal teams, most training suppliers not yet D8-ready

Page 11: Building sites in Drupal 7 · Building sites in Drupal 7 with an eye on Drupal 8 Ashraf Abed Frédéric G. Marand Session track: Site Building ... the perspective of upgrading Alternatively,

Ability to build “D7+” sites now

● Utilize appropriate site building and contrib module selection strategies

● Write portable code where custom code is needed

● Mimic D8 experience in D7 for users

Page 12: Building sites in Drupal 7 · Building sites in Drupal 7 with an eye on Drupal 8 Ashraf Abed Frédéric G. Marand Session track: Site Building ... the perspective of upgrading Alternatively,

You can build on D8 now if...

● Your project does not heavily rely on contrib

● You have expert contractors with experience in D8

● You are an expert internal team, especially one with SF2 knowledge in addition to D7

● You are building headless projects, able to deliver most functionality with JS front, which need less from D8 contrib

Page 13: Building sites in Drupal 7 · Building sites in Drupal 7 with an eye on Drupal 8 Ashraf Abed Frédéric G. Marand Session track: Site Building ... the perspective of upgrading Alternatively,

Start with:D7, D7+, or D8?

Page 14: Building sites in Drupal 7 · Building sites in Drupal 7 with an eye on Drupal 8 Ashraf Abed Frédéric G. Marand Session track: Site Building ... the perspective of upgrading Alternatively,

CC Can Pac Swire, cropped from original work

Short time to market, short time to live

D7 with contrib

Page 15: Building sites in Drupal 7 · Building sites in Drupal 7 with an eye on Drupal 8 Ashraf Abed Frédéric G. Marand Session track: Site Building ... the perspective of upgrading Alternatively,

New simple projects with long TTL

D8Little risk, biggest cost savings

CC Mount Pleasant Granary

Page 16: Building sites in Drupal 7 · Building sites in Drupal 7 with an eye on Drupal 8 Ashraf Abed Frédéric G. Marand Session track: Site Building ... the perspective of upgrading Alternatively,

New complex projects

CC Outi Munter

● Early start time

● Later start time (>6 months), restricted budget

● Later start time, significant budget

D7 (contrib) + portable code

D7 (contrib) + portable code

D8Provision costs for ongoing maintenance and development of contrib during dev

Page 17: Building sites in Drupal 7 · Building sites in Drupal 7 with an eye on Drupal 8 Ashraf Abed Frédéric G. Marand Session track: Site Building ... the perspective of upgrading Alternatively,

Complex existing non-Drupal sites to update

● Short Time To Market

● Long Time To Market

● Custom code, continuity of serviceCC Matthieu Buisson

D7 (contrib) + portable code

D8Provision costs for ongoing maintenance and development of contrib during dev

Prepare for D8Portable code, cruft cleanup

Page 18: Building sites in Drupal 7 · Building sites in Drupal 7 with an eye on Drupal 8 Ashraf Abed Frédéric G. Marand Session track: Site Building ... the perspective of upgrading Alternatively,

Including portability to D8in a D7 site build, or a D6-D7 site upgrade

Page 19: Building sites in Drupal 7 · Building sites in Drupal 7 with an eye on Drupal 8 Ashraf Abed Frédéric G. Marand Session track: Site Building ... the perspective of upgrading Alternatively,

D8 site building very similar to D6/D7 + Features & friends, just better

Organize your process around a code-driven process

Deploy updates via code, using Git

Features/Strongarm for exporting config

Separate features logically

Page 20: Building sites in Drupal 7 · Building sites in Drupal 7 with an eye on Drupal 8 Ashraf Abed Frédéric G. Marand Session track: Site Building ... the perspective of upgrading Alternatively,

Module selection:Very low risk

CKeditor

Quick Edit (quickedit)

URL, Telephone

RESTful Web Services (restws)

Administration Views (admin_views)

Entity Form (entityform) ● For standard / “relatively light” forms

Workflow● Due to workbench_moderation’s status in D8

Page 21: Building sites in Drupal 7 · Building sites in Drupal 7 with an eye on Drupal 8 Ashraf Abed Frédéric G. Marand Session track: Site Building ... the perspective of upgrading Alternatively,

Module selection:Medium risk

Drupal Commerce

Rules

Media: cf State of Media● APIs usable, UI need custom work

Page 22: Building sites in Drupal 7 · Building sites in Drupal 7 with an eye on Drupal 8 Ashraf Abed Frédéric G. Marand Session track: Site Building ... the perspective of upgrading Alternatively,

Module selection:High risk

Layouts: Panels, Display Suite (ds)

Webform

Workbench Moderation

Organic Groups / Domain Access

Page 23: Building sites in Drupal 7 · Building sites in Drupal 7 with an eye on Drupal 8 Ashraf Abed Frédéric G. Marand Session track: Site Building ... the perspective of upgrading Alternatively,

Front end architecture

Do not use Panels for the sake of simplifying theming

Expect to rebuild the front end during site update● Renders base theme selection relatively insignificant from

the perspective of upgrading

Alternatively, Twig for Drupal (tfd7) brings Twig theming to D7● Might reduce the efforts required to port a theme as-is● But probably not by much: CSS will still differ a lot

Page 24: Building sites in Drupal 7 · Building sites in Drupal 7 with an eye on Drupal 8 Ashraf Abed Frédéric G. Marand Session track: Site Building ... the perspective of upgrading Alternatively,

Reduction in contrib availability in D8

Use less contrib, “back to basics” and a little code go a long way● Example: nodequeue/entityqueue ⇒

creatively use entityreference

Sponsoring port of key contrib modules makes them available to you ⇒ cheaper than custom

Page 25: Building sites in Drupal 7 · Building sites in Drupal 7 with an eye on Drupal 8 Ashraf Abed Frédéric G. Marand Session track: Site Building ... the perspective of upgrading Alternatively,

How to code for portability

Page 26: Building sites in Drupal 7 · Building sites in Drupal 7 with an eye on Drupal 8 Ashraf Abed Frédéric G. Marand Session track: Site Building ... the perspective of upgrading Alternatively,

1 Write portable code for big savings on maintenance costs

Page 27: Building sites in Drupal 7 · Building sites in Drupal 7 with an eye on Drupal 8 Ashraf Abed Frédéric G. Marand Session track: Site Building ... the perspective of upgrading Alternatively,

● Based on past experience with D8 projects:○ less contrib○ more custom code because it is simpler to write at

high quality level (tests)

● Reusable model + business logic code

● Up to 80 % reusable code

● D8-style code is easier to instrument with tests, hence easier to evolve/maintain/refactor○ See “Engineering Long-Lasting Software” (Fox, Patterson)

Write portable code

Page 28: Building sites in Drupal 7 · Building sites in Drupal 7 with an eye on Drupal 8 Ashraf Abed Frédéric G. Marand Session track: Site Building ... the perspective of upgrading Alternatively,

2 Prepare for D8

Page 29: Building sites in Drupal 7 · Building sites in Drupal 7 with an eye on Drupal 8 Ashraf Abed Frédéric G. Marand Session track: Site Building ... the perspective of upgrading Alternatively,

Build a data inventory: D6/D7 only knows Content vs Configuration (and even then…)

● Content: use custom entities and avoid any SQL queries in your code

● Configuration: use Variable to be aware of your configuration variables and defaults

● Cache: everything D7 has a D8 equivalent, easy to reuse

● State is a K/V in D8: backport a state service or use custom tables

● Settings: not changed much, just document them, consider 12-factor style

● Session storage: not stored the same, but similar uses

Prepare

Page 30: Building sites in Drupal 7 · Building sites in Drupal 7 with an eye on Drupal 8 Ashraf Abed Frédéric G. Marand Session track: Site Building ... the perspective of upgrading Alternatively,

Think SOLID, write D8-style

● Design your code around a services-based model à la SF2

● Create a minimal “core” service to replace the most-used core functions like t()

● Be relentless in pursuing Inversion of Control : ○ Inject whatever the actions need to use to the service objects○ All functional equivalents and Service Locator-type methods are

only for factories and service managers

Prepare

Page 31: Building sites in Drupal 7 · Building sites in Drupal 7 with an eye on Drupal 8 Ashraf Abed Frédéric G. Marand Session track: Site Building ... the perspective of upgrading Alternatively,

All code except hooks go into PSR-4 classes/interfaces/traits

● Separate Controllers, Forms and Blocks to their own classes

● More generally, design code around decoupled components taking services, and modules as wrappers for them○ Inspiration: look at Commerce 2, bojanz’ session

● Module code is just for hook implementations, use them as Adapters to your Model services: ○ either use a Service Manager to get the service and use the service methods○ or use the Service Container module, same purpose

Prepare

Page 32: Building sites in Drupal 7 · Building sites in Drupal 7 with an eye on Drupal 8 Ashraf Abed Frédéric G. Marand Session track: Site Building ... the perspective of upgrading Alternatively,

3 Apply D8 / PHP standards

Page 33: Building sites in Drupal 7 · Building sites in Drupal 7 with an eye on Drupal 8 Ashraf Abed Frédéric G. Marand Session track: Site Building ... the perspective of upgrading Alternatively,

● Autoload: namespaced PSR-4, not non-namespaced Registry

● Logging: use a PSR/3 logger, not watchdog[_exception]()

● HTTP: use PSR-7/Guzzle 6, not drupal_http_request()

● Testing: use PHPunit, not Simpletest

● Get familiar with the D8 Caching API: contexts and tags, D7 DrupalCacheArray

Apply standards

Page 34: Building sites in Drupal 7 · Building sites in Drupal 7 with an eye on Drupal 8 Ashraf Abed Frédéric G. Marand Session track: Site Building ... the perspective of upgrading Alternatively,

4 Content Rendering

Page 35: Building sites in Drupal 7 · Building sites in Drupal 7 with an eye on Drupal 8 Ashraf Abed Frédéric G. Marand Session track: Site Building ... the perspective of upgrading Alternatively,

● When building render arrays, prepare cache metadata from the start to ease the D8 port. D7 will just ignore them, unless you can use the render cache API.

● Custom theme hooks: favor vector operations over single item operations (perf)

● Organize your JS/CSS in libraries, use #attached, not drupal_add_(js|css)()

● Markup: ○ You probably do not care. When the time comes to upgrade to D8, a new

design will likely be required anyway.○ If you care, design your CSS using SMACSS classification / BEM naming

principles. It can still help for JS widgets/plugins.

Content rendering

Page 36: Building sites in Drupal 7 · Building sites in Drupal 7 with an eye on Drupal 8 Ashraf Abed Frédéric G. Marand Session track: Site Building ... the perspective of upgrading Alternatively,

Preparing an existing D7 sitefor upgrade

Page 37: Building sites in Drupal 7 · Building sites in Drupal 7 with an eye on Drupal 8 Ashraf Abed Frédéric G. Marand Session track: Site Building ... the perspective of upgrading Alternatively,

Implement best coding practices based on previous slides

Page 38: Building sites in Drupal 7 · Building sites in Drupal 7 with an eye on Drupal 8 Ashraf Abed Frédéric G. Marand Session track: Site Building ... the perspective of upgrading Alternatively,

Remove instances of unused config

Views and displaysContent typesFieldsTaxonomy vocabularies and termsOrganic GroupsThemesFeatures● Feature overrides

ModulesRulesUser roles

Page 39: Building sites in Drupal 7 · Building sites in Drupal 7 with an eye on Drupal 8 Ashraf Abed Frédéric G. Marand Session track: Site Building ... the perspective of upgrading Alternatively,

Remediate any instances of core or contrib being directly modified● Ensure only documented patches are used

Content inventory● Similar to building a data inventory, but using existing content

Page 40: Building sites in Drupal 7 · Building sites in Drupal 7 with an eye on Drupal 8 Ashraf Abed Frédéric G. Marand Session track: Site Building ... the perspective of upgrading Alternatively,

Beyond code

Page 41: Building sites in Drupal 7 · Building sites in Drupal 7 with an eye on Drupal 8 Ashraf Abed Frédéric G. Marand Session track: Site Building ... the perspective of upgrading Alternatively,

Sites should no longer be considered as complete for years with just maintenance,

but evolving products delivering new features periodically, taking advantage of the new features in the CMS

8.0.0 and 8.0.* are not the ultimate horizon:

D8 has 8.*.* twice-yearly releases with new features

Page 42: Building sites in Drupal 7 · Building sites in Drupal 7 with an eye on Drupal 8 Ashraf Abed Frédéric G. Marand Session track: Site Building ... the perspective of upgrading Alternatively,

Sprint: Friday

https://www.flickr.com/photos/amazeelabs/9965814443/in/fav

es-38914559@N03/

Sprint with the Community on Friday.

We have tasks for every skillset.

Mentors are available for new contributors.

An optional Friday morning workshop for first-time sprinters will help you get set up.

Follow @drupalmentoring.

Page 43: Building sites in Drupal 7 · Building sites in Drupal 7 with an eye on Drupal 8 Ashraf Abed Frédéric G. Marand Session track: Site Building ... the perspective of upgrading Alternatively,
Page 44: Building sites in Drupal 7 · Building sites in Drupal 7 with an eye on Drupal 8 Ashraf Abed Frédéric G. Marand Session track: Site Building ... the perspective of upgrading Alternatively,