如何从代码/SPFx（React）Web部件启动Power Automate工作流并传参？无需高级连接器

1. 从代码/SPFx Web部件启动Power Automate工作流的方法 #

核心有两种可行方案，其中不依赖高级连接器的实现是通过HTTP请求直接调用Power Automate触发端点，具体路径如下：

• 创建当HTTP请求被接收时类型的Power Automate流：保存后会自动生成专属POST接口URL，直接在SPFx代码中调用该URL即可触发工作流
• 创建手动触发的即时流：通过Microsoft Graph API的/me/flows/{flow-id}/run端点触发，但需在SPFx中配置对应权限

2. 基于React的SPFx Web部件触发Power Automate并传参（无高级连接器） #

完全可以实现，以下是具体落地步骤：

步骤1：配置Power Automate HTTP触发流 #

1. 新建流，选择当HTTP请求被接收时作为触发器
2. 定义请求体JSON架构，明确需要接收的参数，示例：

   {
     "type": "object",
     "properties": {
       "itemId": {
         "type": "string"
       },
       "itemTitle": {
         "type": "string"
       }
     }
   }
   

3. 保存流，复制生成的HTTP POST接口URL

步骤2：在React版SPFx Web部件中编写调用代码 #

在React组件的事件处理函数中，使用fetch发送POST请求传递参数，示例代码：

// 导入SPFx核心模块
import { sp } from "@pnp/sp";
import "@pnp/sp/webs";

// 定义触发工作流的异步函数
const triggerFlow = async (itemId: string, itemTitle: string) => {
  const flowEndpoint = "你的Power Automate HTTP触发URL";
  const requestPayload = {
    itemId: itemId,
    itemTitle: itemTitle
  };

  try {
    const response = await fetch(flowEndpoint, {
      method: "POST",
      headers: {
        "Content-Type": "application/json"
      },
      body: JSON.stringify(requestPayload)
    });

    if (response.ok) {
      console.log("工作流触发成功");
      // 可添加UI成功提示逻辑
    } else {
      console.error("工作流触发失败", await response.text());
    }
  } catch (error) {
    console.error("请求异常", error);
  }
};

// React组件渲染示例
return (
  <button onClick={() => triggerFlow("1001", "测试文档")}>
    触发工作流并传参
  </button>
);

关键注意事项 #

• 若要限制HTTP触发流的访问权限，可在流中添加「检查用户权限」步骤，或配置Azure AD身份验证，此时SPFx需通过sp.context.msGraphClientFactory获取访问令牌后再调用端点
• 若选择手动即时流，需在SPFx的package-solution.json中添加权限配置：

  "webApiPermissionRequests": [
    {
      "resource": "Microsoft Flow",
      "scope": "user_impersonation"
    }
  ]
  

  调用MS Graph API触发的代码示例：

  const triggerInstantFlow = async (flowId: string, params: any) => {
    const graphClient = await sp.context.msGraphClientFactory.getClient();
    await graphClient.api(`/me/flows/${flowId}/run`).post({
      parameters: params
    });
  };
  

内容的提问来源于stack exchange，提问作者private7