Ejercicio: agregar un flujo a la aplicación de Power Apps

Completado

Los flujos se pueden utilizar para automatizar una secuencia de acciones desde la aplicación de Power Apps. Por ejemplo, cuando se crea un nuevo registro de cliente, puede iniciar un proceso de aprobación, agregar un nuevo elemento de la lista de SharePoint o enviar por correo electrónico una encuesta de formularios al cliente. Esta característica permite procesos comerciales más coherentes y realizar un menor trabajo manual.

La característica clave que hace que esta capacidad sea tan eficaz es que la información necesaria se transmite desde la aplicación a un flujo cuando se desencadena. Los siguientes pasos muestran cómo conectar un flujo a Power Apps con una sencilla aplicación para enviar un mensaje a Teams. El objetivo es que, cuando se presione Button1, el contenido de TextBox1 se pase al flujo para convertirse en un mensaje en Teams.

Paso 1: Crear la aplicación de Power Apps

Para crear la aplicación de Power Apps, siga estos pasos:

  1. Abra la aplicación de Power Apps en Teams desde la pestaña Inicio y seleccione + Nueva aplicación.

  2. Seleccione un equipo para almacenar la aplicación y luego seleccione Crear.

  3. Llame a la aplicación Desencadenar flujo desde aplicación y luego seleccione Guardar. La aplicación que ha creado mostrará una pantalla en blanco con un menú de pantalla central que muestra las opciones Con datos, Con diseñoO arrastre y coloque un elemento desde el panel Insertar para iniciar la pantalla.

    Captura de pantalla de la pantalla de inicio de la aplicación que destaca las opciones para iniciar la pantalla con datos, con diseño o con arrastrar y soltar

  4. En la cinta de comandos de la parte superior, seleccione el botón + Insertar y aparecerá un menú emergente de selección (o bien, puede seleccionar el signo + que se encuentra en el raíl lateral izquierdo, y se visualizará un menú similar); luego seleccione un Cuadro de texto.

    Captura de pantalla de la cinta que muestra el botón + Insertar y la ventana emergente de inserción con el cuadro de texto resaltado

    Sugerencia

    Puede introducir un nombre de control en el campo de búsqueda del panel Insertar si no ve de inmediato el control que busca.

  5. A continuación, ejecutando exactamente el mismo paso, inserte un Botón.

  6. Coloque los controles en la pantalla de modo que se parezcan a la imagen de abajo. Puede seleccionarlos y arrastrarlos. Cambie el tamaño del cuadro de texto para hacerlo algo más pequeño al hacer clic en uno de los puntos del borde superior o inferior y arrastrarlo sin dejar de presionarlo.

    Captura de pantalla del botón y el cuadro de texto en el área de diseño

  7. Cambie las siguientes propiedades de TextBox1 y Button1 al seleccionarlas primero y mediante la pestaña Propiedades.

    Modo de TextBox1: Multilínea

    Texto de Button1: Enviar mensaje

    Captura de pantalla de la pestaña Propiedades con Modo establecido en Multilínea.

Paso 2: Crear y conectar un flujo

Para crear y conectar un flujo, siga estos pasos:

  1. Para conectar un flujo, seleccione el elemento y el evento que iniciarán el flujo. Dado que quiere que el flujo se desencadene cuando se presione Button1, seleccione el botón y luego OnSelect en el menú desplegable.

    Captura de pantalla de Power Apps con la opción OnSelect resaltada en las propiedades del control del botón

  2. Para crear un flujo y vincularlo a la aplicación, seleccione el botón Power Automate en el raíl lateral de Power Apps. Una vez que haya seleccionado el botón de raíl, a la derecha aparecerá de inmediato un menú de Power Automate para agregar o crear un flujo.

    Captura de pantalla del menú emergente de Power Automate con el botón Power Automate en el raíl lateral resaltado

  3. Seleccione Crear un nuevo flujo. Aparecerá la ventana emergente Crear su flujo que le permite seleccionar una plantilla ya existente, o bien + Crear desde cero. Seleccione + Crear desde cero.

    Captura de pantalla del menú emergente Crear su flujo con la opción + Crear desde cero resaltada

  4. Seleccione Sin título y luego escriba Mensaje de Power Apps a Teams para dar un nuevo nombre al flujo.

    Observe que el nuevo flujo ya tiene el desencadenador de PowerApps.

    Captura de pantalla del desencadenador de Power Apps en los resultados de búsqueda

  5. Para agregar una acción, seleccione + Nuevo paso justo debajo del desencadenador.

  6. Introduzca Mensaje de publicación de Teams en el cuadro de búsqueda y seleccione Publicar mensaje en un chat o canal (debe estar en la parte superior de la lista; si no está en esa ubicación, desplácese hacia abajo para encontrarlo).

    Captura de pantalla del cuadro de diálogo Elegir una operación con los resultados de búsqueda de publicar mensaje de Teams en la pestaña Acciones

  7. En la sección Publicar como, seleccione Bot de flujo (debe ser la selección predeterminada). Esto enviará sus mensajes como bot de flujo, en lugar de enviarlos como si fueran de un usuario específico. Básicamente, los mensajes se enviarán como un usuario genérico.

  8. Para la sección Publicar, seleccione Canal.

  9. Ahora seleccione el Equipo y el Canal a los que desea enviar el mensaje.

  10. El mensaje lo proporcionará la aplicación de Power Apps cuando se desencadene. Seleccione en el cuadro de texto Mensaje para visualizar Contenido dinámico y luego seleccione Preguntar en PowerApps.

    Captura de pantalla de la acción Publicar un mensaje con el contenido dinámico para el campo Mensaje establecido en Entrada desde el conector Power Apps V2

  11. Observe que el contenido dinámico del campo del mensaje tiene algo que se parece al título de ese paso de flujo, con los espacios eliminados y _message agregado al final. Seleccione el botón Guardar debajo de este paso.

    Captura de pantalla del flujo completado con el botón Guardar seleccionado

  12. Cuando se guarde el flujo, el editor de Power Automate se guardará. En el panel de Power Automate, en el lado izquierdo del lienzo de edición, seleccione + Agregar flujo, luego busque el nuevo flujo que tiene el nombre Mensaje de Power Apps a Teams y selecciónelo.

    Captura de pantalla del panel de Power Automate con el botón + Agregar flujo seleccionado y el menú emergente Agregar un flujo con el flujo Mensaje de Power Apps a Teams seleccionado

    Tras unos segundos, la ventana emergente Agregar flujo se cerrará y aparecerá el nuevo flujo en el panel de Power Automate, en la sección En su aplicación.

  13. Con Button1 seleccionado y la propiedad OnSelect mostrada en el campo fx (que actualmente es false), introduzca "PowerApps" en el campo de fórmula y seleccione PowerAppstoTeamsMessage.Run en la entrada sugerida justo debajo del campo de entrada de fx.

    Captura de pantalla de Power Apps con OnSelect, Power Automate y mensaje de PowerApps a Teams resaltado

  14. El comando para ejecutar el flujo aparecerá en la barra de fórmulas. Verá que todavía tiene indicadores de error en la aplicación; esto se debe a que es preciso pasar un parámetro de Power Apps al flujo. Introduzca Textbox1.Value) para completar la fórmula y que se vea como en la imagen siguiente:

    Captura de pantalla de la fórmula PowerAppstoTeamsMessage.run(TextBox1.Value)

    Observe cómo desaparecen los indicadores de error a medida que completa la fórmula. Ahora, cuando introduzca texto en el cuadro de texto y seleccione el botón Enviar mensaje, ese texto se publicará en la sala de Teams que ha designado en el flujo de Power Automate.

  15. Antes de continuar, elija Guardar la aplicación (si ve que el icono Guardar está deshabilitado, Power Apps ya la habrá guardado en su lugar).

Paso 3: Probar la aplicación y el flujo

Antes de publicar cualquier aplicación en Teams, puede probarla seleccionando Versión preliminar en la barra de herramientas.

  1. En la barra de herramientas, seleccione Versión preliminar (o bien, seleccione F5).

  2. Elimine el texto ya existente e introduzca un mensaje en el cuadro de texto; a continuación, seleccione Enviar mensaje.

    Captura de pantalla de Microsoft Teams con un mensaje listo para enviar

  3. Cambie al canal Teams para ver el mensaje en Teams.

    Captura de pantalla del mensaje en el canal Teams.

  4. En el editor de Power Apps, cierre el modo de vista previa seleccionando el icono X o presionando la tecla Esc.

Ahora editemos el flujo y cambiemos el valor de la opción Publicar como de Bot de flujo a Usuario. Para editar un flujo que ha conectado a Power Apps, siga los pasos indicados a continuación:

  1. Seleccione el icono de Power Apps en el raíl lateral.

  2. En Aplicaciones recientes, seleccione su aplicación.

    Captura de pantalla de las aplicaciones recientes en la pantalla de inicio de Power Apps

  3. Seleccione la pestaña Power Automate del raíl lateral del editor de Power Apps y luego seleccione los puntos suspensivos justo a la derecha del flujo, en el panel de Power Automate.

    Captura de pantalla del panel de Power Automate con los puntos suspensivos a la derecha de su flujo resaltados

  4. Seleccione Editar y el editor de Power Automate aparecerá en la pantalla.

    Captura de pantalla del menú emergente de puntos suspensivos con la opción Editar resaltada

  5. Seleccione el paso Publicar en un chat o canal y se expandirá. En el campo Publicar como, cámbielo a Usuario.

  6. En la sección Mensaje, borre el contenido dinámico y vuelva a agregarlo al campo. Al actualizar la sección Publicar como, no es raro que el contenido dinámico también necesite actualizarse.

    Captura de pantalla del contenido dinámico del mensaje dañado.

    También tenga en cuenta que ahora, después del campo Mensaje, hay un campo adicional para Asunto. El asunto no es obligatorio, por lo que no es necesario que lo rellene. Puede hacerlo si quiere ver qué aspecto tendrá cuando envíe el siguiente mensaje.

    Captura de pantalla de las actualizaciones realizadas en la acción Publicar un mensaje en un chat o un canal

  7. Seleccione Guardar y luego elija la X de la esquina superior derecha del editor de flujo para volver a la aplicación. Probablemente verá que la aplicación se actualiza con los cambios nuevos introducidos en este flujo.

  8. Una vez más, ponga la aplicación en modo de versión preliminar, introduzca texto en el cuadro de texto y presione Enviar mensaje.

  9. Regrese al panel de mensajes de su equipo y deberá ver la nueva publicación. Ahora se publica como usuario.

    Captura de pantalla del canal de Teams de Contoso y ambos mensajes de prueba