Integrar Power Automate con sitios web y aplicaciones

Artículo
03/13/2023

Inserte Power Automate en la aplicación o sitio web mediante widgets de flujo para proporcionar a los usuarios una manera sencilla de automatizar sus tareas profesionales o personales.

Los widgets de Flow son iframes ubicados en un documento de host. Este documento señala a una página del diseñador de Power Automate. Estos widgets integran la funcionalidad específica de Power Automate en la aplicación de terceros.

Los widgets pueden ser sencillos. Por ejemplo, un widget que representa una lista de plantillas sin comunicación alguna entre el host y el iframe. Los widgets también pueden ser complejos. Por ejemplo, un widget que aprovisiona un flujo de nube a partir de una plantilla y, después, lo desencadena a través de una comunicación bidireccional entre el host y el widget.

Requisitos previos

Una cuenta Microsoft o bien
Una cuenta profesional o educativa

Para usar el widget de plantillas no autenticadas, insértelo directamente en la aplicación host mediante un iframe. No se necesita el SDK de JS ni un token de acceso.

Presentación de plantillas para sus escenarios

Para empezar, agregue este código para mostrar las plantillas de Power Automate en el sitio web:

<iframe src="https://make.powerautomate.com/{locale}/widgets/templates/?q={search term}
&pagesize={number of templates}&destination={destination}&category={category}"></iframe>

Parámetro	Descripción
locale	El código de región e idioma de cuatro letras para la vista de la plantilla. Por ejemplo, `en-us` representa el inglés de Estados Unidos, mientras que `de-de` representa el alemán.
search term	El término de búsqueda para las plantillas que desea mostrar en la vista. Por ejemplo, busque `SharePoint` para mostrar las plantillas de SharePoint.
number of templates	El número de plantillas que desea mostrar en la vista.
destination	La página que se abre cuando los usuarios seleccionan la plantilla. Escriba `details` para mostrar los detalles de la plantilla, o bien `new` para abrir el diseñador de Power Automate.
category	Filtra por la categoría de plantilla determinada.
parameters.{name}	Contexto adicional que se pasa en el flujo.

Si el parámetro de destino es new, se abre el diseñador de Power Automate cuando los usuarios seleccionan una plantilla. Después, los usuarios pueden crear un flujo de nube en el diseñador. Si quiere tener la experiencia completa desde el widget, vea la sección siguiente.

Paso de parámetros adicionales a la plantilla de flujo

Si el usuario está en un contexto determinado en el sitio web o la aplicación, es posible que quiera pasar ese contexto al flujo. Por ejemplo, un usuario puede abrir una plantilla para Cuando se crea un artículo mientras mira una lista determinada en SharePoint. Siga estos pasos para pasar el identificador de la lista como parámetro al flujo:

Defina el parámetro de la plantilla de flujo antes de publicarlo. Así es un parámetro @{parameters('parameter_name')}.
Pase el parámetro en la cadena de consulta del iframe src. Por ejemplo, agregue &parameters.listName={the name of the list} si tiene un parámetro denominado listName.

Ejemplo completo

Para mostrar las cuatro plantillas principales de SharePoint en alemán e iniciar el usuario con myCoolList, use este código:

<iframe src="https://make.powerautomate.com/de-de/widgets/templates/?q=sharepoint%20&pagesize=4&destination=details&parameters.listName=myCoolList"></iframe>

Uso de widgets de flujo autenticados

En la tabla siguiente se muestra la lista de widgets de Power Automate que admiten la experiencia completa desde el widget mediante el token de acceso de autenticación de usuario. Tendrá que usar el kit de desarrollo de software de Javascript (SDK de JS) de Power Automate para insertar los widgets y proporcionar el token de acceso de usuario requerido.

Tipo de widget	Característica compatible
flows	Muestra una lista de flujos en una pestaña para los flujos personales y compartidos. Permite editar un flujo existente o crear uno a partir de una plantilla o en blanco.
flowCreation	Crea un flujo de nube a partir de un identificador de plantilla proporcionado por la aplicación host.
runtime	Desencadena un flujo manual o de desencadenador híbrido que proporciona la aplicación host.
approvalCenter	Inserta las solicitudes de aprobación y las aprobaciones enviadas.
templates	Muestra una lista de plantillas. El usuario elige una para crear un flujo.

Use el SDK de Flow autenticado para permitir a los usuarios crear y administrar flujos directamente desde el sitio web o la aplicación (en lugar de navegar hasta Power Automate). Para usar el SDK autenticado, es preciso que el usuario inicie sesión con su cuenta de Microsoft o Microsoft Entra.

Nota

No hay forma alguna de ocultar la personalización de marca de Power Automate al usar los widgets.

Los widgets de Power Automate funcionan mediante la inserción de un iframe que hace referencia a Power Automate en una aplicación host. El host proporciona el token de acceso que requiere el widget de Power Automate. El SDK de JS de Power Automate permite a la aplicación host inicializar y administrar el ciclo de vida del widget.

Diagrama de la arquitectura de widget de Power Automate.

Detalles del SDK de JS

El equipo de Power Automate proporciona el SDK de JS para facilitar la integración de widgets de Flow en aplicaciones de terceros. El SDK de JS de Flow está disponible como un vínculo público en el servicio Flow y permite que la aplicación host administre eventos del widget e interactúe con la aplicación Flow mediante el envío de acciones al widget. Las acciones y los eventos de widget son específicos del tipo de widget.

Es necesario agregar la referencia del SDK de JS de Flow a la aplicación host antes de inicializar el widget.

<script src="https://flow.microsoft.com/Content/msflowsdk-1.1.js"></script>

Nota

La forma recomendada de incluir el SDK de JS de Flow en su aplicación es usar la referencia anterior. Agregar una copia local del SDK de JS de Flow a su aplicación o página web puede hacer que, con el tiempo, use una versión anterior del SDK que no sea compatible y que provoque interrupciones en la funcionalidad.
Power Automate almacena algunos datos como la identidad del usuario y las preferencias localmente aprovechando las capacidades de su navegador. Se producen problemas si el navegador bloquea el almacenamiento de dichos datos locales o las cookies de terceros establecidas por Power Automate. Los usuarios deben habilitar cookies de terceros en su navegador para que el widget se cargue correctamente.

Para crear una instancia del SDK de JS, pase los valores opcionales de hostName y locale en un objeto JSON.

var sdk = new MsFlowSdk({
    hostName:'https://make.powerautomate.com',
    locale:'en-US'
});

Nombre	Obligatorio/Opcional	Descripción
`hostName`	Opcionales	Nombre de host de Power Automate, por ejemplo https://make.powerautomate.com
`locale`	Opcionales	Configuración regional del cliente para el widget (si no se especifica, el valor predeterminado es `en-Us`)

Una vez creada la instancia del SDK de JS, se puede inicializar e insertar un widget de Power Automate en un elemento primario de la aplicación host. Para ello, agregue una etiqueta div de HTML:

<div id="flowDiv" class="flowContainer"></div>

A continuación, inicialice el widget de Power Automate con el método renderWidget() del SDK de JS. Asegúrese de proporcionar el tipo de widget y los valores correspondientes.

var widget = sdk.renderWidget('<widgettype>', {
        container: 'flowDiv',
        flowsSettings: {},
        templatesSettings: {},
        approvalCenterSettings: {},
        widgetStyleSettings: {}
});

Este es un estilo de ejemplo para el contenedor que se puede modificar para hacerlo coincidir con las dimensiones de la aplicación host.

<head>
    <style>
        .flowContainer iframe {
            width: 400px;
            height: 1000px;
            border: none;
            overflow: hidden;
    }
    </style>
</head>

Estos son los parámetros para renderWidget():

Parámetro	Obligatorio/Opcional	Descripción
`container`	Obligatorios	Identificador de un elemento DIV en la página de host donde se insertará el widget.
`environmentId`	Opcionales	Los widgets necesitan un identificador de entorno. Si no proporciona una identificación, se utiliza un entorno predeterminado.
`flowsSettings`	Opcionales	Objeto de configuración de Power Automate
`templatesSettings`	Opcionales	Objeto de configuración de plantilla
`approvalCenterSettings`	Opcionales	Objeto de configuración de aprobación

Tokens de acceso

Después de que se ejecute el método renderWidget() del SDK de JS, el SDK de JS inicializa un iframe que apunta a la dirección URL del widget de Power Automate. Esta dirección URL contiene toda la configuración en los parámetros de cadena de consulta. La aplicación host tiene que obtener un token de acceso de Power Automate para el usuario (token JWT de Microsoft Entra ID con audiencia https://service.flow.microsoft.com) antes de inicializar el widget. El widget genera un evento GET_ACCESS_TOKEN para solicitar un token de acceso al host. El host debe controlar el evento y pasar el token al widget:

widget.listen("GET_ACCESS_TOKEN", function(requestParam, widgetDoneCallback) {
    widgetDoneCallback(null, {
        token:  '<accesstokenFromHost>'
    });
});

La aplicación host es responsable de mantener el token y de pasarlo con una fecha de caducidad válida al widget cuando se solicite. Si el widget está abierto durante períodos más largos, el host debe comprobar si el token ha caducado y actualizarlo si es necesario antes de pasarlo al widget.

Después de una inicialización correcta, el widget genera un evento para notificar que está listo. El host puede escuchar al evento WIDGET_READY y ejecutar cualquier código de host adicional.

widget.listen("WIDGET_READY", function() {
    console.log("The flow widget is now ready.");
    // other host code on widget ready
});

FlowsSettings

FlowsSettings se puede usar para personalizar la funcionalidad del widget de Power Automate.

flowsSettings?: {
    createFromBlankTemplateId?: string;
    flowsFilter?: string;sc
    tab?: string;
};

Parámetro	Obligatorio/Opcional	Descripción
`createFromBlankTemplateId`	Obligatorios	Se usa el GUID de la plantilla cuando el usuario hace clic en el botón Crear desde cero en el widget de Flow
`flowsFilter`	Opcionales	El widget de Power Automate aplica el filtro proporcionado al enumerar los flujos. Por ejemplo, se muestran los flujos que hacen referencia a un sitio de SharePoint concreto. `flowsFilter: "operations/any(operation: operation/sharepoint.site eq 'https://microsoft.sharepoint.com/teams/ProcessSimple' )"`
`tab`	Opcionales	Aparece de forma predeterminada la pestaña activa predeterminada que se va a mostrar en el widget de Power Automate. Por ejemplo, `tab:'sharedFlows'` muestra la pestaña Equipo y `tab:'myFlows'` muestra la pestaña Mis flujos.

TemplatesSettings

Se aplica a todos los widgets que permiten crear flujos a partir de una plantilla, incluidos Flows, FlowCreation y Templates.

templatesSettings?: {
    defaultParams?: any;
    destination?: string;
    pageSize?: number;
    searchTerm?: string;
    templateCategory?: string;
    useServerSideProvisioning?: boolean;
    enableDietDesigner?: boolean;
};

Parámetro	Obligatorio/Opcional	Descripción
`defaultParams`	Opcionales	Parámetros de tiempo de diseño que se usan al crear un flujo de nube a partir de una plantilla, por ejemplo: `defaultParams: {'parameters.sharepoint.site': 'https://microsoft.sharepoint.com/teams/ProcessSimple', 'parameters.sharepoint.list': 'b3a5baa8-fe94-44ca-a6f0-270d9f821668' }`
`destination`	Opcionales	Los valores válidos son "new" o "details". Cuando se establece en "details", se muestra una página de detalles al crear un flujo de nube a partir de una plantilla.
`pageSize`	Opcionales	El número de plantillas que se van a mostrar. Tamaño predeterminado = 6
`searchTerm`	Opcionales	Se muestran plantillas que coinciden con el término de búsqueda proporcionado
`templateCategory`	Opcionales	Se muestran las plantillas de una categoría específica

ApprovalCenterSettings

Se aplica a widgets ApprovalCenter.

approvalCenterSettings?: {
   approvalsFilter?: string;
   tab?: string;but
   showSimpleEmptyPage? boolean;
   hideLink?: boolean
};

Parámetro	Obligatorio/Opcional	Descripción
`hideLink`	Opcionales	Cuando se establece en `true`, el widget oculta los vínculos de las aprobaciones recibidas y enviadas
`approvalsFilter`	Opcionales	El widget de aprobación aplicará el filtro de aprobación especificado al enumerar las aprobaciones, por ejemplo: `approvalsFilter: 'properties/itemlink eq \'https://microsoft.sharepoint.com/teams/ProcessSimple/_layouts/15/listform.aspx?PageType=4&ListId=737e30a6-5bc4-4e9c-bcdc-d34c5c57d938&ID=3&ContentTypeID=0x010010B708969A9C16408696FD23801531C6\''` `approvalsFilter: 'properties/itemlinkencoded eq \'{Your base64 encoded item link url} \''`
`tab`	Opcionales	La pestaña activa predeterminada que se va a mostrar en el widget de Flow. Valores válidos: "receivedApprovals", "sentApprovals"
`showSimpleEmptyPage`	Opcionales	Muestra una página vacía cuando no hay ninguna aprobación
`hideInfoPaneCloseButton`	Opcionales	Oculta el botón Cerrar del panel de información (o el host ya tiene un botón Cerrar)

El widget de Power Automate admite eventos que permiten al host escuchar los eventos de ciclo de vida del widget. El widget de Power Automate admite dos tipos de eventos: eventos de notificación unidireccionales (por ejemplo, Widget‑Ready) y eventos generados desde el widget para capturar datos del host (Get‑Access‑Token). El host debe usar el método widget.listen() para escuchar eventos específicos generados desde el widget.

Uso

widget.listen("<WIDGET_EVENT>", function() {
    console.log("The flow widget raised event");
});

Evento de widget	Detalles
`WIDGET_READY`	El widget se ha cargado correctamente
`WIDGET_RENDERED`	El widget se ha cargado y se ha completado la representación de la interfaz de usuario
`GET_ACCESS_TOKEN`	Solicitud del widget para insertar el token de acceso de usuario
`GET_STRINGS`	Permite al host reemplazar un conjunto de cadenas de interfaz de usuario que se muestran en el widget

Evento de widget	Detalles	Datos
`RUN_FLOW_STARTED`	Se ha desencadenado y se ha iniciado la ejecución del flujo
`RUN_FLOW_COMPLETED`	La ejecución del flujo se ha desencadenado correctamente
`RUN_FLOW_DONE_BUTTON_CLICKED`	El usuario ha hecho clic en el botón Listo durante la ejecución del flujo
`RUN_FLOW_CANCEL_BUTTON_CLICKED`	El usuario ha hecho clic en el botón Cancelar durante la ejecución del flujo
`FLOW_CREATION_SUCCEEDED`	El flujo se ha creado correctamente	`{ flowUrl: string, flowId: string, fromTemplate: string }`
`WIDGET_CLOSE`	Se ha desencadenado cuando el host debía cerrar el widget

Evento de widget	Detalles	Datos
`FLOW_CREATION_FAILED`	No se pudo crear el flujo
`WIDGET_CLOSE`	Se ha desencadenado cuando el host debía cerrar el widget
`TEMPLATE_LOAD_FAILED`	No se pudo cargar la plantilla
`FLOW_CREATION_SUCCEEDED`	El flujo se ha creado correctamente	`{ flowUrl: string, flowId: string,fromTemplate?: string }`

Evento de widget	Detalles
`RECEIVED_APPROVAL_STATUS_CHANGED`	El estado de la aprobación recibida ha cambiado
`SENT_APPROVAL_STATUS_CHANGED`	El estado de la aprobación enviada ha cambiado

El evento GET_STRINGS permite personalizar el texto de algunos de los elementos de interfaz de usuario que aparecen en el widget. Se pueden personalizar las cadenas siguientes:

Clave de cadena	Uso en el widget
`FLOW_CREATION_CREATE_BUTTON`	Texto que se muestra en el botón Crear flujo del widget de creación de flujos y tiempo de ejecución
`FLOW_CREATION_CUSTOM_FLOW_NAME`	El valor inicial que se va a usar para el nombre del flujo en el widget de creación de flujos. Solo se usa cuando se habilita la opción allowCustomFlowName.
`FLOW_CREATION_HEADER`	El encabezado que se va a usar al crear un flujo de nube en los widgets de tiempo de ejecución y creación de flujos.
`INVOKE_FLOW_HEADER`	El encabezado que se va a usar al invocar un flujo de nube en el widget de tiempo de ejecución.
`INVOKE_FLOW_RUN_FLOW_BUTTON`	Texto que se muestra en el botón que se usa para invocar o ejecutar un flujo de nube en el widget de tiempo de ejecución.

Ejemplo

Llamada a widgetDoneCallback pasando un objeto JSON con pares clave-valor de clave de cadena y texto para reemplazar el valor predeterminado.

widget.listen("GET_STRINGS", function(requestParam, widgetDoneCallback) {
    widgetDoneCallback(null, {
         "FLOW_CREATION_HEADER": "<string override would go here>",
        "INVOKE_FLOW_RUN_FLOW_BUTTON":  "<string override would go here>"
    });
});

El host usa las acciones de widget para enviar un mensaje o una acción específica al widget. El SDK de JS del widget proporciona el método notify() para enviar un mensaje o una carga JSON al widget. Cada acción de widget admite una firma de carga específica.

Uso

widget.notify('<WIDGET_ACTION>', parameterMatchingParameterInterface)
    .then(result => console.log(result))
    .catch(error => console.log(error))

Ejemplo

Invocación de un flujo de nube mediante el envío del comando siguiente a un widget de tiempo de ejecución.

widget.notify('triggerFlow', { flowName: flowName, implicitData:implicitData });

Acción de widget	Detalles	Interfaz de parámetros
`triggerFlow`	Desencadena la ejecución de un flujo de nube.	`{ flowName: string, implicitData?: string }`
`triggerFlowByTemplate`	Desencadena la ejecución de un flujo de nube mediante una plantilla.	`{ templateId: string, implicitData?: string, designTimeParameters?: Record<string, any> }`
`getTriggerSchema`	Obtiene el esquema del desencadenador de un flujo de nube.	`{ flowName: string, }`
`closeWidget`	Cancela cualquier actividad pendiente y genera un evento WIDGET_CLOSE

Acción de widget	Detalles	Interfaz de parámetros
`createFlowFromTemplate`	Crea un flujo de nube para la plantilla seleccionada.	`{ templateName: string, designTimeParameters?: Record<string, any> }`
`createFlowFromTemplateDefinition`	Crea un flujo de nube para la definición de la plantilla seleccionada.	`{ templateDefinition: string }`
`closeWidget`	Cancela cualquier actividad pendiente y genera un evento WIDGET_CLOSE

Acción de widget	Detalles	Interfaz de parámetros
`closeInfoPane`	Cierra el panel de información en el que se muestran los detalles de la aprobación	N/D

Configuración de la aplicación cliente

Tendrá que configurar la aplicación cliente con ámbitos del servicio Flow (permisos delegados). Si en la aplicación de Microsoft Entra (Microsoft Entra ID) que se utiliza para la integración de widgets se usa un flujo de autorización de "concesión de código", será necesario configurar la aplicación de Microsoft Entra con permisos delegados que sean compatibles con Power Automate. Esto proporciona permisos delegados que permiten a la aplicación:

Administrar aprobaciones
Leer aprobaciones
Leer actividades
Administrar flujos
Leer flujos

Siga estos pasos para seleccionar uno o varios permisos delegados:

Ir a https://portal.azure.com
Seleccione Microsoft Entra ID.
En Administrar, seleccione Registros de aplicaciones.
Escriba la aplicación de terceros que se va a configurar para los ámbitos de servicio de Flow.
Seleccione Configuración. ![Captura de pantalla donde se ubica el icono de configuración de la aplicación.](../media/embed-flow-dev/Microsoft Entra ID-App-Settings.png)
Seleccione Permisos necesarios en Acceso de API/
Seleccione Agregar.
Elija Seleccionar una API. ![Captura de pantalla que ubica los permisos requeridos, agrega y selecciona un A P I.](../media/embed-flow-dev/Microsoft Entra ID-App-Select-an-API.png)
Busque el servicio de Power Automate y selecciónelo. Nota: Para poder ver el servicio de Power Automate, el inquilino debe tener al menos un usuario de Microsoft Entra que haya iniciado sesión en el portal de Flow (https://make.powerautomate.com)
Elija los ámbitos de Flow necesarios para la aplicación y después haga clic en Guardar. ![Captura de pantalla que muestra los permisos delegados.](../media/embed-flow-dev/Microsoft Entra ID-App-DelegatedPermissions.png)

Ahora la aplicación obtendrá un token del servicio Flow que contiene los permisos delegados en la notificación scp' en el token de JWT.

Aplicación de ejemplo en la que se insertan widgets de Flow

Se proporciona un ejemplo de aplicación de página única (SPA) de JavaScript en la sección de recursos para que pueda experimentar con la inserción de widgets de Flow en una página de host. Para usar la aplicación de ejemplo es necesario registrar una aplicación de Microsoft Entra con el flujo de concesión implícita habilitado.

Registro de una aplicación de Microsoft Entra

Inicie sesión en el portal Azure.
En el panel de navegación de la izquierda, haga clic en Microsoft Entra y, después, seleccione Registros de la aplicación (versión preliminar) > Nuevo registro.
Cuando aparezca la página Registrar una aplicación, escriba un nombre para la aplicación.
En Tipos de cuenta compatibles, seleccione Cuentas en cualquier directorio organizativo.
En la sección URL de redireccionamiento, seleccione la plataforma web y establezca el valor en la dirección URL de la aplicación en función del servidor web. Establezca este valor en http://localhost:30662/ para ejecutar la aplicación de ejemplo.
Seleccione Registrar.
En la página Información general de la aplicación, anote el valor de identificador (cliente) de la aplicación.
En el ejemplo es necesario habilitar el flujo de concesión implícito. En el panel de navegación de la izquierda de la aplicación registrada, haga clic en Autenticación.
En Configuración avanzada, en Concesión implícita, active las casillas Tokens de id. y Tokens de acceso. Los tokens de id. y los de acceso son necesarios, ya que en esta aplicación se debe iniciar la sesión de los usuarios y llamar a la API de Flow.
Seleccione Guardar.

Ejecución del ejemplo

Descargue el ejemplo y cópielo en una carpeta local del dispositivo.
Abra el archivo index.html de la carpeta FlowSDKSample y modifique applicationConfig para actualizar el valor clientID con el identificador de aplicación que ha registrado antes.
La aplicación de muestra está configurada para usar los ámbitos de flujo Flows.Read.All y Flow.Manage.All. Usted puede configurar ámbitos adicionales actualizando la propiedad flowScopes en el objeto applicationConfig .
Ejecute estos comandos para instalar la dependencia y ejecutar la aplicación de ejemplo:

> npm install > node server.js
Abra el explorador y, después, escriba http://localhost:30662
Haga clic en el botón Iniciar sesión para autenticarse en Microsoft Entra y adquirir un token de acceso de flujo de nube.
El cuadro de texto Token de acceso contiene el token de acceso.
Seleccione Cargar widget de flujos o Cargar widget de plantillas para insertar los widgets correspondientes.

Vínculo de descarga de la aplicación de ejemplo.

Recursos

Obtenga más información sobre la configuración y la integración de widgets:

Widget de plantillas: <https://make.powerautomate.com/test/templateswidget/>
Widget FlowCreation: <https://make.powerautomate.com/test/flowcreationwidget/>
Widget de tiempo de ejecución: <https://make.powerautomate.com/test/runtimewidget/>
Widget de centro de aprobaciones: <https://make.powerautomate.com/test/approvalcenterwidget/>
Widget de flujos: <https://make.powerautomate.com/test/managewidget/>

Si no se muestra la configuración regional inicializada, Flow usará de forma predeterminada la configuración regional admitida más cercana.

Configuración regional	Language
bg-bg	Búlgaro (Bulgaria)
ca-es	Catalán (catalán)
cs-cz	Checo (República Checa)
da-dk	Danés (Dinamarca)
de-de	Alemán (Alemania)
el-gr	Griego (Grecia)
en-Us	Inglés (Estados Unidos)
es-es	Español (España)
et-ee	Estonio (Estonia)
eu-es	Euskera (Euskera)
fi-fi	Finés (Finlandia)
fr-fr	Francés (Francia)
gl-es	Gallego (gallego)
hi-HU	Húngaro (Hungría)
hi-in	Hindi (India)
hr-hr	Croata (Croacia)
id-Id	Indonesio (Indonesia)
it-It	Italiano (Italia)
jp-Jp	Japonés (Japón)
kk-kz	Kazajo (Kazajistán)
ko-kr	Coreano (Corea del Sur)
lt-LT	Lituano (Lituania)
lv-lv	Letón (Letonia)
ms-my	Malayo (Malasia)
nb-no	Noruego (bokmål)
nl-nl	Neerlandés (Países Bajos)
pl-pl	Polaco (Polonia)
pt-br	Portugués (Brasil)
pt-pt	Portugués (Portugal)
ro-ro	Rumano (Rumanía)
ru-ru	Ruso (Rusia)
sk-sk	Eslovaco (Eslovaquia)
sl-si	Esloveno (Eslovenia)
sr-cyrl-rs	Serbio cirílico (Serbia)
sr-latn-rs	Serbio latino (Serbia)
sv-se	Sueco (Suecia)
th-th	Tailandés (Tailandia)
tr-tr	Turco (Turquía)
uk-ua	Ucraniano (Ucrania)
vi-vn	Vietnamita (Vietnam)

El uso del SKD integrado de Power Automate queda cubierto por los Términos de licencia del software de Microsoft.

Integrar Power Automate con sitios web y aplicaciones

Requisitos previos

Uso del widget sin autenticar

Presentación de plantillas para sus escenarios

Paso de parámetros adicionales a la plantilla de flujo

Ejemplo completo

Uso de widgets de flujo autenticados

Arquitectura de widget

Detalles del SDK de JS

Inicialización del widget

Tokens de acceso

Detección de si el widget está listo

Configuración del widget

FlowsSettings

TemplatesSettings

ApprovalCenterSettings

Eventos de widget

Uso

Eventos admitidos por el tipo de widget

Widget de tiempo de ejecución

Widget de creación de flujos

Widget de aprobación

Ejemplo

Acciones de widget

Uso

Ejemplo

Widget de tiempo de ejecución

Widget de creación de flujos

Widget de aprobación

Configuración de la aplicación cliente

Aplicación de ejemplo en la que se insertan widgets de Flow

Registro de una aplicación de Microsoft Entra

Ejecución del ejemplo

Recursos

Páginas de prueba de widgets

Configuraciones regionales de widget admitidas

Recursos adicionales