Entorno con integración continua para aplicaciones web desarrolladascon AngularJS

Abstract

[ES] En este trabajo de fin de grado se presenta y analiza un entorno de trabajo con integración continua para el desarrollo de aplicaciones web creadas con AngularJS. En primer lugar he decidido utilizar sistema de control de versiones distribuido GitLab. Dentro de GitLab tendremos ramas correspondientes a versiones diferentes del proyecto; por ejemplo, versión cliente y versión desarrollo. A su vez, cada rama aloja los ficheros correspondientes a la versión de nuestra aplicación web que elaboramos con AngularJS y los ficheros de test correspondientes para los tests unitarios de Karma, pruebas end-to-end de Protractor y las pruebas de rendimiento de JMeter. En segundo lugar utilizaremos contenedores Docker y dentro de la imagen Docker alojaremos el servidor Jenkins, que ayudará a la construcción, implantación y automatización del proyecto. Jenkins se encargará de hacer la descarga del repositorio Git y de ejecutar los tests automáticos. Estas pruebas se ejecutarán para evaluar cada parte de la aplicación y verificar que el comportamiento es el esperado. Jenkins también se encargará de enviar los reportes en caso de problemas y de hacer el despliegue de la web una vez esté todo correcto y funcionando. Finalmente, después de presentar todo lo que vamos a utilizar, se pretende que este entorno de desarrollo ayude a mejorar la calidad y los tiempos de producción de software de la empresa en la que se ha desarrollado este trabajo.

[EN] In this final degree project, a work environment with continuous integration for the development of web applications created with AngularJS is presented and analyzed. First of all, I have decided to use the distributed version control system GitLab projects. Within GitLab we will have branches corresponding to different versions of the project; for example, client version and development version. In turn, each branch houses the files corresponding to the version of our web application that we elaborate with AngularJS and the corresponding test files for the Karma unit tests, Protractor end-to-end tests and the JMeter performance tests. Secondly, we will use Docker containers and within the Docker image we will host the Jenkins server, which will help with the construction, implementation and automation of the project. Jenkins will take care of downloading the Git repository and running the automatic tests. These tests will be run to evaluate each part of the application and verify that the behavior is as expected. Jenkins will also be in charge of sending the reports in case of problems and of making the web deployment once everything is correct and working. Finally, after presenting everything that we are going to use, this development environment is intended to help improve the quality and production times of the software of the company in which this work has been developed.