Drupal 8 ha llegado con un montón de novedades. Tras poner en producción mi primer proyecto en Drupal 8, presento algunas de las cosas que he aprendido durante el desarrollo y que me han hecho perder tiempo. Hablo de Render API, Form API, Dependency injection, CMI y algunas otras cosillas de introducción. Las diapositivas están repletas de código de ejemplo de cada cosa. Charla impartida en las oficinas de Idealista para el grupo Drupal Madrid en Marzo de 2016.

1. Drupal 8 simple page
Y otras historias

2. • Y otras historias
Y este soy yo… @estoyausente

3. • Y otras historias
Y este soy yo… @estoyausente
Gasolina vital

4. • Y otras historias
Y este soy yo… @estoyausente
Gasolina vital

5. Drupal 7

6. Drupal 8

7. Un pequeño paso para el hombre …

8. Esta presentación contiene
ejemplos que funcionan
basados sólo en mi experiencia
para más información consulte
las APIs

9. Vamos a ver
1. Configuration manager
2. Routing
3. Formularios
4. Servicios
5. Theming

10. Configuration manager
Impresiones
1. ¡Funciona!
2. ¡Funciona bien!
3. …
4. Aún no lo veo para algunas cosas.

11. Configuration manager

12. Configuration manager

13. Configuration manager

14. Configuration manager

15. Configuration manager

16. Configuration manager
Para explorar
1. https://www.drupal.org/project/config_tools
2. https://www.drupal.org/project/config_update
3. https://www.drupal.org/project/config_sync
4. https://www.drupal.org/project/config_devel
5. https://www.drupal.org/project/features ????

17. Mi primer módulo
Drupal
generate:module

18. Routing
example_dyb_landing_content:
path: '/landing-my-awsome-path'
defaults:
_controller: 'Drupalexample_dyb_landing
ControllerLandingContentController::pageContent'
requirements:
_access: 'TRUE'
example_dyb_landing/example_dyb_landing.routing.yml

19. Controller
namespace Drupalexample_dyb_landingController;
use DrupalCoreControllerControllerBase;
use DrupalCoreUrl;
class LandingContentController extends
ControllerBase {
public function pageContent() {
$content = []; //Render array
return $content;
}
}
example_dyb_landing/src/Controllers/LandingContentController.php

20. Pausa para gato

21. Forms
namespace Drupalexample_dyb_landingForm;
use DrupalCoreFormFormBase;
use DrupalCoreFormFormStateInterface;
class ContactForm extends FormBase {
public function getFormId() {
return 'contact_form';
}
example_dyb_landing/src/Form/ContactForm.php

22. Forms
public function buildForm(array $form,
FormStateInterface $form_state) {
$form['mail'] = array(
'#type' => 'email',
'#title' => $this->t('Email'),
'#required' => TRUE,
'#attributes' => ['class' => ['formcontrol']],
);
return $form;
}
example_dyb_landing/src/Form/ContactForm.php

23. Forms
public function validateForm(array &$form,
FormStateInterface $form_state) {
$values = $form_state->getValues();
if(!Drupal::service('email.validator')-
>isValid($values['mail'])) {
$form_state->setErrorByName('mail', $this-
>t('The email address %mail is not valid.',
array('%mail' => $values['mail'])));
}
}
example_dyb_landing/src/Form/ContactForm.php

24. Forms
public function submitForm(array &$form, FormStateInterface
$form_state) {
$values = $form_state->getValues();
$to = Drupal::config('system.site')->get('mail');
$language_interface = Drupal::languageManager()-
>getCurrentLanguage();
Drupal::service('plugin.manager.mail')-
>mail('example_dyb_landing', 'contact_message', $to,
$language_interface, $values, 'no-replyđ@mail.com');
drupal_set_message($this->t('Thank for contact us. Your
message has been sent correctly.'));
}
example_dyb_landing/src/Form/ContactForm.php

25. Forms
$output['bottom']['form'] = [
'#type' => 'container',
'#attributes' => ['class' => ['left']],
'form' => Drupal::formBuilder()-
>getForm('Drupalexample_dyb_landingForm
ContactForm'),
];
example_dyb_landing/src/Form/ContactForm.php

26. Forms
$output['bottom']['form'] = [
'#type' => 'container',
'#attributes' => ['class' => ['left']],
'form' => Drupal::formBuilder()-
>getForm('Drupalexample_dyb_landingForm
ContactForm'),
];
example_dyb_landing/src/Form/ContactForm.php

27. Servicios
services:
rest_client.client:
class: Drupalrest_clientRestClient
example_dyb_landing/rest_client.services.yml

28. Servicios
namespace Drupalrest_client;
/**
* Class RestClient
* @package Drupalrest_client
*/
class RestClient{
protected $url;
public function __construct() {
$this->url = 'myserver.com';
}
example_dyb_landing/src/RestClient.php

29. Servicios
public function getSpecialities($country = 'ES') {
$cid = 'rest_client_getSpecialities_' . $country;
if ($cache = Drupal::cache()->get($cid)) {
return $cache->data;
}
//$output = getSomeStuff();
Drupal::cache()->set($cid, $output);
return $output;
}
return [];
}
example_dyb_landing/src/RestClient.php

30. Servicios
public function getSpecialities($country = 'ES') {
$cid = 'rest_client_getSpecialities_' . $country;
if ($cache = Drupal::cache()->get($cid)) {
return $cache->data;
}
//$output = getSomeStuff();
Drupal::cache()->set($cid, $output);
return $output;
}
return [];
}
example_dyb_landing/src/RestClient.php

31. Inyección de dependencias
dependencies:
- rest_client
example_dyb_landing/example_dyb_landing.info.yml

32. Inyección de dependencias
namespace Drupalregister_formForm;
use Drupalrest_clientRestClient;
class RegisterForm extends FormBase{
protected $client;
public function __construct(RestClient $client) {
$this->client = $client;
}
public static function create(ContainerInterface $container) {
return new static(
$container->get('rest_client.client'),
);
}
example_dyb_landing/src/Form/RegisterForm.php

33. Inyección de dependencias
public function buildForm(array $form,
FormStateInterface $form_state) {
$form['speciality'] = [
'#type' => 'select',
'#options' => $this->client->getSpecialities(),
'#title' => $this->t('Speciality'),
'#required' => TRUE,
'#attributes' => ['class' => ['formcontrol']],
];
return $form;
}
example_dyb_landing/src/Form/RegisterForm.php

34. Pausa para meme

35. Mi primer theme
Drupal
generate:theme

36. name: public
type: theme
description: Public theme.
package: Other
core: 8.x
libraries:
- public/global-styling
base theme: classy
regions:
content: Content
header: Header
footer: Footer
public/public.info.yml
Mi primer theme

37. global-styling:
version: 1.x
css:
theme:
css/style.css: {}
js:
js/public.js: {}
dependencies:
- core/jquery
- core/drupal
- core/drupalSettings
public/public.libraries.yml
Añadir css/js

38. function public_preprocess_breadcrumb(&$variables){
//Add current page to breadcrumb.
$request = Drupal::request();
$route_match = Drupal::routeMatch();
$page_title = Drupal::service('title_resolver')-
>getTitle($request, $route_match->getRouteObject());
$variables['breadcrumb'][] = array(
'text' => $page_title,
);
}
public/public.theme
Preprocess

39. {% if breadcrumb %}
<nav class="breadcrumbs" role="navigation" aria-labelledby="system-
breadcrumb">
<h2 class="visually-hidden">{{ 'Breadcrumb'|t }}</h2>
<ol class="itemlistbread">
{% for item in breadcrumb %}
<li class="itembread">
{% if item.url %}
<a href="{{ item.url }}" class="itembread__link">{{ item.text }}</a>
{% else %}
<span>{{ item.text }}</span>
{% endif %}
</li>
{% endfor %}
</ol>
</nav>
{% endif %}
public/templates/elements/breadcrumb.html.twig
Twig

40. <?php
db_query('DROP TABLE {users}’);
?>

41. <?php
db_query('DROP TABLE {users}’);
?>

42. twig.config:
debug: true
sites/default/default.services.yml
Twig debug

43. Pausa para chiste

44. Deberes
• Caché
• Composer
• REST
• Migrate
• … Infinitas cosas.

45. Drupalcamp 2016
Granada del 19 al 24 de Abril

46. ¿Preguntas?

47. Buenas gracias
y muchas tardes
@estoyausenteSamuel Solís