Cómo crear desde cero una aplicación de lienzo conectada a Microsoft Dataverse

Microsoft Dataverse es una plataforma de datos de primer nivel para Power Platform. Dataverse le permite almacenar y administrar de forma segura los datos utilizados por sus aplicaciones dentro de un conjunto de tablas.

En este artículo vamos a crear una aplicación conectada a datos existentes en un entorno de Power Platform.

Requisitos previos

Para completar esta lección necesita un entorno de Power Apps con una base de datos de Dataverse en la que haya al menos una tabla que contenga datos. Si no tiene una licencia, puede registrarse en el plan para desarrolladores de Power Apps o utilizar una versión de prueba de Power Apps.

Crear un entorno de prueba

Un entorno en Power Apps es un espacio para almacenar, administrar y compartir datos profesionales, aplicaciones, bots de chat y flujos de su organización. También tiene la función de contenedor, para aplicaciones distintas que pueden tener roles, requisitos de seguridad o públicos objetivo diferentes. Cada entorno puede tener una base de datos de Dataverse.

Para asegurarse de que tiene lo que necesita para completar esta lección, vamos a crear un entorno nuevo que incluya una base de datos de Dataverse. Este entorno es una versión de prueba de 30 días que desaparecerá al final de los 30 días, pero si desea conservarlo puede actualizarlo a un espacio aislado o un entorno de producción.

Vamos a crear un entorno de prueba que incluirá una base de datos de Dataverse y los datos de ejemplo utilizados en este artículo.

1. Vaya al Centro de administración de Power Platform.

2. Seleccione Entornos.

3. Seleccione Nuevo.

4. Asigne al entorno el nombre Versión de prueba de Dataverse.

5. Seleccione Prueba como tipo de entorno.

6. Coloque el conmutador Crear base de datos en Sí.

7. Seleccione Siguiente.

   

8. Coloque el conmutador Implementar aplicaciones y datos de ejemplo en Sí.

9. Seleccione Guardar.

Se crea su entorno de prueba, con una base de datos de Dataverse y datos de ejemplo.

Crear una aplicación de lienzo

Cree una aplicación de lienzo con la tabla Cuentas en Dataverse. Cuando termine, Power Apps generará una aplicación. Esta aplicación incluye las siguientes pantallas:

• Pantalla de exploración: pantalla para buscar, ordenar y seleccionar un registro de cuenta y abrir la pantalla de edición para crear un nuevo registro.
• Pantalla de detalles: pantalla de solo lectura que muestra los detalles del registro seleccionado en la pantalla de exploración.
• Editar pantalla: formulario de edición que se utiliza para editar los detalles de un registro seleccionado o crear nuevos registros.

Probar la aplicación

Desde Power Apps Studio puede obtener una vista previa de la aplicación para probarla.

1. Seleccione Reproducir en la esquina superior derecha de la pantalla.

2. En la lista Cuenta, seleccione Alpine Ski House.

3. Vea los detalles de Alpine Ski House.

4. Seleccione para editar el registro.

5. En el formulario de edición, quite (ejemplo) del campo de nombre de la cuenta.

6. Seleccione para guardar los cambios en el registro.

7. De vuelta en la pantalla de lista de cuentas, seleccione + para abrir un formulario de registro nuevo.

8. Rellene los campos deseados, como Nombre de la cuenta.

9. Guarde el registro.

10. Compruebe que el registro recién creado figura en la galería de la lista de cuentas.

11. Para salir del modo de vista previa, seleccione en la esquina superior derecha de la pantalla.

Uso de la vista de árbol

La Vista de árbol está en el lado izquierdo de la pantalla (si no la ve, seleccione ). La vista de árbol permite acceder fácilmente a los componentes de la aplicación de lienzo, como las pantallas, las galerías, los controles de entrada de texto y las etiquetas de texto.

La vista de árbol se puede contraer o expandir por pantalla para que sea fácil poner el foco en la parte de la aplicación en la que está trabajando.

Actualmente, BrowseScreen1 está expandida. Para ver los componentes de otras pantallas, seleccione > junto al nombre de la pantalla.

Modificar la galería de cuentas

Se utiliza una galería en Power Apps para mostrar varios elementos relacionados. Por ejemplo, en nuestra aplicación, BrowseGallery1 muestra todos los registros de nuestra cuenta. Cuando se selecciona uno de los elementos, se coloca un borde alrededor del elemento para indicar que se ha seleccionado.

De forma predeterminada, esta galería incluye los tres campos siguientes: nombre de cuenta, número de teléfono y ciudad.

Sin embargo, podemos cambiar los campos incluidos en la galería.

1. Desde la vista de árbol, seleccione BrowseGallery1.

2. En el panel de propiedades del lado derecho de la pantalla, seleccione Editar.

   

3. Aparecerá el panel de datos de campo. Cambie Subtítulo a Sitio web.

4. Seleccione fuera del panel de datos de campo.

5. Ahora la aplicación mostrará el valor de los campos del sitio web en lugar del número de teléfono.

   

Actualizar la búsqueda para incluir el nombre de la cuenta

Al obtener una vista previa de la aplicación, es posible que se observe que la búsqueda por nombre de cuenta no funcionó. Esto se debe a que la fórmula de búsqueda de aplicaciones generada automáticamente no incluye el campo Nombre de la cuenta. En esta lección actualizaremos la fórmula de búsqueda para incluir el campo Nombre de la cuenta.

Propina

El nombre de la cuenta se almacena en una columna llamada Nombre.

1. En la vista de árbol, seleccione BrowseGallery1.

2. Compruebe que la propiedad Items esté seleccionada en el selector de propiedades.

3. En la barra de fórmulas, actualice la fórmula del siguiente modo:

   SortByColumns(Search([@Accounts], TextSearchBox1.Text, "name","address1_city","address1_composite"), "name", If(SortDescending1, Descending, Ascending))
   

   La fórmula consta de las funciones SortByColumns, Search y If para buscar en la tabla Cuentas el texto especificado en el cuadro de búsqueda que tiene los datos coincidentes en los campos name, address1_city y address1_composite, y permite la ordenación.

Ahora en la lista de cuentas ahora se puede buscar y ordenar por el campo Nombre de la cuenta.

Agregar campos a la pantalla de detalles de cuenta

Datascreen1 incluye un formulario de visualización que muestra los datos del registro seleccionado en la pantalla de exploración. Los controles Mostrar formulario son de solo lectura y permiten a los usuarios leer datos, pero no crear ni editar datos.

1. En la vista de árbol, expanda DetailScreen1.

2. Seleccione DetailForm1.

3. En el panel de propiedades del panel derecho, seleccione Editar campos.

4. Seleccione Agregar campo.

5. Seleccione los siguientes campos:

   • Dirección 1: país
   • Dirección 1: estado o provincia
   • Dirección 1: calle 1
   • Dirección 1: código postal

6. Seleccione Agregar.

   

7. Ahora verá los campos seleccionados en el panel Campo. Reorganice los campos arrastrándolos y colocándolos, o seleccione el botón ... (puntos suspensivos) situado a la derecha del nombre del campo y seleccione Subir o Bajar.

8. Organice el campo en el orden siguiente:

   • Nombre de cuenta
   • Teléfono principal
   • Dirección 1: calle 1
   • Dirección 1: Ciudad
   • Dirección 1: estado o provincia
   • Dirección 1: código postal
   • Dirección 1: país o región

   

9. Seleccione cualquier punto fuera del panel de campo para cerrar el panel y volver a DetailScreen1.

Ahora verá que los campos seleccionados se muestran en el orden correcto.

Modificar la pantalla de edición de cuenta

EditScreen1 permite a los usuarios editar o crear registros de cuentas. Esta pantalla incluye un control Editar formulario llamado EditForm1.

Nota

Dado que el formulario de edición es uno de los métodos principales para crear o actualizar registros, debe incluir todos los campos que desea que sus usuarios puedan enviar y no debe incluir ningún campo que sea de solo lectura o de los que no se quiere que los usuarios modifiquen.

En esta lección agregaremos los mismos campos que agregamos anteriormente al formulario de visualización, además de la capacidad de adjuntar archivos.

1. En la vista de árbol, expanda EditScreen1.

2. Seleccione EditForm1.

3. En el panel de propiedades del lado derecho, seleccione Editar campos.

4. Seleccione Agregar campo.

5. Seleccione los siguientes campos:

   • Dirección 1: país
   • Dirección 1: estado o provincia
   • Dirección 1: calle 1
   • Dirección 1: código postal

6. Ahora verá los campos seleccionados en el panel de campos. Reorganice los campos arrastrándolos y colocándolos, o seleccione el botón ... (puntos suspensivos) situado a la derecha del nombre del campo y seleccione Subir o Bajar.

7. Organice el campo en el orden siguiente:

   • Nombre de cuenta
   • Teléfono principal
   • Dirección 1: calle 1
   • Dirección 1: Ciudad
   • Dirección 1: estado o provincia
   • Dirección 1: código postal
   • Dirección 1: país o región

8. Seleccione cualquier lugar fuera del panel de campos para cerrar el panel de campos.

9. Para minimizar el desplazamiento innecesario en la aplicación, queremos que el Formulario de edición organice los campos en dos columnas. En el panel de propiedades de la derecha, seleccione 2 en cuadro desplegable Columnas.

10. Para facilitar la lectura del formulario, queremos quitar la parte Dirección 1: de las etiquetas de campo de dirección.

    • En la vista de árbol, expanda EditForm1.
    • Seleccione el control Address 1: City_DataCard2.
    • En el panel de propiedades de la derecha, seleccione Avanzado.
    • Seleccione Desbloquear para cambiar propiedades.
    • Cambie el valor de la propiedad DisplayName a City.
    • Siga los pasos anteriores para quitar Dirección 1: de los campos Calle 1, País/Región, Estado/Provincia y Código postal.

Ahora EditScreen1 debe tener el siguiente aspecto:

Guardar la aplicación

Si guarda la aplicación, estará disponible para su uso y para compartirla con otros.

1. En Power Apps Studio, seleccione Archivo.

2. En el campo Nombre, escriba Administrador de cuentas.

3. Seleccione un icono y un color de fondo del área Icono. Esto se utilizará para identificar la aplicación en la lista de aplicaciones.

4. Seleccione Guardar.

5. Seleccione Guardar en la esquina inferior derecha.

6. Una vez guardada la aplicación, seleccione la flecha hacia atrás para volver a Power Apps Studio.

   

Ejecutar la aplicación

1. Inicie sesión en Power Apps.

2. Mire en la esquina superior derecha de la pantalla para comprobar que se encuentra en el entorno que utilizó para crear la aplicación. Si es diferente, seleccione Entorno y, a continuación, seleccione el entorno apropiado.

3. Seleccione Aplicaciones.

4. En la lista de aplicaciones, seleccione Administrador de cuentas.

5. Cuando se haya cargado la aplicación, compruebe los cambios realizados.

   • Busque Blue Yonder Airlines en la lista de aplicaciones.
   • Selecciona el registro Blue Yonder y compruebe que ve los campos agregados al Formulario de visualización.
   • Seleccione para editar el registro.
   • Compruebe que el formulario muestra dos columnas de campos.
   • Compruebe que los nombres de los campos no muestren Dirección 1: en las etiquetas.
   • Seleccione Adjuntar archivo en el área Adjunto, seleccione un archivo y, a continuación, seleccione Abrir.
   • Compruebe que el archivo cargado aparezca en la lista de adjuntos.
   • Seleccione para guardar el registro.

Ejecutar la aplicación en el móvil

Para probar sus aplicaciones de Power Apps en el dispositivo móvil:

1. Descargue la aplicación desde la tienda de aplicaciones móviles.
2. Inicie sesión con su cuenta profesional o educativa.
3. Seleccione la aplicación de la lista.

Consultar también

• Creación de una aplicación de lienzo a partir de una plantilla
• Agregar y configurar controles en aplicaciones de lienzo
• Introducción a las fórmulas de aplicaciones lienzo