En el post “Como crear Portlets como componentes OSGI para Liferay 7” ya mostramos como crear portlets como componentes OSGI. Ahora vamos a ver como creamos temas en esta nueva versión de Liferay.
Los señores de Liferay han puesto patas arriba todo su sistema de desarrollo de plugins y ahora nos permiten generar themes con Yeoman y Gulp. Pero antes de continuar deberemos instalar Npm, que es un gestor de paquetes Javascript(Necesario para instalar Yeoman y Gulp).
Yeoman es una herramienta estandard para arrancar proyectos web(Lo mismo que hacíamos con Ant aunque Yeoman también nos permite inyectar automáticamente muchos otros frameworks y librerías para hacer UI potentes). Gulp nos automatiza la compilación de los temas y el despliegue.
Una vez que tengamos instalado Npm, Yeoman y Gulp en nuestro sistema deberemos instalar el paquete para generar temas en Liferay:
sudo npm install -g yo gulp generator-liferay-theme
Y ahora que ya tenemos todo instalado ya podemos generar nuestro primer tema. Ejecutamos el siguiente comando y nos aparecerá un asistente que nos irá preguntando cosas como el nombre del tema, etc:
yo liferay-theme
Liferay Yeoman Theme
Finalmente para poder compilar y desplegar lo podemos hacer de la siguiente manera:
# Compilar gulp build # Desplegar gulp deploy # Compilar y desplegar, todo de una vez gulp build deploy
¿Como puedo hacer para incluir un JS dentro del tema?.