Setup de una aplicación web java en 3 lineas

A veces necesito hacer pequeños proyectos web con Java, quizás para probar algo a aprender un API. El problema -común en Java- es que hasta lo más simple requiere muchos pasos de configuración.

Algunas alternativas para hacer rapidamente un proyecto web son Maven y sus "arquetypes",  NetBeans, Eclipse o Idea con los plugins correctos y un Tomcat instalado.

En este post quería contarles una alternativa que me resulta muy sencilla y util, ahi va la receta:

1. Instale Groovy y Gradle (solo es necesario hacerlo una vez).

2. Cree un directorio para el projecto siguiendo la misma convención de Maven:

mkdir -p prueba/src/main/webapp

3. Agregue una pizca de Gradle

echo 'apply plugin: "jetty"' > prueba/build.gradle

4. Cocine:

cd prueba && gradle jettyRun

Ok, es una aplicación web vacía, pero podes agregar los HTML que necesites dentro de  src/main/webapp (si usaste Maven la convención de directorios de Gradle es la misma).

Ahi va todo junto para que puedas hacer copy & paste (técnicamente son "4 lineas" pero el número 3 quedaba mejor para el titulo :) ):

mkdir -p prueba/src/main/webapp
echo 'apply plugin: "jetty"' > prueba/build.gradle
cd prueba && gradle jettyRun

... una cosita más...

Si necesitas usar Eclipse o Idea, agrega estas lineas a build.gradle:

apply plugin: 'eclipse'
apply plugin: 'idea'

Después ejecutas:

gradle eclipse idea

y listo!

Tips de Chrome para desarrolladores web

Trabajando en unas páginas web, descubrí una funcionalidad de Google Chrome que lo convierte en mi browser favorito para el desarrollo web.

Suelo retocar y probar cambios de CSS en el "inspector" de la solapa "Elements".  El problema es copiar los cambios de vuelta al código fuente: no solo es incomodo, si no que a veces me olvido que elementos cambie.

En todo este tiempo no le había dado importancia a la solapa "Resources". La usaba de vez en cuando para ver que un archivo no se se este cargando del cache y cosas por el estilo.

Ayer por casualidad descubrí que los archivos se pueden editar directamente (haciendo click en el botón del lápiz que pueden ver  en la imagen).

Pero lo bueno recién comienza: si hacen cambios estos se ven de forma instantánea en la pagina; si "graban" (Ctrl-S o Cmd-S en Mac) van a poder ver la historia en el editor que además muestra los cambios con colores.

Obviamente el archivo no se guarda en el servidor, pero haciendo botón derecho pueden hacer un "Save As..." y guardarlo.

Probablemente no sea algo nuevo, pero descubrirlo me ahorro tanto tiempo que me dieron ganas de bloggearlo :)

Nota: Firebug también tiene una funcionalidad similar, aunque sin historial de cambios y con una UI un poco más incomoda a la hora de editar.