Nuestra aplicación de Gestión de Incidencias ya funciona en desarrollo local, pero nadie puede usarla excepto nosotros. Es hora de hacer el build de producción y desplegarla al entorno de Dataverse para que los usuarios puedan acceder a ella. Aquí usamos el npm CLI de Power Apps de nuevo.
Objetivos de aprendizaje
- Entender qué ocurre durante el proceso de build de una Code App
- Ejecutar el comando de despliegue al entorno
- Añadir la Code App a una solución de Power Platform
- Publicar y compartir la app con los usuarios finales
El proceso de Build
Antes de desplegar, la aplicación necesita ser compilada. En nuestro proyecto React/Vite, esto significa transformar todo el TypeScript a JavaScript, empaquetar los módulos, minificar el código, optimizar los assets e inyectar las variables de entorno necesarias.
La plantilla oficial ya viene con el script necesario. Puedes ejecutar el build localmente para verificar que no hay errores de compilación:
npm run buildSi todo va bien, se creará una carpeta dist/ con los archivos listos para producción. Es importante saber que el comando de despliegue ejecuta este build automáticamente, pero siempre es buena práctica ejecutarlo antes para cazar errores de TypeScript.
Despliegue al entorno (Push)
Para desplegar la aplicación a tu entorno de Power Platform (el que está configurado en power-apps.config.json), usamos el script push:
npm run pushEste comando (que internamente es npx power-apps push) hace lo siguiente:
- Ejecuta el build de la aplicación (
npm run build) - Empaqueta el resultado en un formato específico para Power Platform
- Se autentica usando la sesión activa de PAC CLI
- Sube los archivos al almacenamiento asociado al entorno
- Registra o actualiza el componente de la Code App en Dataverse
Añadir la app a una Solución
La Code App ya está en el entorno, pero como buena práctica, todos los componentes deben pertenecer a una Solución. Esto permite empaquetarlos junto con la tabla cr_incidencia y otros recursos para moverlos a otros entornos (Test, Producción).
Para añadir la Code App a tu solución (ej. "GestorIncidencias"):
- Ve al Power Platform Admin Center o make.powerapps.com y abre tu entorno
- Navega a Soluciones y abre tu solución "GestorIncidencias"
- Haz clic en Añadir existente > Aplicación > Code app (o el término equivalente según la versión)
- Selecciona tu "Gestor de Incidencias" de la lista y añádela
Acceso y Compartir
Una vez desplegada, la app tiene una URL en Power Apps. Puedes encontrar esta URL en los detalles de la aplicación dentro del portal make.powerapps.com, en la sección de aplicaciones.
Pero recuerda el modelo de seguridad de Power Platform: por defecto, solo el creador tiene acceso. Para que otros usuarios puedan usar la app, necesitas compartirla:
- Selecciona la app en la lista de aplicaciones
- Haz clic en Compartir
- Añade los usuarios o grupos de Entra ID que deben tener acceso
- ¡Muy importante! Asegúrate de que esos usuarios también tienen roles de seguridad en Dataverse que les permiten leer/escribir en la tabla
cr_incidencia. De lo contrario, la app cargará pero mostrará errores al intentar acceder a los datos.
cr_incidencia, y asigna este rol a los usuarios junto con la app.
Puntos clave
npm run pushcompila la app y la sube al entorno de Power Platform- El build optimiza y minifica el código para producción
- La app desplegada debe añadirse a una Solución para su gestión de ciclo de vida (ALM)
- Los usuarios necesitan que se les comparta la app y tener roles de seguridad sobre las tablas de Dataverse utilizadas