TMS Web Core 1.1 PWA y Electron

TMS Web Core 1.1 acerca las opciones PWA y Electron a VS Code desde el 17 de noviembre de 2020. Con la última actualización la gente de TMS Software ha dado un gran empujón a la extensión de Visual Studio Code para equipararla a la distribución de los componentes en Delphi.

Actualización

Vamos a visualizar el proceso de actualización de forma detallada para ver algunas diferencias con respecto a la versión anterior y podremos comprobar que el salto no solo afecta a WPA y Electron en TMS Web Core para VS Code, los componentes y su integración con VS Code van madurando.

Situación anterior

Como vamos a poder ver partimos de la versión 1.0.3627 de TMS Web Core para Visual Studio Code.

Proceso

El proceso de actualización es totalmente desatendido, realmente si no estamos atentos Visual Studio Code nos indicará que tiene que reiniciar o «recargar» para aplicar los cambios en las extensiones y cuando volvamos a entrar ya tendremos los componentes actualizados. Hay que tener en cuenta que VS Code revisa al iniciar la aplicación las actualizaciones de las extensiones y si todo está con los parámetros por defecto se actualizan automáticamente, por lo que cuando queramos darnos cuenta ya tendremos la siguiente versión:

Nuevas opciones

Desde que volvamos a abrir VS Code, vamos a poder ver las nuevas opciones de menú en los componentes de TMS Software, WPA y Electron en TMS Web Core para VS Code ya es una realidad, tal y como apreciamos en la siguiente imagen:

PWA – Echemos un vistazo

Vamos a empezar por ver la nueva aplicación PWA creamos una aplicación, recordemos que tenemos que guardar en un directorio, lo mejor es crear uno nuevo de pruebas.

Una vez hacemos esto vamos a poder ver ya una diferencia en la estructura del proyecto:

Ya el generador de la estructura de archivos, nos ha creado e incluido el archivo «Manifest.json» y «ServiceWorker.json» tan propios de una aplicación PWA. Pero no nos quedemos en esto, veamos las opciones del proyecto ¿tendremos ya incluidas las propiedades correspondientes a PWA?.

Si cogemos como referencia un proyecto en Delphi, vamos a poder comprobar que las opciones del proyecto son las mismas. Hay que recalcar que hay una diferencia con respecto al desarrollo con el IDE de Embarcadero. WPA y Electron en TMS Web Core para VS Code diferencia los proyectos entre PWA y Electron, por lo tanto al ver las opciones de un proyecto veremos solo las correspondientes a su tipo. Por eso la propiedad «PWA» que podemos encontrar en Delphi, que indica si es un proyecto PWA en Delphi, no la veremos aquí, ya que se infiere del tipo de proyecto escogido.

Electron – ¿Igual que PWA?

Pues en efecto, si hacemos lo mismo con un proyecto Electron, vamos a poder ver que el generador nos crea una estructura de archivos algo distinta a la «TMS Web Application«:

Y por supuesto, en las opciones del proyecto vamos a poder modificar las distintas propiedades que tiene un proyecto Electron en TMS Web Core.

Y lo mismo que ocurría con la propiedad «WPA», ahora tampoco vemos la propiedad «Electron» que con True o False indica si es un proyecto de este tipo.

TMS Web Core 1.1 PWA y Electron ¿Algo más?

Bueno tras esta actualización, la gente de TMS Software ha incluido el proceso de validación de la licencia dentro de VS Code. De esta forma, cuando intentamos ejecutar el proceso y nos muestra la ventana que nos indica que tenemos que validar la licencia:

En nuestro caso, al hacer clic en «Activate existing license» ya los componentes hacen uso de la paleta de comandos de VS Code para solicitar la información de la licencia, primero el correo electrónico de la licencia y luego el código de activación enviado por TMS Software:

Otras de las novedades la podemos ver en la paleta de componentes, al aparecer las aplicaciones Electron, también nos aparecen los componentes de este tipo de aplicaciones, entre ellos por ejemplo «TElectronPostgreSQLConnection«, esto nos posibilita la conexión con una base de datos sin necesidad de usar un API REST para obtener la información.

¡TMS Web Core 1.1 PWA y Electron! Presente y futuro.

Poco a poco vamos a ir viendo, si todo sigue por el mismo camino, la equiparación del framework TMS Web Core para distintos entornos de desarrollo: Delphi, VS Code, Lazarus. Esto significa que la gente de TMS Software quiere que tu sistema operativo o tu software de desarrollo no sea un impedimento para usar sus componentes.

Como primera conclusión positiva, tener tanta variedad hace que el número de posibles usuarios crezca y recordemos que tras todo esto tenemos «Object Pascal«, cuantos más usuarios tengamos más posibilidades de crecer como comunidad y por supuesto para Delphi y el lenguaje de programación.

Ya he compartido en anteriores artículos, algunas opciones de uso y mi agrado hacía este framework. En Abatic Soluciones Tecnológicas somos conscientes de las posibilidades que ofrece y apostamos por el desarrollo de soluciones con el uso de las herramientas de TMS Software. Si quieres que te ayudemos con la migración de tu proyecto a este entorno, acude a nuestro formulario de contacto y estaremos encantados de ayudarte.