Question

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

但我需要使用套接字并使此进程异步，以便不使用自动刷新。我正在使用Flask作为我的Web框架。

Answer 1

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

<强> app.py

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)

<强>的index.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>

Answer 2

使用框架Flask，socketIO的使用非常简单
你需要的一切都在这里：https://flask-socketio.readthedocs.io/en/latest/

Answer 3

您可以在套接字中指定页面内容，如下所示：

socketio.emit('connect',
                     {'field_doc': "some content", 'another_field' :"some other content"})

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

3 个答案: