每次本地文件更改时使用 Flask SocketIO 更新网页

Question

每次更改我的本地文件：文件名时，我都需要更新我的网页。不使用套接字，我可以简单地每 1 秒刷新一次页面并完成它。我是通过读取文件名的内容并将其发送到我的网络模板来做到这一点的。

但是我需要使用套接字并使这个过程异步，以便不使用自动刷新。我使用 Flask 作为我的网络框架。

Answer 1

下面是一个示例 Flask 应用程序，它监视文件并在文件更改时发出套接字消息。请注意，这假设您在 Linux 平台上（用于文件查看）

应用程序

from flask import Flask, render_template
from flask_socketio import SocketIO
import pyinotify

app = Flask(__name__)
app.config['SECRET_KEY'] = 'secret!'
socketio = SocketIO(app)
thread = None


class ModHandler(pyinotify.ProcessEvent):
    def process_IN_CLOSE_WRITE(self, evt):
        socketio.emit('file updated')


def background_thread():
    handler = ModHandler()
    wm = pyinotify.WatchManager()
    notifier = pyinotify.Notifier(wm, handler)
    wm.add_watch('test.log', pyinotify.IN_CLOSE_WRITE)
    notifier.loop()


@app.route('/')
def index():
    return render_template('index.html', async_mode=socketio.async_mode)


@socketio.on('connect')
def test_connect():
    global thread
    if thread is None:
        thread = socketio.start_background_task(target=background_thread)


if __name__ == '__main__':
    socketio.run(app, debug=True)

索引.html

<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/socket.io/1.3.6/socket.io.min.js"></script>
<script type="text/javascript" charset="utf-8">
    var socket = io.connect('http://' + document.domain + ':' + location.port);
    socket.on('connect', function() {
        socket.emit('my event', {data: 'I\'m connected!'});
    });
    socket.on('file updated', function(data) {                                  
        console.log('the file has been updated');
    });

</script>