【C#源码】FBro 工作流自动化系统

mosheng

# FBro 工作流自动化系统<br /> <br /> ## 📚 项目结构<br /> <br /> ```<br /> 工作流/<br /> ├── backend/                  # Node.js 后端（执行引擎 + API）<br /> ├── frontend/                 # React 前端（工作流编辑器）<br /> ├── FBroWorkflowApp.csproj   # C# WinForms 项目<br /> ├── Program.cs               # C# 程序入口<br /> ├── Form1.cs                 # C# 主窗体<br /> ├── Form1.Designer.cs        # C# 窗体设计器<br /> ├── InitEvent.cs             # FBro 初始化事件<br /> ├── BrowserEvent.cs          # FBro 浏览器事件<br /> ├── shared/                  # 共享代码和类型定义<br /> ├── docs/                    # 文档<br /> └── README.md               # 本文件<br /> ```<br /> <br /> ## 🚀 快速开始<br /> <br /> ### 1. 启动后端服务器<br /> <br /> ```bash<br /> cd backend<br /> npm install<br /> npm start<br /> # 服务运行在 http://localhost:3000<br /> ```<br /> <br /> ### 2. 启动前端开发服务器<br /> <br /> ```bash<br /> cd frontend<br /> npm install<br /> npm run dev<br /> # 前端运行在 http://localhost:5173<br /> ```<br /> <br /> ### 3. 运行 C# 应用程序<br /> <br /> 1. 打开 Visual Studio 2022<br /> 2. 打开 `FBroWorkflowApp.csproj`（在工作流根目录下）<br /> 3. 按 F5 运行<br /> 4. 应用会自动打开前端页面 (http://localhost:5173)<br /> <br /> ## 🎯 功能特性<br /> <br /> ### 前端功能<br /> - ✅ 可视化工作流编辑器（拖拽式）<br /> - ✅ 57 个 FBro 工具节点<br /> - ✅ 变量引用支持 `{{variable}}`<br /> - ✅ 工作流保存和加载<br /> - ✅ 实时执行预览<br /> - ✅ 工作流模板库<br /> <br /> ### 后端功能<br /> - ✅ 工作流执行引擎<br /> - ✅ 变量解析器<br /> - ✅ MCP 客户端适配器<br /> - ✅ RESTful API<br /> - ✅ WebSocket 实时通信<br /> - ✅ SQLite 数据存储<br /> <br /> ### C# 应用功能<br /> - ✅ FBro 浏览器集成<br /> - ✅ 自动打开前端页面<br /> - ✅ 工作流执行支持<br /> - ✅ 窗口自适应调整<br /> <br /> ## 📖 使用说明<br /> <br /> ### 创建第一个工作流<br /> <br /> 1. 启动所有服务（后端 + 前端 + C#）<br /> 2. 在 C# 应用中会自动打开工作流编辑器<br /> 3. 从左侧工具面板拖拽节点到画布<br /> 4. 连接节点并配置参数<br /> 5. 点击"保存"按钮保存工作流<br /> 6. 点击"运行"按钮执行工作流<br /> <br /> ### 工作流示例<br /> <br /> 参见 `docs/工作流执行器实现清单.md` 中的完整示例。<br /> <br /> ## 🔧 技术栈<br /> <br /> - **前端**: React 18 + React Flow + Vite<br /> - **后端**: Node.js + Express + WebSocket<br /> - **数据库**: SQLite<br /> - **C#**: .NET Framework 4.8 + Windows Forms + FBroSharp<br /> - **MCP**: fbro-mcp-gateway (57 个工具)<br /> <br /> ## 📞 支持<br /> <br /> - **文档**: 查看 `docs/` 目录<br /> - **工具清单**: `FBro工具完整清单.md`<br /> - **实现清单**: `工作流执行器实现清单.md`<br /> <br /> ## 🎉 开始使用<br /> <br /> 按照上面的"快速开始"步骤，三步启动完整系统！<br /> <br /> # 🚀 FBro工作流自动化平台 - 让浏览器自动化更简单<br /> <br /> ## 📖 软件简介<br /> <br /> **工作流平台**是一款基于 **FBro 浏览器框架**开发的可视化自动化工具，无需编程基础，通过拖拽式配置即可实现复杂的浏览器自动化任务。<br /> <br /> - 💻 **技术栈**：C# WinForms + FBroSharp + Chromium 内核<br /> - 🌐 **前端管理**：Vue 3 + Element Plus + React Flow<br /> - 🎯 **定位**：专业级浏览器自动化解决方案<br /> - 🌍 **在线演示**：https://workflow.msblog.cc<br /> <br /> ---<br /> <br /> ## ✨ 核心功能<br /> <br /> ### 🎨 **1. 可视化工作流编辑器**<br /> - 拖拽式节点配置，像搭积木一样简单<br /> - 实时预览工作流执行逻辑<br /> - 支持节点连线、条件分支<br /> - 丰富的节点工具库（30+ 工具）<br /> <br /> ### 🔧 **2. 强大的自动化工具**<br /> <br /> #### **浏览器操作**<br /> - 🌐 页面导航、前进、后退、刷新<br /> - 🖱️ 点击元素、填写表单、上传文件<br /> - 📜 执行 JavaScript、获取页面源码<br /> - 📸 截图、等待元素、滚动页面<br /> <br /> #### **HTTP 请求**<br /> - 🌍 支持 GET/POST/PUT/DELETE 等方法<br /> - 🍪 Cookie 管理（批量设置、获取、删除）<br /> - 🔗 代理设置（HTTP/HTTPS/SOCKS5）<br /> - 📊 自动解析 JSON 响应<br /> <br /> #### **高级功能**<br /> - 🎭 浏览器指纹随机化（UserAgent、Canvas、WebGL）<br /> - 🔔 消息通知（企业微信、飞书、钉钉）<br /> - 📝 变量系统（支持嵌套 JSON 路径）<br /> - 🔄 循环执行、定时任务<br /> - 📊 实时日志、历史记录<br /> <br /> ### 🛍️ **3. 工作流市场**<br /> - 分享和购买工作流配置<br /> - 创作者获得 90% 收益<br /> - 平台抽成仅 10%<br /> - 支持免费/付费工作流<br /> <br /> ---<br /> <br /> ## 🎯 应用场景<br /> <br /> ### **电商自动化**<br /> - 商品上架、价格监控<br /> - 订单处理、库存同步<br /> - 批量修改商品信息<br /> <br /> ### **数据采集**<br /> - 网页数据抓取<br /> - 信息整理、导出<br /> - 定时监控网站变化<br /> <br /> ### **社交媒体**<br /> - 自动发帖、点赞、关注<br /> - 批量回复私信<br /> - 内容定时发布<br /> <br /> ### **表单填写**<br /> - 批量填写表单<br /> - 自动提交数据<br /> - Excel 数据导入<br /> <br /> ### **游戏辅助**<br /> - 自动签到、领取奖励<br /> - 自动任务、挂机<br /> - 批量账号管理<br /> <br /> ### **办公自动化**<br /> - 自动生成报表<br /> - 数据导入导出<br /> - 文件批量处理<br /> <br /> ---<br /> <br /> ## 🖼️ 界面截图<br /> <br /> ### 📊 **工作流编辑器**<br /> ```<br /> ┌─────────────────────────────────────────────┐<br /> │  [保存] [运行] [导出] [导入] [清空]          │<br /> ├─────────────────────────────────────────────┤<br /> │  工具箱          │         画布区域           │<br /> │  ┌──────────┐   │   ┌─────────────────┐    │<br /> │  │ HTTP请求 │   │   │  [HTTP请求]      │    │<br /> │  │ 点击元素 │   │   │       ↓          │    │<br /> │  │ 填写表单 │   │   │  [填写表单]      │    │<br /> │  │ 消息通知 │   │   │       ↓          │    │<br /> │  │ ...更多  │   │   │  [发送通知]      │    │<br /> │  └──────────┘   │   └─────────────────┘    │<br /> └─────────────────────────────────────────────┘<br /> ```<br /> <br /> ### 📈 **执行日志**<br /> ```<br /> ┌─────────────────────────────────────────────┐<br /> │  22:41:43  ℹ️  开始执行工作流: 推送武汉天气  │<br /> │  22:41:43  ✅  [1/2] HTTP请求 执行成功       │<br /> │  22:41:43  ✅  [2/2] 发送通知 执行成功       │<br /> │  22:41:44  🎉  工作流执行完成                │<br /> └─────────────────────────────────────────────┘<br /> ```<br /> <br /> ---<br /> <br /> ## 📦 下载安装<br /> <br /> ### **系统要求**<br /> - **操作系统**：Windows 7/8/10/11（64位）<br /> - **.NET Framework**：4.8 或更高<br /> - **内存**：建议 4GB 以上<br /> - **硬盘空间**：500MB 以上<br /> <br /> ---<br /> <br /> ## 🎮 快速上手<br /> <br /> ### **1️⃣ 启动软件**<br /> 双击运行 `工作流.exe`，软件会自动：<br /> - 初始化 FBro 浏览器框架<br /> - 打开 Web 管理界面（默认 `https://workflow.msblog.cc`）换成你自己部署的web站点<br /> - 加载工作流编辑器<br /> <br /> ### **2️⃣ 登录/注册**<br /> - 点击右上角"登录"按钮<br /> - 输入邮箱和密码<br /> - 新用户点击"注册"<br /> <br /> ### **3️⃣ 创建工作流**<br /> <br /> **方式一：从市场导入**<br /> 1. 访问"工作流市场"<br /> 2. 选择心仪的工作流<br /> 3. 点击"使用"或"购买"<br /> 4. 自动导入到"我的工作流"<br /> <br /> **方式二：自己创建**<br /> 1. 点击"编辑器"按钮<br /> 2. 从左侧工具箱拖拽节点到画布<br /> 3. 配置节点参数（URL、选择器等）<br /> 4. 连接节点，形成执行流程<br /> 5. 点击"保存"<br /> <br /> ### **4️⃣ 运行工作流**<br /> <br /> **在编辑器中运行**：<br /> - 点击右上角"运行"按钮<br /> - 查看右下角实时日志<br /> <br /> **在"我的工作流"中运行**：<br /> - 访问"我的工作流"页面<br /> - 点击工作流的"运行"按钮<br /> - 在弹窗中查看实时日志<br /> <br /> ### **5️⃣ 查看日志**<br /> - 点击"日志"按钮<br /> - 查看历史执行记录<br /> - 查看详细日志内容<br /> <br /> ---<br /> <br /> ## 🔥 示例工作流<br /> <br /> ### **示例 1：推送武汉天气**<br /> <br /> **功能**：获取武汉天气并推送到企业微信<br /> <br /> **节点配置**：<br /> ```<br /> [HTTP请求] <br />   URL: https://restapi.amap.com/v3/weather/weatherInfo?...<br />   保存到变量: weather_response<br /> <br />      ↓<br /> <br /> [发送通知]<br />   消息: 今日{{weather_response.lives[0].city}}天气：<br />         {{weather_response.lives[0].weather}} <br />         {{weather_response.lives[0].temperature}}度<br />   平台: 企业微信<br /> ```<br /> <br /> **效果**：<br /> ```<br /> 🌤️ 今日武汉市天气：小雨 16度<br /> <br /> 📍 位置：湖北 武汉市<br /> 🌡️ 温度：16℃（体感 16.0℃）<br /> 💧 湿度：95%<br /> 🌬️ 风向：北风<br /> 💨 风力：≤3级<br /> ⏰ 更新时间：2025-10-29 22:31:23<br /> ```<br /> <br /> ---<br /> <br /> ### **示例 2：批量填写表单**<br /> <br /> **功能**：从 Excel 读取数据，批量填写网页表单<br /> <br /> **节点配置**：<br /> ```<br /> [循环：读取 Excel] <br />   文件: data.xlsx<br />   <br />      ↓<br />      <br /> [打开页面]<br />   URL: https://example.com/form<br />   <br />      ↓<br />      <br /> [填写表单]<br />   姓名: {{excel.name}}<br />   邮箱: {{excel.email}}<br />   电话: {{excel.phone}}<br />   <br />      ↓<br />      <br /> [点击提交]<br />   选择器: button[type="submit"]<br /> ```<br /> <br /> ---<br /> <br /> ### **示例 3：价格监控**<br /> <br /> **功能**：监控商品价格变化，降价时通知<br /> <br /> **节点配置**：<br /> ```<br /> [定时任务] <br />   每小时执行一次<br />   <br />      ↓<br />      <br /> [打开商品页]<br />   URL: https://item.jd.com/xxxxx.html<br />   <br />      ↓<br />      <br /> [获取价格]<br />   选择器: .p-price<br />   保存到变量: current_price<br />   <br />      ↓<br />      <br /> [条件判断]<br />   如果: {{current_price}} < 100<br />   <br />      ↓<br />      <br /> [发送通知]<br />   消息: 商品降价了！当前价格：{{current_price}}元<br /> ```<br /> <br /> ---<br /> <br /> ## 💡 高级功能<br /> <br /> ### **1️⃣ 变量系统**<br /> <br /> 支持在工作流中存储和引用数据：<br /> <br /> ```javascript<br /> // 保存变量<br /> {{variable_name}}<br /> <br /> // 访问 JSON 嵌套属性<br /> {{weather.lives[0].city}}<br /> {{user.info.name}}<br /> <br /> // 在节点参数中使用<br /> URL: https://api.example.com?city={{city_name}}<br /> 消息: 欢迎 {{user.name}}，今天是 {{date}}<br /> ```<br /> <br /> ### **2️⃣ 浏览器指纹**<br /> <br /> 一键随机化浏览器指纹，避免网站检测：<br /> <br /> ```javascript<br /> UserAgent: Mozilla/5.0 (Windows NT 10.0...) [随机]<br /> Canvas 指纹: [随机噪声]<br /> WebGL 指纹: [随机噪声]<br /> Audio 指纹: [随机噪声]<br /> 时区: Asia/Shanghai [可自定义]<br /> 分辨率: 1920x1080 [可自定义]<br /> 语言: zh-CN,zh [可自定义]<br /> ```<br /> <br /> ### **3️⃣ 代理支持**<br /> <br /> 支持 HTTP/HTTPS/SOCKS5 代理：<br /> <br /> ```javascript<br /> // 方式一：直接设置<br /> 代理地址: http://127.0.0.1:8080<br /> <br /> // 方式二：从变量获取<br /> 代理地址: {{proxy_url}}<br /> <br /> // 方式三：拼接代理<br /> IP: {{proxy_ip}}<br /> 端口: {{proxy_port}}<br /> → 自动拼接为: http://{{proxy_ip}}:{{proxy_port}}<br /> ```<br /> <br /> ### **4️⃣ Cookie 管理**<br /> <br /> 批量设置、获取、删除 Cookie：<br /> <br /> ```json<br /> // 批量设置 Cookie<br /> [<br />   {<br />     "name": "session_id",<br />     "value": "abc123",<br />     "domain": ".example.com"<br />   },<br />   {<br />     "name": "user_token",<br />     "value": "xyz789",<br />     "domain": ".example.com"<br />   }<br /> ]<br /> <br /> // 获取所有 Cookie<br /> 保存到变量: all_cookies<br /> → 自动解析为 JSON 数组<br /> ```<br /> <br /> ---<br /> <br /> ## 🔔 消息通知<br /> <br /> 支持多种通知平台，及时获取工作流执行结果：<br /> <br /> ### **企业微信机器人**<br /> ```<br /> Webhook: https://qyapi.weixin.qq.com/cgi-bin/webhook/send?key=xxx<br /> ```<br /> <br /> ### **飞书机器人**<br /> ```<br /> Webhook: https://open.feishu.cn/open-apis/bot/v2/hook/xxx<br /> ```<br /> <br /> ### **钉钉机器人**<br /> ```<br /> Webhook: https://oapi.dingtalk.com/robot/send?access_token=xxx<br /> ```<br /> <br /> ---<br /> <br /> ## 📊 技术特点<br /> <br /> ### **1️⃣ 基于 FBro 浏览器框架**<br /> - Chromium 内核，完美兼容各类网站<br /> - 支持嵌入式浏览器和独立弹窗<br /> - 事件驱动架构，性能卓越<br /> <br /> ### **2️⃣ 前后端分离**<br /> - 前端：Vue 3 + React Flow（可视化编辑器）<br /> - 后端：PHP 8.0 + MySQL 8.0（RESTful API）<br /> - 客户端：C# WinForms + FBroSharp<br /> <br /> ### **3️⃣ 数据持久化**<br /> - 工作流配置存储在数据库<br /> - 支持导出/导入 JSON 配置<br /> - 执行日志完整记录<br /> <br /> ### **4️⃣ 安全可靠**<br /> - JWT Token 认证<br /> - 密码 bcrypt 加密<br /> - SQL 注入防护<br /> - XSS 攻击防护<br /> <br /> ---<br /> <br /> **工作室版咨询**：<br /> <br /> - QQ：1098901025<br /> - 微信：zhx_ms<br /> <br /> ---<br /> <br /> ## 📚 相关链接<br /> <br /> - 🌐 **在线演示**：https://workflow.msblog.cc<br /> - 📺 **视频教程**：https://b23.tv/OuYTW8f<br /> - 💬 **FBro 官方论坛**：https://bbs.fbrowser.site/<br /> - 📖 **FBro MCP 文档**：https://mcp.msblog.cc/<br /> <br /> ---<br /> <br /> ## 🤝 技术支持<br /> <br /> ### **开发者**<br /> - 作者：莫生<br /> - QQ：1098901025<br /> - 微信：zhx_ms<br /> <br /> ### **社区交流**<br /> - FBro 官方论坛：https://bbs.fbrowser.site/<br /> <br /> ### **商业合作**<br /> - 工作室版咨询：QQ 1098901025 | 微信 zhx_ms<br /> - 定制开发服务<br /> - 私有化部署支持<br /> <br /> **要求**：<br /> - 保留原作者版权声明<br /> - 不提供任何担保<br /> <br /> ---<br /> <br /> ## 🎉 更新日志<br /> <br /> ### **v1.0 (2025-10-29)**<br /> - ✅ 初始版本发布<br /> - ✅ 支持 30+ 自动化工具<br /> - ✅ 可视化工作流编辑器<br /> - ✅ 工作流市场<br /> - ✅ 会员系统<br /> - ✅ 消息通知（企业微信、飞书、钉钉）<br /> - ✅ 实时日志、历史记录<br /> - ✅ 浏览器指纹随机化<br /> - ✅ 代理支持（HTTP/HTTPS/SOCKS5）<br /> - ✅ Cookie 管理<br /> - ✅ 变量系统（支持嵌套 JSON）<br /> <br /> ---<br /> <br /> ## 📸 更多截图<br /> <br /> ### 推送<br /> <br /> <br /> <br /> ### 编辑器<br /> <br /> <br /> <br /> ### 工作流市场<br /> <br /> <br /> <br /> ### 定时执行<br /> <br /> <br /> <br /> ### 实时监控日志<br /> <br /> <br /> ---<br /> <br /> ## 🙏 致谢<br /> <br /> 感谢 **FBro 浏览器框架** 提供的强大底层支持！<br /> <br /> - FBro 官网：https://bbs.fbrowser.site/<br /> - FBro MCP：https://mcp.msblog.cc/<br /> <br /> ---<br /> <br /> ## 📝 声明<br /> <br /> 本软件仅供学习交流使用，请勿用于非法用途。使用本软件产生的一切后果由使用者自行承担。<br /> <br /> <br /> ---<br /> ### 成品下载地址<br /> <br /> ```<br /> https://wwms.lanzouo.com/b00zy72kje<br /> 密码:4u34<br /> ```<br /> <br /> <br /> <br />

游客，如果您要查看本帖隐藏内容请回复

envy

FBro 工作流自动化系统

milk

非常牛，提高工作效率

xiezai88

非常牛，提高工作效率

yixin

回复看看！！！！！！！！！！！！

aheiye

非常牛，提高工作效率

gzygood

非常牛逼的作品。希望项目可以更新下去

元始

谢谢大佬分享