¡El trabajo de FAST hecho como si estuviésemos en 2017!
En este repositorio se realiza el trabajo de la asignatura FAST (Fundamentos de Aplicaciones y Servicios Telemáticos) del Grado en ingeniería de las tecnologías de las telecomunicaciones (Universidad de Sevilla) usando tecnologías usadas actualmente. El trabajo corresponde al curso 2016/2017.
JSP es una tecnología que se considera obsoleta desde hace años, en 2017 esta tecnología está prácticamente muerta. Cuando JSP fue creado, la mayoría de las aplicaciones web se basaban en renderizar una plantilla en el servidor, es decir, el servidor usaba una plantilla (normalmente era una mezcla entre HTML y algún lenguaje propopio para plantillas) y se le enviaba el HTML ya generado al cliente. Este funcionamiento tenía sentido en aquella época ya que los clientes (los navegadores web) eran más simples y JavaScript no tenía la potencia que tiene hoy día, pero la situación ha cambiado drásticamente.
Con la mejora de los motores de JavaScript en los navegadores, la introducción de nuevas tecnologías como WebGL, WebRTC, etc. y la llegada de multitud de frameworks de JavaScript para el frontend (Angular, React, Vue.js, etc.) se pueden desarrollar aplicaciones muy ricas en funcionalidades. Esto ha provocado un cambio de tendencia sobre dónde se ejecuta la mayor parte de la lógica.
Anteriormente en el navegador se ejecutaba lo mínimo posible (validación de formularios, AJAX, animaciones, etc.). En la actualidad se prefiere ejecutar la mayor parte de la lógica en el cliente, permitiendo desarrollar servidores mucho más simples para disminuir su consumo de recursos, lo que permite servir a un número mayor de clientes.
jQuery fue un gran paso frente a usar JavaScript "a pelo". Es una gran ayuda a la hora de interactuar con el DOM porque nos ofrece una serie de funcionalidades que nos simplifican la vida. Sin embargo, la tendencia de hacer aplicaciones cada vez más complejas y con más funcionalidad ha hecho que jQuery se quede obsoleto. jQuery es sólamente una librería para interactuar con el DOM de forma sencilla, pero no es suficiente.
Mientras que una librería sólamente nos proporciona una herramienta, un framework nos impone una forma de trabajar. Usar un framework conlleva aceptar una filosofía de desarrollo. Hoy en día es habitual el uso de frameworks para el desarrollo frontend porque, entre otros motivos, al imponer una forma de hacer las cosas, permite a un equipo gestionarse mejor ya que todos siguien el mismo patrón de desarrollo.
Las bases de datos relacionales como MySQL, MariaDB, PostgreSQL ofrecen muchas funcionalidades que complican el sistema y hace que sea más difícil de escalar, sobre todo cuando hay muchas operaciones de escritura. Sin embargo, si no necesitamos estas funcionalidaes podemos usar bases de datos NoSQL, que carecen de ellas y, por lo tanto, tienen una escalabilidad mayor.
Actualmente existen varios frameworks que podríamos considerar "modernos". Algunos de los más usados en el backend son:
- Ruby on Rails, Sinatra (Ruby)
- Django (Python)
- Node.js + Express.js (JavaScript)
- Phoenix (Elixir)
- Beego, Revel, GinGonic, Iris (Go)
- Rocket (Rust)
En cuanto al frontend, todos los frameworks están hecho es JavaScript o en un lenguaje que se pueda transpilar a JavaScript (puesto que es el único lenguaje que funciona en el navegador, por ahora). Veamos algunos:
- Angular
- React
- Ember
- Backbone
- Vue
- Elm
Entre las bases de datos NoSQL encontramos MongoDB que es muy utilizada por su simplicidad y facilidad de uso. No requiere definir tablas ya que su modelo para almacenar datos es muy flexible (schemaless). Crear un cluster con varias instancias de MongoDB es relativamente fácil ya que ha sido diseñada para ello.
Node.js es una plataforma que nos permite desarrollar aplicaciones interpretando código JavaScript directamente en nuestro sistema operativo, al igual que el intérprete de Python interpreta el código de Python o la JVM (Java Virtual Machine) interpreta el byte-code de Java.
Tanto Node.js como Chrome usan el motor de JavaScript V8. Podemos pensar que Node.js es como si sacáramos la parte de Chrome que ejecuta JavaSript para ejecutarlo fuera del navegador.
Node.js nos da una plataforma sobre la que ejecutar código JavaScript, sin embargo, es recomendable utilizar un framework que nos ayude a la hora de desarrollar una aplicación web. Uno de los frameworks más usados para desarrollar aplicaciones web con Node.js es express.js.
express.js nos proporciona una capa de abstracción sobre el uso de las librerías HTTP, de forma que podamos configurar autenticación, enrutado, parseo de peticiones, etc.
Por último, tenemos a Vue.js como tecnología para nuestro frontend. Vue.js puede usarse como una librería o como un framework. Para usar Vue.js bastaría con importar la librería y usarla directamente dentro de nuestro proyecto. Sin embargo, Vue.js nos proporciona opcionalmente una forma de estructurar nuestro proyecto junto con una serie de extensiones para añadir funcionalidades. También existen frameworks más completo que funcionan sobre Vue.js que no veremos aquí (Quasar, Vuetify, Nuxt.js y otros).
La filosofía de Vue.js se basea en estructurar nuestra aplicación en pequeños componentes. Cada componente tendrá asociada una vista hecha en HTML, un estilo en CSS y una lógica en JavaScript. Usando Vue.js compondremos nuestra aplicación a base de pequeños componentes.
Para realizar el trabajo de la asignatura usaremos las tecnologías anteriores conocidas como el Stack MEVN (MongoDB, Express, Vue y Node). Las ventajas de este stack son las siguientes:
- Desacople entre cliente y servidor
- El servidor no sabe nada sobre la parte visual de la aplicación. Sólamente será responsable de proporcionar los datos al cliente.
- Evitamos las plantillas complejas como en PHP o JSP que mezclan diferentes lenguajes y terminan siendo confusas.
- Separación de código de cliente y servidor. Facilita el desarrollo de la aplicación puesto que el código de backend y de frontend forman dos repositorios diferentes.
- Un sólo lenguaje: Sólamente necesitamos JavaScript para toda la aplicación. No más combinaciones de Java + JS, PHP + JS, Python + JS, etc.
- Sin SQL: Como usaremos MongoDB como base de datos no relacional no necesitamos conocer SQL para realizar consultas ni definir tablas.
- Consumo de recursos: Tendremos un servidor que consumirá muchos menos recursos puesto que no tendrá que renderizar las plantillas, la renderización la realiza el cliente en su navegador.
- Rendimiento: La máquina V8 en la que se basa Node.js ofrece muy buen rendimiento sin tener que hacer uso de hilos para la concurrencia, lo cual nos ahorra muchos posibles bugs típicos de la programación con hilos, como las condiciones de carrera.
Otra cosa que se echa de menos en la asignatura es saber cómo desplegar la aplicación una vez la hemos desarrollado.
La producción de una aplicación no termina tras el desarrollo, por lo que también veremos cómo podemos desplegarla para que sea accesible para todo el mundo. Para ello usaremos Heroku, un servicio que nos permite desplegar aplicaciónes hechas con Node.js de forma gratuita.