Renovación de una aplicación web a una arquitectura basada en microservicios

Abstract

[ES] Las arquitecturas basadas en microservicios son una principal forma de desarrollo de las aplicaciones actuales. En esta arquitectura una aplicación se compone de servicios pequeños y autónomos que se comunican entre sí a través de llamadas. Debido a las ventajas de este nuevo tipo de arquitectura, la empresa en la que estoy desarrollando mis prácticas universitarias, han migrado su antigua arquitectura a una arquitectura basada en microservicios, sobre cual actualmente está funcionando su aplicación móvil. También se quiere migrar a esta nueva arquitectura su actual página web, concretamente el área personal de los usuarios, y aprovechando este cambio se decide también renovar el aspecto visual de la aplicación, para conseguir una mayor funcionalidad para usuario. Para continuar con ese proceso de actualización, se deberá desarrollar el frontend del área personal del usuario, donde cada cliente podrá consultar sus servicios contratados. El objetivo es crear una interfaz más amigable con usuario, con un aspecto más actual, y crear la lógica de negocio para que pase a utilizar la nueva parte servidora basada en microservicios.

El desarrollo del frontend del área personal se deberá realizar a partir de código HTML y una librería con estilos proporcionada por la empresa para que siga el estilo definido por el departamento de marketing. Para el proceso de desarrollo, primero se deberá crear unos componentes con la librería React. Estos componentes son los que darán especto visual a la interfaz. A estos componentes se dotará con el lenguaje JavaScript la lógica necesaria para que sean interactivos, y una lógica de negocio para que utilice la misma parte servidora que está usando la aplicación móvil. Para conseguir un mayor control sobre el flujo de datos y el estado de la aplicación se usará la librería Redux. El conjunto de estos componentes junto con la librería Redux se consigue crear una interfaz de usuario interactiva de forma más sencilla.

Uno de los puntos importantes en el desarrollo del área personal es el login. La entidad ha implementado para su aplicación móvil un lógin de autenticación con contraseña de un solo uso (OTP). Esa tecnología se quiere también implementar en el área del usuario en la página web, por lo que se deberá adaptar login existente para la aplicación móvil a la nueva página web. Con esto se quiere proporcionar mayor seguridad y facilidad para el usuario.

[EN] Microservices-based architectures are a main form of software development. Current applications. In this architecture an application is made up of small services and freelancers who communicate with each other through calls. Due to the advantages of this new type of architecture, the company in which I am developing my university practices, have migrated its old architecture to an architecture based on microservices, on which Your mobile app is currently running. You also want to migrate to this new architecture of its current web page, specifically the personal area of users, and taking advantage of this change, it was also decided to renew the visual aspect of the application, to achieve greater functionality for the user. To continue this process update, the front-end of the user's personal area must be developed, where each client You can check your contracted services. The goal is to create a friendlier interface with user, with a more current look, and create the business logic so that it uses the new server part based on microservices. The development of the front-end of the personal area must be carried out from HTML code and a library with styles that the company will provide me so that I can follow a development style that determined by the marketing department. For the development process, first You will need to create some components with the React library. These components are what will give visual appearance to the interface. These components will be provided with the JavaScript language, the logic necessary to make them interactive, and business logic to use the same part servant who is using the mobile application. To gain more control over the flow of data and the state of the application will use the Redux library. The set of these components together with the Redux library it is possible to create an interactive user interface in a simpler. One of the important points in the development of the personal area is the login. The entity has implemented a one-time password authentication login for your mobile application (OTP). This technology is also to be implemented in the user area of the website. Therefore, the existing login for the mobile application must be adapted to the new web page. This is intended to provide greater security and ease for the user.