Gonzalo Rementeria

08 – Destripando las canvas app de un modo rápido y sencillo

Buenas a todos.

En este artículo os voy a contar de un modo rápido y muy sencillo como podemos ver el código que hay por debajo de nuestras canvas app. Y si alguno se está preguntando por qué iba a querer ver el código en una app Low Code, las respuestas son varias, ya que esto puede sernos útil para:

Hacer modificaciones masivas en una aplicación sin necesidad si quiera de saber cómo está hecha (cambios de colores, nombres, etc.)

  • Facilitar la combinación entre diversas aplicaciones (por ejemplo, un usuario esá trabajando una pantalla en una canvas app y nosotros estamos trabajando en otra. Tras varios días de trabajo toca combinar ambas. Como lo haría yo. De esta forma que os voy a enseñar)
  • Descargar sus imágenes y otros recursos (Aunque para esto hay otras formas también sencillas, que ya veremos en otro artículo)

Pero como no me quiero entretener más allá vamos. Estos son los pasos para ver las tripas de nuestras canvas app.

Entra en la app en modo edición  y guarda una copia de la app en local esto generará un archivo .msapp

Meter ese archivo .msapp en una carpeta (para este ejemplo la llamaré EditarCanvasApp)

Ir a nuestro Visual Studio Code e instalar la siguiente extensión (Power Platform Tools)

Abril la carpeta

Abrir el terminal y ejecutar el siguiente código

pac canvas unpack –sources «NombreDeNuestraCarpeta» –msapp «NombreDeNuestraApp.msapp»

Voalá. Ya podremos ver el interior de nuestras app.

Como veis es muy sencillo. Ahora desde aquí podemos modificar cualquier archivo y aprovecharnos de facilidades como de poder copiar pantallas enteras con solo pulsar CTR+A y CTR+C o de reemplazar código en todos los sitios con CTR+H. Con lo cual gracias a esto podríamos por ejemplo duplicar una app y hacer que 2 personas la editasen a la vez (una la original y otra la copia) para posteriormente combinarlas vía código.

Por último unas cosillas más a tener en cuenta.

El código viene en inglés, por lo que vendrán , en lugar de ; (por si teneis el editor en español)

Si vamos a combinar varias app asegurémonos de que no se repiten nombres entre ellas, ya que los nombres de componentes son únicos en las canvas app.

Una vez hechos todos nuestros cambios y guardado. Ejecutaremos este otro código y ya tendremos nuestra canvas app modificada y lista para subir

pac canvas pack –sources «NombreDeNuestraCarpeta» –msapp «NombreQueQueramos.msapp»

Después para subirla entraremos en nuestra canvas app y pulsaremos en abrir. Abriremos nuestro archivo modificado y ya podremos ver nuestros cambios. Además de guardar y trabajar con la app como siempre hemos hecho.

Otro consejo que os deis es que hagáis antes copia de seguridad de todo. Pues, aunque la extensión es oficial de Microsoft, algunas funcionalidades están en preview. A pesar de funcionar perfectamente

Espero que o disfrutéis y os sea de utilidad. Un saludo.