Html 获取标准的Python脚本，以便使用FASK对网站进行Flask

我找到了两个解决方案，其中一个我真的很喜欢，所以我要和大家分享.

但首先:我想我误解了关于不要使用subprocess documentation中的Popen.stdout.read()的警告.我只用readline我应该没问题，因为电话无论如何都应该返回.(如果我在这里错了，请纠正我，因为整个答案都是基于这样的假设，即readline不会在read会死锁的地方陷入僵局.)

第一个解决方案:修改this answer. 实际上并不需要<iframe>，Flask可以将数据串流到<div>中.该html如下所示:

<p>Test Output</p>

<div id="output">
    {% if data %}
        {% for item in data %}
            {{ item }}<br />
        {% endfor %}
    {% endif %}
</div>

{% if data %}是可选的.我使用它来加载页面的空白<div>，并在按钮上按下重新加载站点，并提供data来填充<div>

Python部分如下所示:

from flask import Response, stream_template
from subproces import Popen, PIPE

@app.route('/')
def stream() -> Response:
    """stream data to template"""
    def update(task: str | list[str]):
        """update the stream data"""
        with Popen(task, stdout=PIPE, stderr=PIPE) as proc:
            while proc.poll() is None:
                line = proc.stdout.readline()
                log.info(line.decode())
                yield line.decode()
            while (line := proc.stdout.readline()) != b'':
                log.info(line.decode())
                yield line.decode()
            err = proc.stderr.read() # risk of deadlock
            # could be replaced by while readline as above
            if err != b'':
                log.warning("additionional stderr produced while running tests: %s", err.decode())
               
    return Response(
        stream_template('index.html.jinja',
                        data=update(['/usr/local/bin/pytest', 'dummytest.py'])))

我不得不在返回proc.poll()之后添加第二个While循环，因为我总是遗漏最后几行数据.但我不愿单独使用第二个While循环，因为如果一行为空(不应该发生，因为换行符应该总是在那里)，就会有中断的风险.

使用EventSource，第二个解决方案基本上是this answer.我对此犹豫不决，因为我的Java脚本不是很流利，但最终它起到了护身符的作用.我在一个按钮上添加了一个事件处理程序，它阻止表单post连接到服务器，但手动打开了事件源.该html如下所示:

<div id="output"></div>


<p><form action="/action" method="post" role="form" id="testsForm">
    <button class="btn btn-primary" type="submit">Run Test</button>
</form></p>
    
<script type="text/javascript">
    (() => {
        'use strict'
        const form = document.getElementById("testsForm")
        form.addEventListener('submit', event => {
            event.preventDefault()
            var target = document.getElementById("output")
            var update = new EventSource("/action/stream")

            update.onmessage = function(e) {
                if (e.data == "close") {
                    update.close();
                } else {
                    target.innerHTML += (e.data + '<br/>');
                }
            };
        }, false)
    })()
</script>

表单中的action和method可能是完全可选的，因为表单从不传播到后端.(这是使用bootstrap个类，如果有人想要重新创建它的话)

用于此操作的python如下所示:

from flask import Response
from subproces import Popen, PIPE

@app.route("/action/stream")
def stream() -> Response:
    """open event stream to client"""
    def update(task: str | list[str]):
        """update the event stream data"""
        with Popen(task, stdout=PIPE, stderr=PIPE) as proc:
            log.info("opened subprocess for async task communication")
            while proc.poll() is None:
                line = proc.stdout.readline()
                log.info(line.decode().rstrip())
                # the '\n\n' is needed for termination in th frontend 
                # the stream handling (especially closing) will break without it
                yield 'data: ' + line.decode() + "\n\n"
            while (line := proc.stdout.readline()) != b'':
                log.info(line.decode())
                yield 'data: ' + line.decode() + "\n\n"
            err = proc.stderr.read() # risk of deadlock
            if err != b'':
                log.warning("additionional stderr produced while running script: %s", err.decode())
                
        yield "data: close\n\n"

    return Response(update(['/usr/local/bin/pytest', 'dummytest.py']), mimetype="text/event-stream")

这个解决方案的一大优点是，网站不需要重新加载就可以流式传输数据.我有一个空框，当按下按钮时，脚本的输出将出现在屏幕上.(I even found some styling to make it look like an old school monitor)

在更长的通信方面:我在pytest脚本中的一个测试中测试了两个版本，超时10分钟，两个版本都没有问题.

甚至可能有another solution to this个，但我从来没有try 过，因为我不太理解它.如果第二种解决方案由于某些原因不够充分，我可能会在future .