如何实现Web端上传文件供Bash脚本调用并返回结果至UI

全选轻量、开发量小的组件就行，没必要上重型框架：

• 前端：原生HTML+JS足够，要做交互体验优化就搭个Vue/React单页，核心只需要文件上传控件、提交按钮、结果展示区三个模块，不用多余依赖。
• 服务端：首推Python FastAPI/Flask，或者Node.js Express，处理文件上传、调用系统命令几行代码就能搞定核心逻辑，不用折腾Java这类重框架的复杂配置。
• 任务调度：如果单脚本执行时间短、并发量低，不用加额外组件，服务端直接调系统命令就行；如果并发高、脚本执行时间长，加个Redis做缓存，配Celery（Python栈）或者Bull（Node栈）做异步任务队列即可，不用上K8s、消息集群这类过重的方案。

全程不改动原有Bash脚本，所有适配逻辑全部在Web层完成，原有脚本在终端怎么传参跑，Web层就怎么调用：

1. 前端交互部分 #

• 页面放文件选择控件，用户选完文件点提交后，前端把文件以multipart/form-data格式POST给后端接口，提交后显示加载状态，防止用户重复点击。
• 结果回显分场景选方案：脚本执行时间在10秒以内的，直接等接口返回全量结果渲染到页面就行；脚本执行时间长、需要看实时输出的，用SSE（服务端推送事件）逐行接收输出实时追加到页面，比WebSocket实现简单很多，足够用。

2. 服务端核心逻辑 #

• 文件存储：单独建专用上传目录（比如/opt/script_runtime/upload/），不要直接用系统临时目录。每个上传的文件生成随机唯一文件名，避免同名覆盖，存完后校验权限，确保运行脚本的用户有文件读权限。
• 脚本调用：绝对不能把用户传入的参数直接拼接到Shell命令字符串里，严防命令注入漏洞。比如用Python调用时，要以参数列表形式传参，强制关闭shell执行模式，参考写法：

import subprocess
import uuid
import os

UPLOAD_DIR = "/opt/script_runtime/upload/"
SCRIPT_PATH = "/opt/your_existing_script.sh"
# 保存上传文件
file_name = f"{uuid.uuid4()}_{upload_file.filename}"
file_path = os.path.join(UPLOAD_DIR, file_name)
with open(file_path, "wb") as f:
    f.write(await upload_file.read())
# 安全调用脚本，禁止拼接命令字符串
try:
    exec_result = subprocess.run(
        [SCRIPT_PATH, file_path, *other_predefined_safe_params],
        capture_output=True,
        text=True,
        timeout=300 # 强制加超时时间，避免脚本死循环占资源
    )
    # 拿stdout、stderr、returncode做后续返回
finally:
    # 执行完按需删除临时上传文件
    os.remove(file_path)

• 权限隔离：专门建一个低权限的系统用户用来跑Bash脚本，绝对不能用root用户启动Web服务、跑脚本。这个低权限用户只给上传目录读权限、原有脚本的执行权限、以及脚本运行必需的最小目录权限，把恶意文件的破坏范围锁死。
• 异常处理：单独捕获文件上传失败、脚本执行超时、脚本返回非0退出码这些异常场景，把错误信息明确返回给前端，不要直接抛500错误。

3. 运维兜底逻辑 #

• 加定时任务，每天清理一次上传目录、脚本运行生成的临时文件，避免垃圾文件占满磁盘。
• 上传接口强制加文件大小限制，根据业务场景设阈值（比如默认100M），防止超大文件把服务打挂。

• 所有用户可控的参数绝对不能直接拼接到Shell命令里，必须用编程语言提供的参数数组形式传参，关闭shell解析，从根源上堵命令注入漏洞。
• 不管什么场景都要给脚本执行设超时时间，防止脚本死循环耗尽服务端CPU、内存资源。
• 不要为了做这个需求改动原有Bash脚本的任何逻辑，所有适配都在Web层做，完全兼容原有脚本的终端运行方式，避免改出原有功能的问题。

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