Creación (strikeout) de la interfaz de usuario para InterSystems FHIR con Lovable

¡Hola, desarrolladores!

Este será un artículo muy corto ya que en abril de 2025, con Lovable y otras herramientas de Prompt-to-UI, se vuelve posible crear el frontend mediante indicaciones. Incluso para vosotros, que como yo, no estáis familiarizados en absoluto con las técnicas modernas de UI.

Bueno, al menos conozco las palabras javascript, typescript y ReactJS, así que en este artículo muy corto construiremos la interfaz de usuario en ReactJS para un servidor InterSystems FHIR con Lovable.ai.

¡Vamos con ello!

En primer lugar, necesitaremos una instancia de servidor InterSystems FHIR.

Podéis conseguirla en AWS o podéis ejecutarla directamente en vuestro portátil con IRIS for Health si tenéis Docker instalado.

Yo seguiré el camino de Docker, y el paso más fácil es clonar este repositorio de Open Exchange con:

> cd devfoloder

>git clone  git clone git@github.com:intersystems-community/iris-fhir-template.git

>cd iris-fhir-template 

>docker compose up -d

Una vez iniciado, podéis comprobar que la API REST del servidor FHIR funciona accediendo al swagger en localhost:32873/swagger-ui/index.html:

Comprobad algunas llamadas (por ejemplo, el recurso Patient) y verificad que hay algunos datos.

¡Listo! Ahora vamos a construir la interfaz.

Id a Lovable.dev y cread una cuenta, es gratis.

Pedidle a Lovable que construya la interfaz frente al servidor FHIR, incluyendo los recursos y funcionalidades que queráis. Por ejemplo, un mensaje podría ser:

¡Querido Lovable! Por favor, construye la interfaz para un servidor FHIR R4 para manipular los recursos Patient, Medication, Observation y Lab Results.

Y lo construirá.

Una vez terminado, pedidle a Lovable que apunte la interfaz a una URL de la API REST de FHIR: localhost:52873/fhir/v4.

Y debería funcionar. Aseguraos de configurar el acceso adecuado para los usuarios (yo empezaría sin seguridad inicialmente solo para asegurarme de que los servicios REST reciben y proporcionan datos correctamente) y sentíos libres de mejorar la interfaz con indicaciones.

Luego podéis pedirle a Lovable que despliegue la solución en internet. Para que funcione, aseguraos de desplegar también el servidor IRIS FHIR o apuntar a uno en AWS si estáis ahí.

¡Eso es todo!

Encantador, ¿no es así?

Aquí está el vídeo con todos los pasos y más:

https://www.youtube.com/embed/NmQipSlYaeg
[Este es un enlace integrado, pero no puede ver el contenido integrado directamente en el sitio porque rechazó las cookies que se necesitan para acceder a él. Para ver el contenido integrado, debe aceptar todas las cookies desde la Configuración de cookies]